欢迎大家去博客冰山一树Sankey,浏览效果更好。直接右上角搜索该标题即可
博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey
前端学习:学习地址:黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动,下面这些都是一些学习笔记。临渊羡鱼,不如退而结网!!愿我自己学有所成,也愿每个前端爱好者学有所成
一. 表格标签
1.1 表格的主要作用
表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。
总结:表格不是用来布局页面的,而是用来展示数据的.
1.2 表格的基本语法
是用于定义表格的标签。
标签用于定义表格中的行,必须嵌套在
标签中。
用于定义表格中的单元格,必须嵌套在
标签中。
姓名 性别 年龄
刘德华 男 30
pink 男 21
gff 男 21
piwwecnk 男 21
1.3 表头单元格标签
一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示, 突出重要性 标签表示 HTML 表格的表头部分(table head 的缩写)
语法:
1.4 表格属性
表格标签这部分属性实际开发不常用,后面通过 CSS 来设置. 了解目的 :
记住这些英语单词,后面 CSS 会使用.
直观感受表格的外观形态
1.5 案例分析
小说排行榜
今日小说排行榜
1.6 表格结构标签
使用场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成 表格头部和表格主体两大部分. 在表格标签中,分别用:标签 表格的头部区域、标签 表格的主体区域. 这样可以更好的分清表格结构。
:用于定义表格的头部。 内部必须拥有 标签。 一般是位于第一行。
:用于定义表格的主体,主要用于放数据本体 。
以上标签都是放在
标签中。
1.7 合并单元格
特殊情况下,可以把多个单元格合并为一个单元格。
跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
目标单元格:(写合并代码)
跨行:最上侧单元格为目标单元格,写合并代码
跨列:最左侧单元格为目标单元格,写合并代码
合并单元格三步曲 :
先确定是跨行还是跨列合并。
找到目标单元格. 写上合并方式 = 合并的单元格数量。比如:
。
删除多余的单元格。
合并单元格
<-->原来单元格-->
<-->原来单元格-->
二. 列表标签
表格 是用来显示数据的,那么列表 就是用来布局的。 列表最大的特点就是整齐、整洁、有序 ,它作为布局会更加自由和方便。 根据使用情景不同,列表可以分为三大类:无序列表、有序列表和自定义列表。
标签名
定义
说明
无序标签
里面只能包含li,设有顺序,使用较多。li里面可以包含任何标签
有序标签
里面只能包含li,有顺序,使用相对较少。li里面可以包含任何标签
自定义列表
里面只能包含dt和dd。dt和dd里面可以放任何标签
2.1 无序列表
标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用
标签定义。 无序列表的基本语法格式如下:
注意 :
无序列表的各个列表项之间没有顺序级别之分,是并列的。
中只能嵌套 \
,直接在
标签中输入其他标签或者文字的做法是不被允许的
与
之间相当于一个容器,可以容纳所有元素。
无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。
2.2 有序列表
有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义。 在 HTML 标签中,
标签用于定义有序列表,列表排序以数字来显示,并且使用
标签来定义列表项。 有序列表的基本语法格式如下:
列表项1
列表项2
列表项3
...
\
中只能嵌套\
,直接在\
标签中输入其他标签或者文字的做法是不被允许的。
与
之间相当于一个容器,可以容纳所有元素。
有序列表会带有自己样式属性,但在实际使用时,我们会使用 CSS 来设置。
2.3 自定义列表
自定义列表的使用场景: 自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
在 HTML 标签中,
标签用于定义描述列表(或定义列表),该标签会与
(定义项目/名字)和
(描述每一个项目/名字)一起使用。 其基本语法如下:
名词1
名词1解释1
名词1解释2
里面只能包含
和 。
和
个数没有限制,经常是一个
对应多个
。
三. 表单标签
使用表单目的是为了收集用户信息。
在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时就需要表单。
网页中的表单展示
3.1 表单的组成
在 HTML 中,一个完整的表单通常由表单域、表单控件(也称为表单元素)和 提示信息3个部分构成。
3.2 表单域
表单域是一个包含表单元素的区域。 在 HTML 标签中,
标签用于定义表单域,以实现用户信息的收集和传递。
会把它范围内的表单元素信息提交给服务器
常用属性 :
属性
属性值
作用
action
url地址
用于指定接收并处理表单数据的服务器程序的url地址。
method
get/post
用于设置表单数据的提交方式,其取值为get或post。
name
名称
用于指定表单的名称,以区分同一个页面中的多个表单域。
3.3 表单控件
在英文单词中,input 是输入的意思,而在表单元素中
标签用于收集用户信息。 在
标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多种形式(可以是文本、字段、复选框、掩码后的文本控件、单选按钮、按钮等)。
input type="属性值" />
type 属性的属性值及其描述如下:
属性值
描述
button
定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)
checkbox
定义复选框。
file
定义输入字段和"浏览"按钮,供文件上传。
hidden
定义隐藏的输入字段。
image
定义图像形式的提交按钮。
password
定义密码字段。该字段中的字符被掩码。
radio
定义单选按钮。
reset
定义重置按钮。重置按钮会清除表单中的所有数据。
submit
定义提交按钮。提交按钮会把表单数据发送到服务器。
text
定义单行的输入字段,用户可在其中输入文本。默认宽度为20个字符。
除 type 属性外,
标签还有其他很多属性,其常用属性如下:
属性
属性值
描述
name
由用户自定义
定义input元素的名称。
value
由用户自定义
规定input元素的值。
checked
checked
规定此input元素首次加载时应当被选中。
maxlength
正整数
规定输入字段中的字符的最大长度。
name 和value 是每个表单元素都有的属性值,主要给后台人员使用.
name 表单元素的名字, 要求 单选按钮和复选框要有相同的name值.
checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素.
maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用.
小问答:
有些表单元素想刚打开页面就默认显示几个文字怎么做?
用户名:
答: 可以给这些表单元素设置 value 属性=“值”
页面中的表单元素很多,如何区别不同的表单元素?
用户名:
答: name 属性:当前 input 表单的名字,后台可以通过这个 name 属性找到这个表单。页面中的表单很多,name 的主要作用就是用于区别不同的表单。
name 属性后面的值,是自定义的
radio (或者checkbox)如果是一组,必须给他们命名相同的名字
男
女
. 如果页面一打开就让某个单选按钮或者复选框是选中状态?
答: checked 属性:表示默认选中状态。用于单选按钮和复选按钮
性 别:
男
女
如何让input表单元素展示不同的形态? 比如单选按钮或者文本框
答: type属性:type属性可以让input表单元素设置不同的形态
男
总结:
3.3.2 标签
标签为 input 元素定义标注(标签)。
标签用于绑定一个表单元素, 当点击
标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素 上,增加选取范围,用来增加用户体验. 语法 :
男
核心 : 标签的 for 属性应当与相关元素的 id 属性相同。
3.3.3 标签
使用场景: 在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表。
在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用
标签控件定义下拉列表
语法 :
选项1
选项2
选项3
...
中至少包含一对
。
在
中定义 selected =“ selected "
时,当前项即为默认选中项。
3.3.4
当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用
标签。 在表单元素中,
标签是用于定义多行文本输入的控件。
使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。
语法 :
通过
标签可以轻松地创建多行文本输入框。
cols=“每行中的字符数” ,rows=“显示的行数” ,我们在实际开发中不会使用,都是用 CSS 来改变大小。
表格,列表,表单综合案例
综合案例-注册页面
青春不常在,抓紧谈恋爱
四. HTML5新特性
HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。 声明:
新特性增加了很多,但是我们专注于开发常用的新特性。
基础班我们讲解部分新特性,到了就业班还会继续讲解其他新特性。
1.1 新增的语义化标签
以前布局,基本用 div 来做。div 对于搜索引擎来说,是没有语义的。
1.2 新增video标签
HTML5 在不使用插件的情况下,也可以原生的支持视频格式文件的播放,当然,支持的格式是有限的。
语法:
您的浏览器暂不支持 标签播放视频
video >
常见属性 :
属性
值
描述
autoplay
autoplay
视频就堵自动幅放(谷欧刘览器需要添加muted来解决自动插放问题)
controls
controls
向用户显示播放控件
width
pixels(像素)
设置播放器宽度
height
pixels(像素)
设置播放器高度
loop
loop
插放完是香继续插放该视频,循环插放
preload
aut0(预先加载视频) none(不应加载视频)
规定是否预加载视须如果有了autoplay就忽略该属性)
src
url
视频ur地址
poster
Imgurl
加载等待的画面图片
muted
muted
静音播放
1.3 新增audio标签
浏贷器
MP3
Wav
Ogg
Intemet Explorer
YES
NO
NO
Chrome
YES
YES
YES
Firefox
YES
YES
YES
Safari
YES
YES
NO
Opera
YES
YES
YES
语法:
您的浏览器暂不支持 标签。
audio>
常见属性
属性
值
描述
autoplay
autoplay
如果出现该属性,则音频在就绪后马上播放。
controls
controls
如果出现该属性,则向用户显示控件,比如播放按钮。
loop
loop
如果出现该属性,则每当音频结束时重新开始插放。
src
url
要播放的音频的URL,
谷歌浏览器把音频和视频自动播放都禁止了。
总结 :
音频标签和视频标签使用方式基本一致
浏览器支持情况不同
谷歌浏览器把音频和视频自动播放禁止了
我们可以给视频标签添加 muted 属性来静音播放视频,音频不可以(可以通过JavaScript解决)
视频标签是重点,我们经常设置自动播放,不使用 controls 控件,循环和设置大小属性
属性值
说明
type="email"
限制用户输入必须为Email类型
type="url"
限制用户输入必须为URL类型
type="date"
限制用户输入必须为日期类型
type="time"
限制用户输入必须为时间类型
type="month"
限制用户输入必须为月类型
type="week"
限制用户输入必须为周类型
type="number"
限制用户输入必须为数字类型
type="tel"
手机号码
type="search"
搜索框
type="color"
生成一个颜色选择表单
1.5 新增表单属性
属性
值
说明
required
required
表单拥有该属性表示其内容不能为空,必填
placeholder
提示文本
表单的提示信息,存在默认值将不显示
autofocus
autofocus
自动聚焦属性,页面加载完成自动聚焦到指定表单
autocomplete
off /on
当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。默认已经打开,如autocomplete="on",关闭autocomplete="off 需要放在表单内,同时加上name属性,同时成功提交
multiple
multiple
可以多选文件提交
可以通过以下设置方式修改placeholder里面的字体颜色:
input:placeholder{
color:pink;
}
你可能感兴趣的:(HTML的表格标签,列表标签,表单标签,HTML5有哪些新特性)
ARM N2微架构介绍
「已注销」
CPU微架构 verilog
简介之前在“ARMV2处理器微架构介绍”一文中介绍了面向服务器、云计算等应用的ARMV2处理器微架构,V系列具有更强性能,N系列强调性能和功耗等方向的平衡,本文就将介绍一下ARMN2处理器微架构相比较前代的一些提升。尽管ARM还具备一代N1/V1的服务器端处理器,但严格意义讲N2是ARM相对成熟的第一代服务器端处理器IP。前端Front-End前端的设计相比较前代可以说是巨大提升,预测和取指依然是
TRAE与Cursor最佳实践指南(截至2025年3月)
xinxiyinhe
AI编程 人工智能 python AI编程 人工智能 python
一、核心能力适配策略TRAE的Builder模式开发流程需求拆解:将复杂需求分解为可执行子任务(如先搭建项目框架,再分模块实现功能),通过多轮对话逐步生成代码。多模态输入:上传设计草图或错误截图,结合自然语言描述需求,提升代码生成精准度(例如电商页面开发可直接上传原型图)。版本控制:利用“历史会话回溯”功能快速回退到指定版本,避免代码修改失控。Cursor的高效协作模式插件生态整合:复用VSCod
TRAE与Cursor AI编程工具综合对比(截至2025年3月)
xinxiyinhe
AI编程 AI编程 python
一、核心定位与差异化Trae(字节跳动)本土化优先:专为中文开发者设计,提供全中文界面、中文代码注释及语义优化,例如可直接用中文描述需求(如“实现带登录功能的网页”)生成完整代码框架。免费策略:完全免费,集成Claude3.5和GPT-4o双模型,支持私有化部署及企业级数据隔离。开发环境:构建完整的AI原生IDE,注重项目全流程管理,支持从需求到部署的端到端开发。Cursor(Anysphere)
默默的学python——两个重要的函数dir()、help()
xiaoli_panpan
# python基础 python
一、dir()函数dir()函数在Python中用于返回一个对象的所有属性和方法的列表,当你对一个函数使用dir()时,它会返回函数对象的所有可访问的属性和方法的名字列表。具体的说,dir()函数获取的内容包括:1.特殊方法和魔法方法如call、code、defaults、doc、globals、__name__等,这些方法和属性是函数对象的一部分,提供了对函数元数据的访问。2.基础自基类的属性和
用 Verilog 实现 0 到 18 计数器:从原理到实践的全解析
君临天下.鑫
modelsim 波形仿真 verilog fpga开发 课程设计 经验分享 笔记 编辑器
在数字电路设计中,计数器是极为重要的基础部件,广泛应用于各类数字系统。本次实验聚焦于设计一个从0到18计数的计数器,通过深入探索计数器的工作原理、利用组合逻辑控制计数范围,进一步加深对数字电路和Verilog语言的理解与应用。一、实验目的理解计数器通用原理:全面掌握计数器的基本工作原理,包括计数的方式、状态的转换以及与外部信号的交互等,为设计特定功能的计数器奠定理论基础。运用组合逻辑控制计数范围:
7.探索XSS跨站脚本攻击
早安TnT
网络安全学习计划(每日计划) xss 前端 网络安全 学习
探索XSS跨站脚本攻击第一部分:XSS基础(理论)第二部分:XSS的手工测试(理论)第三部分:DVWA靶场实践XSS(实践)总结目标:•理解XSS的基本原理与类型•掌握XSS的手工测试方法•通过DVWA靶场实践XSS攻击详细内容与教学第一部分:XSS基础(理论)学习内容:•什么是XSS?•XSS的类型•XSS的危害详细讲解:1什么是XSS?XSS(Cross-SiteScripting,跨站脚本攻
【云原生技术】如何在一次远程连接里依次执行多条命令,并在每条命令执行后立即将“成功/失败”及对应的输出反馈回来
阿寻寻
云原生&DevOps 网络 服务器 java
一次远程连接里依次执行多条命令,并在每条命令执行后立即将“成功/失败”及对应的输出反馈回来1.**为每条命令分别重定向输出**到不同日志文件:2.**检查上一条命令的退出码**(`$?`):3.**根据执行结果**分别打印对应的日志文件:要点说明如果需要在一次远程连接里依次执行多条命令,并在每条命令执行后立即将“成功/失败”及对应的输出反馈回来,可以使用以下思路:1.为每条命令分别重定向输出到不同
python xpath定位元素方法_关于python中的xpath解析定位
weixin_39975366
python xpath定位元素方法
爬取的网站:http://jbk.39.net/chancegz/这里只针对个别属性值:#例如:'别名'下的span标签文本,‘发病部位'下的span标签文本以及‘挂号科室‘下的span标签文本#defdisease(url):text=get_html(url)tree=etree.HTML(text)bm=tree.xpath('//ul[@class="information_ul"]/li
通过Python使用json库写一个更新josn文件中某个字段中数组数据的函数
焦虑肇事者
json
你可以使用Python中的json库来读取json文件,然后使用Python字典的方式来更新json文件中的某个字段。最后,使用json库的写入功能将更新后的字典写回json文件。例如,你可以使用以下代码来实现这个功能:importjsondefupdate_json_array(json_file,field,new_data):#读取json文件withopen(json_file,'r')a
ros如何编译python文件_(二)ROS入门——4.如何编写ROS的第一个程序hello_world
weixin_39935903
ros如何编译python文件
ROS机器人操作系统在机器人应用领域很流行,依托代码开源和模块间协作等特性,给机器人开发者带来了很大的方便。我们的机器人“miiboo”中的大部分程序也采用ROS进行开发,所以本文就重点对ROS基础知识进行详细的讲解,给不熟悉ROS的朋友起到一个抛砖引玉的作用。本章节主要内容:1.ROS是什么2.ROS系统整体架构3.在ubuntu16.04中安装ROSkinetic4.如何编写ROS的第一个程序
XPath简介——完整入门和详解
葡萄架子
网络协议 前端
XPath简介——完整入门和详解**XPath的用法场景****XPath的基本语法****1.树型结构概念****2.XPath基本路径语法****定位方式及详细语法讲解**示例HTML结构:**1.路径选择****基础语法:层级表示法****查询所有匹配的节点****2.位置选取语法****单个节点索引选择****结合多个位置过滤****3.属性条件过滤**属性查询示例:含动态匹配:**4.文
基于AT89C52单片机的多功能万年历温度计设计
七月小卖铺
单片机 单片机 嵌入式硬件
点击链接获取Keil源码与ProjectBackups仿真图:https://download.csdn.net/download/qq_64505944/89452374?spm=1001.2014.3001.5503C源码+仿真图+毕业设计+实物制作步骤+08AT89C52(与AT89S52、AT89C52通用,可任选)单片机、LCD液晶显示,DS1302时钟芯片、DS18B20温度传感器,蜂
5个冷门的Adobe系列软件小技巧
reddingtons
adobe
在当今数字化时代,教育邮箱为学生和教职工提供了许多福利,其中最受欢迎的莫过于免费使用Adobe系列软件。只需使用学校的教育邮箱,便可获取Adobe全系列软件的使用权限,包括一些收费软件。这使得用户能够使用Adobe的各种热门软件,如Photoshop、Illustrator和PremierePro等。然而,本文将重点介绍一些相对冷门的Adobe软件技巧,可能会涉及一些收费软件,免费用户需注意。1.
js可不使用document直接根据id获取id元素
庸懒
前端 javascript
今天在用原生js写demo的时候发现一个有意思的小现象,那就是可以直接根据元素的id去获取对应的元素。起先是我定义了四个btn,每个btn都是根据getElementById来获取元素,然后给元素绑定事件,在调试的时候都挺好,到了后面我打算优化流程去掉一个btn的时候我才发现第四个btn一直没有定义test1test2test3test4constbtn1=document.getElementB
企微扫码登录
庸懒
企业微信
企微扫码登录企微的扫码登录官网有较为详细的文档扫码授权登录-文档-企业微信开发者中心(qq.com),对主要流程有详细说明且对部分代码有示例。扫码登录有两种方式,一种是跳转到扫码页面,一种是内嵌二维码,因为第二种接受度更高所以这里以第二个为例:1.引入资源首先需要在网页中引入企微的指定资源http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLog
js中的export、import、export default等导入导出全解
庸懒
笔记
前端因为规范不同,所以不同的环境会有不同的导入导出方法,因为经常弄混所以特地记一下方便以后查阅记忆,本笔记都是自己总结或查阅资料得出,如有错误请帮忙指出。因为前端的导入导出主要分为commonjs和ES6modules两种标准,其中commonjs主要用于node环境,而ES6modules主要用于浏览器环境,但是ES6modules是兼容commonjs标准的,所以这就很容易让人弄混,本文也将从
Android Framework学习——安卓进程启动流程(Android 13)
Big Popsicle
android 学习
提示:本文仅作个人学习记录,禁止转载本文参考:袁神的文章,理解Android进程创建流程文章目录1,前言2,简略步骤3,代码走读3.1,提要,从系统启动末尾开始3.2,system_server发起请求3.3,Zygote创建进程3.4,新进程的运行总结1,前言进程是作为应用程序容器存在的,每个应用启动前需要先创建一个进程,进程是由Zygote进程孵化来的,它拥有独立的资源空间,用来运行四大组件,
C++ 接口(抽象类)
阳光向日葵向阳
c++ 开发语言
接口描述了类的行为和功能,而不需要完成类的特定实现。C++接口是使用抽象类来实现的,抽象类与数据抽象互不混淆,数据抽象是一个把实现细节与相关的数据分离开的概念。如果类中至少有一个函数被声明为纯虚函数,则这个类就是抽象类。纯虚函数是通过在声明中使用"=0"来指定的,如下所示:classBox{public://纯虚函数virtualdoublegetVolume()=0;private:double
基于 Golang 的微服务开发实践:使用 Gin 和 GORM 构建 RESTful API
全栈探索者chen
知识分享 golang 微服务 gin 架构 开发语言 后端 安全
基于Golang的微服务开发实践:使用Gin和GORM构建RESTfulAPI前言在微服务架构时代,高性能、易扩展和维护的API服务成为构建企业级系统的关键。Golang(Go)以其高效的执行速度、内置并发模型和优秀的性能表现,正逐渐成为后端微服务开发的热门选择。本文将详细介绍如何使用Gin框架与GORMORM构建一个RESTfulAPI微服务。我们将从项目初始化、数据模型设计、路由与控制器开发,
解决约束多目标优化问题的新方法:MOEA/D-DAE算法深度解析
木子算法
多目标优化 人工智能 算法 多目标 人工智能
解决约束多目标优化问题的新方法:MOEA/D-DAE算法深度解析在工程优化、机器学习等众多领域,约束多目标优化问题(CMOPs)广泛存在。传统方法在处理这类问题时,常因可行区域不连通或约束违反局部极小点陷入停滞。近期,IEEETransactionsonEvolutionaryComputation上的一篇论文提出了一种新颖的解决方案——MOEA/D-DAE算法,通过结合检测-逃逸策略(DAE)和
【杨乐昆何凯明AI论文】没有归一化的Transformer模型
东临碣石82
人工智能 transformer 深度学习
摘要:归一化层在现代神经网络中无处不在,长期以来一直被视为不可或缺的组成部分。本研究表明,通过使用一种极其简单的技术,没有归一化的Transformer模型可以达到相同或更好的性能。我们引入了动态Tanh(DyT),这是一种逐元素操作,表示为DyT(x)=tanh(alphax),作为Transformer中归一化层的即插即用替代品。DyT的灵感来源于这样一个观察:Transformer中的层归一
基于深度学习的个性化新闻推荐系统设计与实现计算机毕设
sj52abcd
深度学习 课程设计 人工智能 毕业设计
博主介绍:✌专注于VUE,小程序,安卓,Java,python,物联网专业,有17年开发经验,长年从事毕业指导,项目实战✌选取一个适合的毕业设计题目很重要。✌关注✌私信我✌具体的问题,我会尽力帮助你。研究的背景:随着互联网技术的发展和普及,人们越来越依赖互联网获取信息。然而,随着信息量的不断增加,用户在查找新闻时面临着信息过载的问题。为了解决这个问题,个性化新闻推荐系统被广泛应用。个性化新闻推荐系
什么是遍历?
dengjuanshou7445
javascript ViewUI
jQuery遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对DOM进行遍历。图示解释:元素是的父元素,同时是其中所有内容的祖先。元素是元素的
芯谷78M05:三端正电压调节器的稳定之选
青牛科技实业01
芯谷 单片机 嵌入式硬件 散热风扇 智能家居 科技 音频限幅 便携式音频
在电子电路设计中,稳定的电源供应是确保系统正常运行的关键因素之一。78M05作为一款经典的三端正电压调节器,以其简单、可靠和高效的特性,成为了众多工程师在5V电源设计中的首选。本文将深入探讨芯谷78M05的特性、电气参数、典型应用电路以及使用注意事项,帮助读者全面了解这一经典芯片。一、产品概述芯谷78M05是一款三端正电压调节器,属于78MXX系列固定电压调节器集成电路的一员。该芯片能够提供稳定的
WebRTC的ICE之STUN协议
chen_song_
WebRTC源码探秘 webrtc 音视频
WebRTC的ICE之STUN协议WebRTC的ICE之STUN协议WebRTC的ICE之STUN协议前言一、STUN协议二、STUN协议头格式三、STUNHeader四、STUNMessageType1、C0C12、STUN信息类型3、大小端模式五、StunMagicCookie六、TransactionID事务ID七、STUNMessageBody八、RFC3489定义的属性九、WebRTC中
用Python提取json数据到Excel文件中
程序媛了了
python json excel
本文介绍基于Python,读取JSON文件数据,并将JSON文件中指定的键值对数据转换为.csv格式文件的方法。在之前的文章疯狂学习GIS:Python读取JSON数据并存储为CSV表格中,我们就介绍过将JSON文件数据保存到.csv格式或.xlsx格式的表格文件中的方法;而本文我们将针对不同的待提取数据特征,给出另一种方法。首先,我们来明确一下具体的需求。我们现有一个JSON文件数据,是一个包含
Android Framework中Launcher的启动流程分析
数据科学引擎
android
AndroidFramework中Launcher的启动流程分析Launcher是Android系统中负责管理应用程序显示和启动的组件。在这篇文章中,我们将深入分析AndroidFramework中Launcher的启动流程,并通过代码示例来说明。Launcher的启动过程可以分为以下几个关键步骤:用户点击应用图标或按下Home键触发Launcher启动。Launcher的入口是Launcher应
Jetpack LiveData
Bonnie_cat
JetPack android
1.什么是LiveData?LiveData是一种可观察的数据持有者,通常用于在Android应用中以生命周期感知的方式更新UI。它是生命周期感知的,意味着它只会通知处于活跃生命周期状态(如STARTED或RESUMED)的观察者。LiveData通常与ViewModel结合使用,用于将UI与数据分离。2.LiveData的使用场景数据驱动UI:当数据发生变化时,自动更新UI,例如从数据库或网络获
python 人工智能实战案例
2401_86114612
pygame python java
大家好,今天我们要分享,python编程人工智能小例子python人工智能100例子,一起探索吧!1.背景介绍概述在这个世纪,人类已经处于数字化的时代,而这也让很多其他行业都进入了数字化领域python列表有哪些基本操作,python列表功能很重要吗。其中包括游戏行业。游戏行业的蓬勃发展促使机器学习的产生,通过计算机能够进行高效率地模拟人类的学习、决策过程,不断升级提升人类的能力。游戏领域中的AI
Autoleaders控制组——51单片机学习笔记(2)
Autoleaders控制组 邓翔
51单片机 学习 笔记
51单片机学习(2)1.模块化编程1.1模块化编程的意义在学习单片机的途中,随着我们的知识不断扩展,我们能写出的代码也越来越复杂,越来越长了,有时我们自己写出的很长的代码,出现了错误,需要调试,但奈何自己的代码实在是太长了,真的不好分析到底是哪里出错了。这是因为我们将太多的函数和代码放在一个main.c的文件里,导致代码过度堆积。如果我们能够条理清晰地去将不同作用的代码和函数放在不同的xxx.c文
Js函数返回值
_wy_
js return
一、返回控制与函数结果,语法为:return 表达式;作用: 结束函数执行,返回调用函数,而且把表达式的值作为函数的结果 二、返回控制语法为:return;作用: 结束函数执行,返回调用函数,而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
MySQL 的 char 与 varchar
bylijinnan
mysql
今天发现,create table 时,MySQL 4.1有时会把 char 自动转换成 varchar
测试举例:
CREATE TABLE `varcharLessThan4` (
`lastName` varchar(3)
) ;
mysql> desc varcharLessThan4;
+----------+---------+------+-
Quartz——TriggerListener和JobListener
eksliang
TriggerListener JobListener quartz
转载请出自出处:http://eksliang.iteye.com/blog/2208624 一.概述
listener是一个监听器对象,用于监听scheduler中发生的事件,然后执行相应的操作;你可能已经猜到了,TriggerListeners接受与trigger相关的事件,JobListeners接受与jobs相关的事件。
二.JobListener监听器
j
oracle层次查询
18289753290
oracle;层次查询;树查询
.oracle层次查询(connect by)
oracle的emp表中包含了一列mgr指出谁是雇员的经理,由于经理也是雇员,所以经理的信息也存储在emp表中。这样emp表就是一个自引用表,表中的mgr列是一个自引用列,它指向emp表中的empno列,mgr表示一个员工的管理者,
select empno,mgr,ename,sal from e
通过反射把map中的属性赋值到实体类bean对象中
酷的飞上天空
javaee 泛型 类型转换
使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中
但现在主要使用Spring框架的MVC,虽然也有@ModelAttribute可以使用但是明显感觉不方便。
好吧,那就自己再造一个轮子吧。
原理都知道,就是利用反射进行字段的赋值,下面贴代码
主要类如下:
import java.lang.reflect.Field;
imp
SAP HANA数据存储:传统硬盘的瓶颈问题
蓝儿唯美
HANA
SAPHANA平台有各种各样的应用场景,这也意味着客户的实施方法有许多种选择,关键是如何挑选最适合他们需求的实施方案。
在 《Implementing SAP HANA》这本书中,介绍了SAP平台在现实场景中的运作原理,并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》,介绍了行存储和列存储的各自特点,以及SAP HANA的数据存储方式如何提升空间压
Java Socket 多线程实现文件传输
随便小屋
java socket
高级操作系统作业,让用Socket实现文件传输,有些代码也是在网上找的,写的不好,如果大家能用就用上。
客户端类:
package edu.logic.client;
import java.io.BufferedInputStream;
import java.io.Buffered
java初学者路径
aijuans
java
学习Java有没有什么捷径?要想学好Java,首先要知道Java的大致分类。自从Sun推出Java以来,就力图使之无所不包,所以Java发展到现在,按应用来分主要分为三大块:J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版,主要用于桌面应用软件的编程;J2ME主要应用于嵌入是系统开发,如手机和PDA的编程;J2EE
APP推广
aoyouzi
APP 推广
一,免费篇
1,APP推荐类网站自主推荐
最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖,还能获取最美应用的评测推荐。PS:推荐简单。只要产品有趣好玩,用户会自主分享传播。例如足迹APP在最美应用推荐一次,几天用户暴增将服务器击垮。
2,各大应用商店首发合作
老实盯着排期,多给应用市场官方负责人献殷勤。
3,论坛贴吧推广
百度知道,百度贴吧,猫扑论坛,天涯社区,豆瓣(
JSP转发与重定向
百合不是茶
jsp servlet Java Web jsp转发
在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;
转发包括;forward和include
例子;forwrad转发; 将请求装法给reg.html页面
关键代码;
req.getRequestDispatcher("reg.html
web.xml之jsp-config
bijian1013
java web.xml servlet jsp-config
1.作用:主要用于设定JSP页面的相关配置。
2.常见定义:
<jsp-config>
<taglib>
<taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri>
<taglib-location>
TLD文件所在的位置
JSF2.2 ViewScoped Using CDI
sunjing
CDI JSF 2.2 ViewScoped
JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
【分布式数据一致性二】Zookeeper数据读写一致性
bit1129
zookeeper
很多文档说Zookeeper是强一致性保证,事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336
Zookeeper的数据同步协议
Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数,3台能够满足数据可靠性同时
Java开发笔记
白糖_
java开发
1、Map<key,value>的remove方法只能识别相同类型的key值
Map<Integer,String> map = new HashMap<Integer,String>();
map.put(1,"a");
map.put(2,"b");
map.put(3,"c"
图片黑色阴影
bozch
图片
.event{ padding:0; width:460px; min-width: 460px; border:0px solid #e4e4e4; height: 350px; min-heig
编程之美-饮料供货-动态规划
bylijinnan
动态规划
import java.util.Arrays;
import java.util.Random;
public class BeverageSupply {
/**
* 编程之美 饮料供货
* 设Opt(V’,i)表示从i到n-1种饮料中,总容量为V’的方案中,满意度之和的最大值。
* 那么递归式就应该是:Opt(V’,i)=max{ k * Hi+Op
ajax大参数(大数据)提交性能分析
chenbowen00
Web Ajax 框架 浏览器 prototype
近期在项目中发现如下一个问题
项目中有个提交现场事件的功能,该功能主要是在web客户端保存现场数据(主要有截屏,终端日志等信息)然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢,大概要等10到20秒的时间浏览器才能操作,期间页面不响应事件。
根据客户描述分析了下的代码流程,很简单,主要通过OCX控件截屏,在将前端的日志等文件使用OCX控件打包,在将之转换为
[宇宙与天文]在太空采矿,在太空建造
comsci
我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....
地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
ORACLE中CONSTRAINT的四对属性
daizj
oracle CONSTRAINT
ORACLE中CONSTRAINT的四对属性
summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
Gradle入门教程
dengkane
gradle
一、寻找gradle的历程
一开始的时候,我们只有一个工程,所有要用到的jar包都放到工程目录下面,时间长了,工程越来越大,使用到的jar包也越来越多,难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里,靠ide来管理工程之间的依赖关系,各工程下的jar包依赖是杂乱的。一段时间后,我们发现用ide来管理项程很不方便,比如不方便脱离ide自动构建,于是我们写自己的ant脚本。再后
C语言简单循环示例
dcj3sjt126com
c
# include <stdio.h>
int main(void)
{
int i;
int count = 0;
int sum = 0;
float avg;
for (i=1; i<=100; i++)
{
if (i%2==0)
{
count++;
sum += i;
}
}
avg
presentModalViewController 的动画效果
dcj3sjt126com
controller
系统自带(四种效果):
presentModalViewController模态的动画效果设置:
[cpp]
view plain
copy
UIViewController *detailViewController = [[UIViewController al
java 二分查找
shuizhaosi888
二分查找 java二分查找
需求:在排好顺序的一串数字中,找到数字T
一般解法:从左到右扫描数据,其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。
/**
*
* @param array
* 顺序数组
* @param t
* 要查找对象
* @return
*/
public stati
Spring Security(07)——缓存UserDetails
234390216
ehcache 缓存 Spring Security
Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类,CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时,其首先会从缓存中获取,如果缓存中没
Dozer 深层次复制
jayluns
VO maven po
最近在做项目上遇到了一些小问题,因为架构在做设计的时候web前段展示用到了vo层,而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层,每一次都需要从po-->转化到vo层,用到BeanUtils.copyProperties(source, target)只能复制简单的属性,因为实体类都配置了hibernate那些关联关系,所以它满足不了现在的需求,但后发现还有个很
CSS规范整理(摘自懒人图库)
a409435341
html UI css 浏览器
刚没事闲着在网上瞎逛,找了一篇CSS规范整理,粗略看了一下后还蛮有一定的道理,并自问是否有这样的规范,这也是初入前端开发的人一个很好的规范吧。
一、文件规范
1、文件均归档至约定的目录中。
具体要求通过豆瓣的CSS规范进行讲解:
所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:
基本样式库 /css/core
C++动态链接库创建与使用
你不认识的休道人
C++ dll
一、创建动态链接库
1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked",完成
2.在test.h中添加
extern “C” 返回类型 _declspec(dllexport)函数名(参数列表);
3.在test.cpp中最后写
extern “C” 返回类型 _decls
Android代码混淆之ProGuard
rensanning
ProGuard
Android应用的Java代码,通过反编译apk文件(dex2jar、apktool)很容易得到源代码,所以在release版本的apk中一定要混淆一下一些关键的Java源码。
ProGuard是一个开源的Java代码混淆器(obfuscation)。ADT r8开始它被默认集成到了Android SDK中。
官网:
http://proguard.sourceforge.net/
程序员在编程中遇到的奇葩弱智问题
tomcat_oracle
jquery 编程 ide
现在收集一下:
排名不分先后,按照发言顺序来的。
1、Jquery插件一个通用函数一直报错,尤其是很明显是存在的函数,很有可能就是你没有引入jquery。。。或者版本不对
2、调试半天没变化:不在同一个文件中调试。这个很可怕,我们很多时候会备份好几个项目,改完发现改错了。有个群友说的好: 在汤匙
解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported
xp9802
dependency
解决办法:在plugins之前添加如下pluginManagement,二者前后顺序如下:
[html]
view plain
copy
<build>
<pluginManagement