标签属性和JS轮播图

1.标签属性

有一些属性是开关类型的属性，如果有这个属性，就激活这个属性对应的功能，比如checked，当添加了这个标签，单选框就会默认被选中，不管这个checked标签里checked属性的值是什么，所以只能是将这个标签里的checked属性去除，在js里通过$('#hum').checked = false进行button改变

多选框：type属性值为checkbox

单选框：radio

点击黑框， 男被选中，

checked为true，被选中，在下修改的时候应该将checked修改为布尔值，虽然字符串也能生效，但是此时是隐式转换，true可以生效，'false'生效不了

用setattribute设置属性值，所有值都是设置为字符串类型。

所以，尽量用$('#hum').checked = false;设置

 

阻止事件对应的默认行为，如a标签。 当添加了这个代码，点击后，checked变为true，但是点不发生变化，

通过点击事件获取对应的性别，显示“你选中了 男||女”

 1.

 或者

获取lable的方法 

dom如何获取元素节点，

css不要超过3层，从右往左读

dom性能低下，所以出现了vue，angular等框架

这里存在多次dom节点操作，影响性能，所以用 第一种方法更好，尽量少进行api调度

二、可输入文本框

innerText获取不到实时输入的文字，只能通过innerhtml和value获取

 内容设置，可以使用innertext，innerHtml，value进行设置 

 三.吸顶导航

点击添加子元素，不能写成下面if  ！vdom的形式 ，因为vdom是创建出来的对象，会出现点击不出现子元素的情况。

只能这样：

 

  吸顶导航：通过判断页面滚动高度，修改导航栏的定位样式 （增加和去除fixed属性值）

如果滚动高度大于导航栏上边界距离浏览器上边界距离，触发导航栏css样式修改。

因为将导航栏修改为固定定位，所以会抖动。可以给个临时节点占位。

 下滑时，设置状态锁，isTemp

 下来的时候添加一个临时的，上去的时候删除

四、轮播图

本质：先将所有图片进行横排，通过修改marginLeft值修改图的位置

step1：初始化

step2：将左右的按钮与事件进行绑定

 step3：修改marginleft实现轮播

 移动函数：

  step4：调用运动框架

step4：oul设置overflow：hiden

step5：序列按钮mouseover对应事件 

step6：自动切换轮播 

 step6：鼠标移入，轮播停止 

 step6：鼠标移出，轮播开始