JavaScript - 随笔分类 - dqy95

【Javascript】数组去重的几种方法

摘要：indexOf 创建新的数组存储数据，利用es5中的indexOf方法在新数组中查找重复项，如果没有即可添加到新数组。 Set+Array.from() Set是es6中新增的数据结构（类似于数组），所有的值都是唯一的，其构造函数可以接受一个数组作为参数。然后再用Array.from()方法阅读全文

posted @ 2018-10-09 16:30 dqy95 阅读(173) 评论(0) 推荐(0)

【es6】变量声明-let 、const

摘要：let 特性没有预解析，必须先定义再使用；不存在变量提升，存在暂时性死区不允许重复声明块级作用域（大括号{}为一个代码块）下面例子中变量i的作用域为全局（即全局中只有一个i），故每次调用i的值都会发生变化，循环中输出的也是全局的i。导致运行时输出的都是最终给i赋予的值3。 const a= 阅读全文

posted @ 2018-09-30 10:19 dqy95 阅读(164) 评论(0) 推荐(0)

【JavaScript】判断一个对象是否为数组的几种方法

摘要：typeof 对于Function、String、Number、Undefined等几种类型，完全可以胜任，但是当对象是Array时， instanceof 返回一个Boolean值，指出对象是否是特定的一个实例，使用 Array.isArray() 当检测Array实例时, Array.isArr 阅读全文

posted @ 2018-09-19 09:27 dqy95 阅读(270) 评论(0) 推荐(0)

【JavaScript】for循环整理：forEach、for in、 for of的区别使用

摘要：数组 forEach 遍历数组，并让每一项执行一个函数；参数函数第一个形参代表当前的值；第二个形参代表当前的序号；第三个形参代表数组本身；不能使用break退出循环，不能使用return返回到外层对象 for in （ES5）作用于数组时，循环出来的key是一个String，不是阅读全文

posted @ 2018-08-23 14:42 dqy95 阅读(448) 评论(0) 推荐(0)

【JavaScript】使用url下载文件，解决chrome浏览器自动识别图片打开问题。

摘要：前两天做的一个文件下载，使用文件存储地址url去下载，不需要打开文件。使用新建a标签，触发点击事件来进行下载。新建a标签，设置href为文件存储地址，添加html5的新属性download，然后触发a标签的click事件即可。但是在火狐浏览器中a标签需要添加到页面中才能触发事件下载。所以添加到bo 阅读全文

posted @ 2018-08-10 16:32 dqy95 阅读(14793) 评论(2) 推荐(2)

【正则】获取页面中img标签的src地址修改

摘要：想在html中的的src的相对路径中<img src="/Images/IMG_8506_副本.jpg" alt="">添加绝对路径，首先获用正则获取img标签：得到的结果为：然后再获取src：得到结果为：最后还要排除src路径为“../../Images/IMG_8506_副本.jpg" 阅读全文

posted @ 2018-03-26 11:45 dqy95 阅读(953) 评论(0) 推荐(0)

【JavaScript】动画-小案例：小球运动

摘要：最近的讲js运动框架时，做了一个小案例，随机生成几个小球，然后让他们在页面中跳动，碰到边界就弹回来并修改颜色。效果如下：代码如下：阅读全文

posted @ 2017-12-25 11:47 dqy95 阅读(1631) 评论(0) 推荐(1)

【JavaScript】回流（reflow）与重绘（repaint）----小结

摘要：重绘与回流首先要了解页面是如何呈现的： 1. HTML文档加载后生成DOM树（包括display：none;元素）； 2. 在DOM树的基础上配合css样式结构体生成render树（不包含display:none;、head节点，包含visibility:hidden;节点），即页面中的占位确定阅读全文

posted @ 2017-12-25 10:34 dqy95 阅读(623) 评论(0) 推荐(0)

【插件】jquery.circliful----环形统计图

摘要：环形统计图效果：左边统计图数据绑定右边人员出勤率，当数人员出勤率变化，统计图更新。引入js，设置css： HTML：初始化：绑定数据： results.total和results.totalUser分别为在线人数和人员总数。注：原来是直接赋值在元素的data-text和data-perce 阅读全文

posted @ 2017-12-22 14:13 dqy95 阅读(2422) 评论(0) 推荐(0)

【JavaScript】计数器+classList使用-纯js案例：全选反选

摘要：这两天做了一个全选反选的案例，用了几种方法，刚开始写的磕磕绊绊，听老师讲解后理清思路，再来写就很容易了。其实还是写代码时候的思路问题。首先要分析功能，然后分步实现，不要搅在一起。下面几种方法为比较精简的方法，用到classList属性，刚开始写的两个方法都比较原始，所以相对比较复杂，就不放上来了。阅读全文

posted @ 2017-11-26 16:08 dqy95 阅读(480) 评论(0) 推荐(0)

【JavaScript】for循环-小案例：选项卡、伸缩导航

摘要：这两天学习js的for循环，做了一些小案例，总结来说：用设置class来改变元素的样式以及是否显示; 用for循环给多个元素添加注册事件; 注意自定义属性的使用：O[i].index = i; 以及用变量num来记录当前状态或者序号。案例1：选项卡效果：代码： 1 <!doctype htm 阅读全文

posted @ 2017-11-20 18:04 dqy95 阅读(510) 评论(0) 推荐(0)

【JavaScript】纯js获取元素-小案例：简易对话

摘要：案例1：效果代码： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns=" 阅读全文

posted @ 2017-11-15 15:49 dqy95 阅读(760) 评论(0) 推荐(1)

【JavaScript】纯js-小案例：带缩略图的图片轮换

摘要：今天整理文件时找到了之前做的一些js练习，里面的带缩略图的图片轮换正好跟我之前做的banner轮播有点像。就又看了一遍，添加了一些注释。效果如下：代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="utf-8" 阅读全文

posted @ 2017-11-10 17:35 dqy95 阅读(1707) 评论(0) 推荐(0)

随笔分类 - JavaScript