- 博客(7)
- 收藏
- 关注
原创 前端开发中的各种宽高整理
前端开发中的各种宽高整理文档及其内容的视觉属性,包括布局框定位、视区宽高和元素滚动一、获取可视区域的宽高document.documentElement.clientWIdthdocument.documentElement.clientHeight可以获取文档没有内容时的宽高度,若没有定义W3C的标准,那么在IE浏览器下二者的值均为0;二、获取滚动条滚动距离1、主流浏览器中...
2018-12-10 10:58:58 598
原创 throttle(节流)与 debounce(消抖)
在开发过程中会遇到频率很高的事件或者连续的事件,如果不进行性能优化,就可能会出现页面卡顿的现象,比如:鼠标事件:mousemove(拖拽)、mouseover(划过) 、mouseenter(滚屏) 键盘事件:keypress(基于ajax的用户名唯一性校验) 、keyup(文本输入检验、自动完成) 、keydown(游戏中的射击)window的resize/scroll事件D...
2018-12-10 09:42:04 695
原创 前端开发过程中常见的几种HTTP状态码
HTTP状态码用以表示网页服务器HTTP响应状态的3位数字代码。消息:代表请求已被接收,需要继续处理。临时响应。100 Continue 告知客户部分响应已被服务器接收,客户端应继续发送请求。 成功:服务器已经接收理解并接受请求。200 (OK) 请求成功,返回想要的数据(正常状态);201 (Created) 已创建,请求成功且服务器创建了新资源;202 (Acc...
2018-12-10 09:34:57 1695
原创 JavaScript中的call()和apply()以及bind()方法
JavaScript中的call()和apply()以及bind()方法目录JavaScript中的call()和apply()以及bind()方法1、首先我们来看看this指向的理解2、接下来看看this遇到return时的情形3、call()4、apply()5、bind()在JS中,call、bind、apply三者都是用来手动改变函数的this的指向的。...
2018-12-10 08:38:43 235
原创 关于 = 的赋值与引用
关于 = 的赋值与引用var a = 10;var b = a;b++;console.log(a); // 10// 变量a,b均为基本数据类型; 显然a不会随着b的改变而改变;var a = [1,2,3];var b = a;b.push(4);console.log(a);// [1,2,3,4]console.log(a == b); // true// 变量a...
2018-12-10 08:38:16 218
原创 form表单元素的样式初始化
form表单元素的样式初始化在开发过程中往往会遇到表单相关元素样式重置,下面是我的一些处理策略:.form-ele-reset{ margin: 0; padding:0; line-height:inherit; vertical-align: middle; font: inherit; color:inherit; backgrou...
2018-12-10 08:38:01 870
原创 JS中的递归实现
递归函数就是在运行过程中通过函数名自己调用自己。function add(num){return num<0?num:num+add(num-1);}console.log(add(4));//9var addCopy = add;add = null;console.log(addCopy(4));//报错Uncaught TypeError:add is not a fu...
2018-12-10 08:36:24 169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人