摘要: 在开发中,我们常常会去监听滚动事件或者用户输入框验证事件,如果事件处理没有频率限制,就会加重浏览器的负担,影响用户的体验感, 因此,我们可以采取防抖(debounce)和节流(throttle)来处理,减少调用事件的频率,达到较好的用户体验。 防抖(debounce): 在事件被触发n秒后再执行回调 阅读全文
posted @ 2019-11-07 18:05 益码凭川 阅读(11122) 评论(0) 推荐(0)
摘要: 欢迎进入:http://www.jscwwd.com/article/list/%E5%85%A8%E9%83%A8 效果图: 不管父元素的宽高怎么变化,图片都是水平垂直居中的,并且不溢出父元素。 注意: img中css属性:position:absolute,margin:auto不能缺少,如果只 阅读全文
posted @ 2019-11-05 22:06 益码凭川 阅读(680) 评论(0) 推荐(0)
摘要: 1.定义:一个盒子由外到内可以分成四个部分:margin(外边距)、border(边框)、padding(内边距)、content(内容); 2.浏览器兼容问题: 就是标准模式和IE模式的区分 根据 W3C 的规范,元素内容占据的空间是由 width 属性设置的,而内容周围的 padding 和 b 阅读全文
posted @ 2019-11-05 20:44 益码凭川 阅读(134) 评论(0) 推荐(0)
摘要: 要想彻底清除浮动的影响,适合的属性不是 clear 而是 overflow。 一般使用 overflow:hidden,利用 BFC 的“结界”特性彻底解决浮动对外部或兄弟元素的影响。 1. 前言: 我们都知道overflow:hidden的字面意思是超出隐藏,说到这个超出隐藏就跟父元素的高度有关了 阅读全文
posted @ 2019-11-05 18:37 益码凭川 阅读(1156) 评论(0) 推荐(0)
摘要: 两者都是外部引用css的方式。但是有一定的区别: 1. 从属关系:link是一个xhtml标签,除了加载css外,还可以定义 RSS、rel 连接属性等; @import属于css范畴,只能加载css。 2. 加载顺序:link引用css的时候,在页面载入的同时加载; @import需要页面完全载入 阅读全文
posted @ 2019-11-05 18:07 益码凭川 阅读(243) 评论(0) 推荐(0)
摘要: ES6中的find与filter的区别 阅读全文
posted @ 2019-10-30 17:15 益码凭川 阅读(1140) 评论(0) 推荐(0)
摘要: https://www.cnblogs.com/snake553/p/8856729.html 原文链接 阅读全文
posted @ 2019-07-12 20:55 益码凭川 阅读(234) 评论(0) 推荐(0)
摘要: 1、JSON.parse()是把字符串类型转化成JSON对象。 var data = '{"name":"jsc"}' JSON.parse(data, function(k,v) { console.log(data, k, v) }) 结果: console.log(JSON.parse(dat 阅读全文
posted @ 2019-03-26 11:38 益码凭川 阅读(632) 评论(0) 推荐(0)
摘要: 描述:video 在iphone手机,微信端无法自动播放,ios系统下不能自动播放视频。而且如果没有autoplay属性,在微信端点击一次,弹不出视频,要一直触着两秒后才可以打开视频。如果点击播放的话,还会自动放大到全屏模式 网上的解决方案: 1、 <script src="https://act. 阅读全文
posted @ 2019-01-25 16:59 益码凭川 阅读(6091) 评论(0) 推荐(0)
摘要: 一般通过JS代码操作DOM结构,会触发浏览器进行页面渲染。所以要尽量减少DOM操作,避免频繁的页面渲染对性能造成影响。 如有以下场景:程序执行ajax请求,并根据请求结果动态添加列表项。常见的做法是循环遍历数据项,生成LI节点,插入页面中的UL节点中。 如果返回结果有一万项,则整个流程会触发一万次页 阅读全文
posted @ 2019-01-15 15:06 益码凭川 阅读(204) 评论(0) 推荐(0)