- 博客(7)
- 收藏
- 关注
RSS订阅原创 前端开发中的各种宽高整理
前端开发中的各种宽高整理 文档及其内容的视觉属性，包括布局框定位、视区宽高和元素滚动 一、获取可视区域的宽高 document.documentElement.clientWIdth document.documentElement.clientHeight 可以获取文档没有内容时的宽高度，若没有定义W3C的标准，那么在IE浏览器下二者的值均为0； 二、获取滚动条滚动距离 1、主流浏览器中...
2018-12-10 10:58:58
630
原创 throttle（节流）与 debounce（消抖）
在开发过程中会遇到频率很高的事件或者连续的事件，如果不进行性能优化，就可能会出现页面卡顿的现象，比如： 鼠标事件： mousemove（拖拽）、mouseover（划过） 、mouseenter（滚屏） 键盘事件： keypress（基于ajax的用户名唯一性校验） 、keyup（文本输入检验、自动完成） 、keydown（游戏中的射击） window的resize/scroll事件 D...
2018-12-10 09:42:04
925
原创 前端开发过程中常见的几种HTTP状态码
HTTP状态码用以表示网页服务器HTTP响应状态的3位数字代码。 消息：代表请求已被接收，需要继续处理。临时响应。 100 Continue 告知客户部分响应已被服务器接收，客户端应继续发送请求。 成功：服务器已经接收理解并接受请求。 200 (OK) 请求成功，返回想要的数据（正常状态）； 201 (Created) 已创建，请求成功且服务器创建了新资源； 202 (Acc...
2018-12-10 09:34:57
1800
原创 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
286
原创 关于 = 的赋值与引用
关于 = 的赋值与引用 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
253
原创 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
910
原创 JS中的递归实现
递归函数就是在运行过程中通过函数名自己调用自己。 function add(num){return num<0?num:num+add(num-1);} console.log(add(4));//9 var addCopy = add; add = null; console.log(addCopy(4));//报错Uncaught TypeError:add is not a fu...
2018-12-10 08:36:24
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人