摘要:
ES6 async, await, promise 综合例子 new Promise(主线程代码).then(成功微任务, 失败微任务); sync 替代promise await 替代then 1. <div id="aa"></div> <script type="text/javascript 阅读全文
摘要:
ES6 Promise应用: async, await 前端两项工作 1.ui 2.交互 Promise的应用 (Promise挺强大的) 1. async/await 就是基于promise的实现 (语法糖) 2. axios, fetch API(新一代语法取代jquery的ajax), 同样是 阅读全文
摘要:
ES6 Promise 4: 更多案例 1. var p1 = new Promise((resolve, reject) => { }); var p2 = p1.then( result => { }, error => { } ); //可以看到p1和p2都是promise,还可以看到状态 c 阅读全文
摘要:
ES6 Promise 3: Promise状态和状态中转 1. JavaScript是单线程,多任务机制 2. 理解Promise任务队列 3. 真正的理解Promise状态的变化 4. Promise状态中转 5. 该执行什么方法 6. 语法糖 7. 模拟多任务的工作 前端作用:给用户一个交互接 阅读全文
摘要:
6. Promise 2: 微任务队列和任务执行顺序 1. Promise有个微任务队列,轮询到执行的时候,就会从队列中调出任务,放在主线程执行。 2. 队列中微任务可以多个 3. 宏任务,最后执行(setTimeout) 格式: new Promise(主任务).then(成功, 失败).then 阅读全文
摘要:
变量解构 1.什么是解构? es6允许按照一定的模式, 从数组和对象中提取值, 对变量进行赋值, 这被称为解构(Destructuring) 2.数组解构赋值 语法: let [a, b, c] = [1, 2, 3]; console.log(a, b, c); // 1 2 3 顺序: 从数组中 阅读全文
摘要:
1. 声明一个变量有多少种方式 var, function, let, const, import, class 2. let, const a. 块作用域 (es6引入了块级作用域,所以let、const在自己所在的代码块有效) b. 不存在变量的提升,且存在死区 c. 不可以重复声明 d. co 阅读全文
摘要:
箭头函数 (笔记是自己看B站视频整理的,视频地址:https://www.bilibili.com/video/av86885716) 语法: 1. 写法 => 2. 格式 (参数) => 代码 (左参右码) 3. 当函数体有且只有1行return代码时,右边括号可省略 4. 左边有没有括号?看情况 阅读全文
摘要:
响应式网页设计项目#3 Product Landing Page 电商企业,伯库电玩的塞尔达促销页面 https://codepen.io/yiyunpan// #技术堆栈 1. 使用HTML、JavaScript和CSS完成。这里是纯CSS做的 #内容 1. 使用了H5 语义化的标签 2. 重点使 阅读全文
摘要:
响应式网页设计项目-CnBlogs用户意见调查 https://codepen.io/yiyunpan// #技术堆栈 1. 使用HTML、JavaScript和CSS完成。这里是纯CSS做的 #内容 1. 使用了H5 语义化的标签 2. 使用了H5 Form表单的特性 3. Selection/O 阅读全文