![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生JS实现的样例
sennyla
求知欲强,喜欢学习新知识,喜欢跟他人共同交流学习,共同进步
展开
-
CSS3+JS实现的个性化全选反选
监控所有列表项下的checkbox是否都处在选中的状态,如果全选中则全选按钮处在选中状态;当存在checkbox未选中时,取消全选按钮的选中状态。 window.onload = function(){ selectAll(); doCheckbox();}function Id(id){ return document.getElementById(id原创 2018-01-23 22:48:11 · 674 阅读 · 0 评论 -
原生JS 实现的input输入时表格过滤
需求:对input框进行键盘输入后根据输入的内容去匹配表格中指定的数据项,若存在相匹配的则只显示匹配的数据项;细节处理:监听键盘输入后给一定的缓冲时间避免发生频繁的请求;解决思路:给个定时器,当键盘开始输入时启动定时器,倘若在指定的时间内都不在进行输入操作,则执行匹配操作,否则取消操作,同时限定输入的字符串大于等于2位数字时再进行匹配操作,使过滤效果更精准一些。var ti原创 2018-01-24 20:04:15 · 1627 阅读 · 0 评论 -
可视化的日期倒数百分比
window.onload = function(){ displayDate();}function Id(id){ return document.getElementById(id);}//获取系统时间,计算当天,本周,本月,本年的剩余时间function displayDate(){ var date = new Date(); //consol原创 2018-01-16 19:41:37 · 958 阅读 · 0 评论 -
原生JS实现的JSON数组排序,关键字锚点跳转到指定内容区
原生JS实现的仿点击锚点对应模块跳转到指定的位置,锚点关键字从模块中取出,去除重复值按照由大到小的顺序排序//JSON数组按指定值进行排序排序,name:排序规则 function jsonSort(jsonarr,name,snum){ //如果数组 if(jsonarr.length var pivotIndex=原创 2018-01-19 00:27:21 · 596 阅读 · 0 评论 -
JS切换类并显示相应的内容模块
思路:一层循环遍历操作的元素并获取当前遍历到的元素的下标,通过下标去选择显示对应的内容模块。二层循环将元素恢复操作前的状态。var fbUls =document.getElementById("oUl");var fbLis = fbUls.getElementsByTagName("li");var aDivs = document.getElementsByClassNa原创 2018-01-26 23:49:18 · 3947 阅读 · 2 评论 -
原生JS 批量渲染 Json数组对象列表数据(基于vue:v-for渲染列表数据原理的思考)
Vuejs的出现减轻了对DOM的直接操作,同时它提供的 v-for 渲染列表数据也给我们提供了很大的方便。即使是复杂的 Json数组对象,也可以使用 多层嵌套的 v-for 实现,格式如下:<div v-for="(item,index) in items"> <div v-for="(list,index) in item.lists"></div>&l...原创 2018-04-11 12:41:37 · 4871 阅读 · 0 评论