扒扒神-优快云博客

原创 JavaScript 作用域

作用域精解【[ scope] 】每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供javascript引擎存取，【[ scope ]】就是其中一个，就是我们所有的作用域，其中存储了运行期上下文的集合。这个集合呈链式链接，叫作用域链。查找变量时：从作用域链的顶端依次向下查找。只有表达式才能被执行符号执行。被执行符号执行的表达式，它就...

2019-10-13 03:46:54 176

原创 JavaScript 正则表达式

RegExp 1 字面量 var reg = /abc/i;// 忽视大小写 ignorCase var str = 'abcd'; reg.test(str) true 2 构造函数 var str = 'abcd'; var reg = new RegExp('abc') // 正常情况互相独立 var reg3 = RegExp(re...

2019-10-12 02:27:36 236

1 创建Document 对象开始解析web页面这个阶段 document.readyState = ‘loading’; 2 遇到 link 外部css ，创建线程加载，并继续解析文档。 3 遇到 Script 外部 js ，并且没有设置 async , defer 浏览器加载，并阻塞，等待js加载完成并执行该 4 遇到外部 js ，并且设置有 async , defer 浏览器创建线程加...

2019-10-11 02:12:42 224

原创 JavaScript Json，异步加载，时间线

JSON 是一种传输数据的格式（以对象为样板，本质上就是对象，但用途有区别，对象就是本地用的，json是用来传输的） JSON.parse(); string --> json JSON.stringify(); json --> string reflow 重排 dom节点的删除，添加 dom节点的宽高变化，display offsetWidth repaint 重绘异步加载 js...

2019-10-09 21:22:09 172

原创 JavaScript 事件

.wrapper { width: 300px; height: 300px; background-color: red; } .content { margin-left: 200px; width: 200px; ...

2019-10-06 14:29:33 151

原创 JavaScript获取窗口属性，获取DOM尺寸，脚本化CSS

读写元素CSS属性唯一可写 dom.style.prop 可读写行间样式，没有兼容性问题，碰到float这样的保留字属性，前面应该加css 复合属性必须拆解，组合单词变成小驼峰式写法写入值必须是字符串格式可读查询计算样式 window.getComputedStyle(ele,null); 返回值都是绝对值 IE 及 IE8下以不兼容。 ...

2019-10-05 11:36:47 210

原创 JavaScript 自动下向滑动

var start = document.getElementsByTagName('div')[0]; var stop = document.getElementsByTagName('div')[1]; var timer = 0; var key = true ; start.onclick = function () { if (...

2019-10-03 23:01:40 299

原创 JavaScript DOM

DOM - Document Object Model 定义了表示和修改文档的方法，也称DOM是对THML 以及XML的标准编程接口对节点的增删改查查看元素节点 document 代表整个文档 document.getElementByid() // 元素ID // 元素在IE8以下的浏览器id是不区分大小写，而且也匹配name属性的元素 document.getElementsByTa...

2019-09-25 19:07:44 153

原创 JavaScript try..catch

在try里面发生的错误，不会执行错误后的try里面的代码 Error.name 的六种值对应的信息 1，EvalError : eval()的使用与定义不一致 2，RangeError : 数值越界 3，ReferenceError : 非法或不能识别的引用数值 4，SyntaxError : 发生语法解析错误 5，TypeError : 操作数类型错误 6，URlError : URL处理函数使...

2019-09-24 15:41:54 196

原创 JavaScript ES5标准模式

es3.0 es5.0 现在的浏览器是基于 es3.0的 + es5.0的产析增方法使用的 es5.0严格模式那么 es3.0和es5.0产生冲突的部分就是用es 5.0否则会使用es3.0 “use strict"; 在ES5里面重复的参数是不行的会报SyntaxError错误 ...

2019-09-24 14:05:03 597

原创练习判断类型 //数组去重

判断类型 function type(target) { var template = { "[object Array]" : 'array', "[object Object]" : 'object', "[object Number]" : 'number...

2019-09-24 02:18:16 138

原创 JavaScript 数组定义方式与方法

第一种方法 // 字面量 var arr = [] ; 第二种方法 var arr = new Array() ; Array.prototype 数值的读和写

2019-09-22 01:56:40 394

原创 JavaScript 克隆

深度克隆 // 深层拷贝遍历对象 for ( var prop in obj ) 判断是原始值还是引用值。 typeof() / object instanceof toStrin constructor 判断引用值是原始值，还是数组 / 对象。 object instanceof toStrin constructor 建立相应的数组或对象。递归 var obj...

2019-09-19 23:20:00 230

原创 JavaScript This

函数预编译过程 this ⇒ window 预编译过程中 ao 中会产生 AO ｛ arguments ：[ ] ， this : window , ｝当创建一个新对象时 new test() // var this = Object.create(text.prototype); // proto : test.prototype 全局作用域里 this ==》 window c...

2019-09-18 23:17:12 137

原创 JavaScript 对象的枚举 for in

JavaScript 对象的枚举 for in var obj = { name = 'wwn', age = 18, sex = 'male' __proto__ = { lastName : 'oldWwn' } } hasOwnProperty 用来判断（prop）的属性是不是对象自已的，如果是就返回 rue，否就返回false （可用...

2019-09-18 01:10:47 177

weixin_44026098的博客