自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 JavaScript 作用域

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

2019-10-13 03:46:54 88

原创 JavaScript 正则表达式

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

2019-10-12 02:27:36 135

原创 JavaScript JS 加载时间线

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 116

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

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

2019-10-09 21:22:09 101

原创 JavaScript 事件

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

2019-10-06 14:29:33 90

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

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

2019-10-05 11:36:47 126

原创 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 187

原创 JavaScript DOM

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

2019-09-25 19:07:44 74

原创 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 80

原创 JavaScript ES5标准模式

es3.0es5.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 473

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

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

2019-09-24 02:18:16 73

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

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

2019-09-22 01:56:40 304

原创 JavaScript 克隆

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

2019-09-19 23:20:00 136

原创 JavaScript This

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

2019-09-18 23:17:12 61

原创 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 105

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除