美食介绍宣传hmtldiv布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点
时间: 2023-08-22 10:10:17 浏览: 59
好的,下面是对于这些知识点的简单介绍:
1. hmtl div布局:使用div元素将页面划分为多个区域,然后使用CSS样式来控制这些区域的布局和外观。
2. 浮动定位:使用CSS中的float属性将元素从正常文档流中移动,并使其左或右对齐,通常用于布局。
3. 高级CSS:包括使用CSS选择器、伪类和伪元素、盒模型、CSS动画、CSS过渡等。
4. 表格:使用HTML table元素来创建表格,并使用CSS样式来控制表格的外观和布局。
5. 表单及验证:使用HTML form元素来创建表单,使用input和textarea元素来收集用户输入,并使用JavaScript或HTML5验证API来验证表单数据。
6. JS轮播图:使用JavaScript编写代码来创建轮播图,通常使用定时器和CSS样式来实现。
7. 音频视频Fash的应用:使用HTML5 audio和video元素来嵌入音频和视频,或使用Flash技术来嵌入音频和视频。
8. ul和下拉导航栏:使用HTML ul和li元素来创建无序列表,并使用CSS样式来创建下拉导航栏。
9. 鼠标划过效果:使用CSS样式和JavaScript编写代码来实现鼠标悬停时的效果,例如改变背景颜色、显示隐藏的内容等。
这些知识点都是Web开发中非常常用的技术,掌握它们可以帮助您更好地创建美食介绍网站并提高用户体验。
相关问题
jenkins war包
Jenkins是一个开源的持续集成工具,它通过构建一个WAR(Web ARchive)包来部署到支持Java的应用服务器上。WAR包是Java Web应用程序的标准打包格式,包含了Web应用的所有资源,如HTML、CSS、JavaScript、图片以及Java类文件等。在Jenkins中,当你构建了一个项目,可能会生成一个WAR文件,这个文件包含了Jenkins插件、配置文件和其他相关资源,用于在目标环境中运行Jenkins实例。
具体步骤如下:
1. **构建触发器**:Jenkins项目通常有一个构建脚本或流水线定义,当源代码发生变更或者满足特定条件时,会触发构建过程。
2. **构建阶段**:在这个阶段,Jenkins执行构建任务,可能包括编译、测试、打包等操作。
3. **打包成WAR**:当构建阶段完成,会将Jenkins应用及其配置打包为WAR文件,例如命名为`jenkins.war`。
4. **部署**:将生成的WAR文件上传到应用服务器(如Tomcat、Jetty等),然后通过应用服务器的部署机制进行安装和启动。
void Work_State(void) { if (Show.mode != MODE_SET_ONLINE && Show.mode != MODE_SET_TX && Show.mode != MODE_SET_RX) Show_Duty(); switch (Show.mode) { Select_Mode(); break; case MODE_SET_ONLINE: //有线仿真模式 当正常DAP使用 if (hid_len) { usbd_hid_process_online(); } if (cdc_len) { tusb_cdc_device_send(&cdc_dev, cdc_buf, cdc_len); // while (HAL_UART_Transmit(&huart2, cdc_buf, cdc_len, 1000) != HAL_OK) // ; cdc_len = 0; } HAL_UART_Receive_DMA(&huart2, rx_buffer, BUFFER_SIZE); if (recv_end_flag == 1) { recv_end_flag = 0; tusb_cdc_device_send(&cdc_dev, rx_buffer, rx_len); } tusb_msc_device_loop(&msc_dev); break; case MODE_SET_OFFLINE: //脱机烧录模式 自动烧录 选择文件和下载算法 Select_Offline(); Auto_Fash(); break; case MODE_SET_ALGO: //选择烧录算法(也就是目标芯片) break; case MODE_SET_FILE: //选择下载文件 break; case MODE_SET_WIRELESS: //无线模式选择模式 Select_WL_MODE(); break; case MODE_SET_TX: //无线发射端模式 HAL_UART_Receive_DMA(&huart1, rx_buffer, BUFFER_SIZE); usbd_hid_process_wireless_tx(); break; case MODE_SET_RX: //无线接收端模式 HAL_UART_Receive_DMA(&huart1, rx_buffer, BUFFER_SIZE); usbd_hid_process_wireless_rx(); break; default: break; } }分析这段代码
这段代码是一个名为`Work_State`的函数,它没有任何输入参数和返回值。让我们逐行分析代码:
1. `if (Show.mode != MODE_SET_ONLINE && Show.mode != MODE_SET_TX && Show.mode != MODE_SET_RX)`:这是一个条件语句,检查`Show.mode`的值是否不等于`MODE_SET_ONLINE`、`MODE_SET_TX`和`MODE_SET_RX`。如果条件为真,将执行`Show_Duty()`函数。
2. `switch (Show.mode)`:这是一个`switch`语句,根据`Show.mode`的值执行不同的代码块。
3. `case MODE_SET_ONLINE:`:如果`Show.mode`的值等于`MODE_SET_ONLINE`,将执行紧随其后的代码块。在这个模式下,会进行一系列操作,包括处理HID数据、发送CDC数据、接收UART数据等。
4. `case MODE_SET_OFFLINE:`:如果`Show.mode`的值等于`MODE_SET_OFFLINE`,将执行紧随其后的代码块。在这个模式下,会选择离线模式、选择文件并进行自动烧录操作。
5. `case MODE_SET_ALGO:`:如果`Show.mode`的值等于`MODE_SET_ALGO`,将执行紧随其后的代码块。在这个模式下,可以选择烧录算法(目标芯片)。
6. `case MODE_SET_FILE:`:如果`Show.mode`的值等于`MODE_SET_FILE`,将执行紧随其后的代码块。在这个模式下,可以选择下载文件。
7. `case MODE_SET_WIRELESS:`:如果`Show.mode`的值等于`MODE_SET_WIRELESS`,将执行紧随其后的代码块。在这个模式下,可以选择无线模式。
8. `case MODE_SET_TX:`:如果`Show.mode`的值等于`MODE_SET_TX`,将执行紧随其后的代码块。在这个模式下,会接收UART数据并处理无线发射端操作。
9. `case MODE_SET_RX:`:如果`Show.mode`的值等于`MODE_SET_RX`,将执行紧随其后的代码块。在这个模式下,会接收UART数据并处理无线接收端操作。
10. `default:`:如果`Show.mode`的值不匹配上述任何一个模式,将执行紧随其后的代码块。在这个例子中,代码块为空。
总体来说,这段代码根据`Show.mode`的值执行不同的操作。不同模式下会执行不同的功能,如处理数据、发送数据、接收数据等。具体的操作细节需要根据具体的业务逻辑和代码实现来分析。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)