摘要: Js脚本加载的特点: 1. 没有设置异步加载的SCRIPT,会阻塞文档解析, 等待JS脚本加载并且执行完之后继续解析文档 2. 有设置异步加载的SCRIPT, 不会阻塞文档解析(异步的script中不能用document.write, 包括async, defer) <script type="te 阅读全文
posted @ 2020-02-19 16:32 yyy_鸳鸯 阅读(674) 评论(0) 推荐(0) 编辑
摘要: <html> <body> <script> // 1. let 在同一个作用域下不可重复声明 // 2. let不会提升,会产生一个暂时性死区 // 3. let 只能在当前的作用域下生效 // for (var i = 0; i < 10; i++) { // i = 'a'; // console.log(i) // a // } // for (var i = 0; i < 10; i++ 阅读全文
posted @ 2019-12-27 11:01 yyy_鸳鸯 阅读(257) 评论(0) 推荐(0) 编辑
摘要: // var tools = function() { function addEvent(el, type, fn) { if (el.addEventListener) { // el.addEventListener(type, fn, false); } else if (el.attachEvent) { el.attachEvent('on' + type, fn); } else { 阅读全文
posted @ 2019-12-27 10:59 yyy_鸳鸯 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 1. SyntaxError 语法错误// 变量名不规范// var 1 = 1;var 1ab = 1; 关键字赋值 new = 5; function = 1; 基本语法错误: var a = 5: function 1test() {}; 2.ReferenceError引用错误 变量或者函数 阅读全文
posted @ 2019-12-27 10:52 yyy_鸳鸯 阅读(391) 评论(0) 推荐(0) 编辑
摘要: <html> <head> </head> <body> <script type="text/javascript"> Array.prototype.myForEach = function(fn) { var arr = this, len = arr.length, arg2 = arguments[1] || window; for(var i = 0; i < len; i++) { 阅读全文
posted @ 2019-12-27 10:49 yyy_鸳鸯 阅读(396) 评论(0) 推荐(0) 编辑
摘要: GO: global object 即 全局上下文 AO :activation object 活跃对象,函数上下文,在函数执行之前进行的一个步骤 代码编译过程: 1.检查通篇的语法错误,若有错误则不编译执行 2.预编译 3.解释一行,执行一行 提升:函数声明会整体提升,变量表达式只有声明提升,赋值 阅读全文
posted @ 2019-10-08 21:34 yyy_鸳鸯 阅读(988) 评论(0) 推荐(0) 编辑
摘要: IIFE: immediately invoked function expression 最大的特点是:立即执行,执行完之后立即销毁 1. 语法 (function() {} ()); (function() {})(); 两种都可以, W3C建议用第一种 2. 特点 a.参数(形参,实参) (f 阅读全文
posted @ 2019-10-08 10:25 yyy_鸳鸯 阅读(170) 评论(0) 推荐(0) 编辑
摘要: {{title}} Update title Destory 阅读全文
posted @ 2019-07-18 16:16 yyy_鸳鸯 阅读(168) 评论(0) 推荐(0) 编辑
摘要: outline用法和border类似, 例如: .outline { outline: 1px solid #000;} 两者表现也类似, 都是给元素的外面画框,但是,作用却不一样。 1. outline是一个和用户体验密切相关的属性,与focus状态和键盘访问关系密切。 在访问网页的时候,如果鼠标 阅读全文
posted @ 2019-07-03 15:38 yyy_鸳鸯 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 1.ES5中class功能的实现: ES6中class的定义: 将john5 和 john6输出: 从上图可以看出john5和john6是一样的,所以es5和es6的效果是等价的。 2.继承 ES5实现继承: ES6实现继承: 输出johnAthlete5 和johnAthlete6, 说明john 阅读全文
posted @ 2019-05-14 16:07 yyy_鸳鸯 阅读(1030) 评论(0) 推荐(0) 编辑