随笔分类 -  JavaScript

7个 JavaScript 新特性
摘要：前言 一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4 五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3 或者Stage 4 阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。 一、类的私有变量 最新提案之一是在类中添加私 阅读全文
posted @ 2020-09-21 17:25 Mine- 阅读(43) 评论(0) 推荐(0)
快速搞懂js中的宏任务与微任务
摘要：众所周知js是单线程，但js是可以执行同步和异步任务的，同步的任务众人皆知是按照顺序去执行的； 而异步任务的执行，是有一个优先级的顺序的，包括了 宏任务（macrotasks） 和 微任务(microtasks) 宏任务:整体代码script setTimeout, setInterval, set 阅读全文
posted @ 2020-07-13 15:33 Mine- 阅读(106) 评论(0) 推荐(0)
ES6中六种常用的传出调用方式
摘要：第一种 // const a = 1; // const b = 2 // export default { // a,b // } 调用 > 使用 // import a from “./a.js” > a ==> {a:1,b:2} 第二种 // export const a = 1; // e 阅读全文
posted @ 2020-04-16 21:40 Mine- 阅读(46) 评论(0) 推荐(0)
单行文本溢出显示省略号
摘要：width:value; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; #content{width: 200px;border: 1px black solid;white-space: nowrap;overflow: 阅读全文
posted @ 2020-03-26 22:00 Mine- 阅读(18) 评论(0) 推荐(0)
最最最全的清除浮动方法
摘要：如何清除浮动？ 上下排列： clear属性，表示清除浮动的，left、right、both 嵌套排列： 固定宽高 : 不推荐 , 不能把高度固定死，不适合做自适应的效果。 父元素浮动 : 不推荐 , 因为父容器浮动也会影响到后面的元素。 overflow : hidden (BFC规范) , 如果有 阅读全文
posted @ 2020-03-26 21:56 Mine- 阅读(40) 评论(0) 推荐(0)
JS中的原型与原型链
摘要：什么是原型？原型链 原型对象也是普通的对象，是对象一个自带隐式的 proto 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为 null 的话，我们就称之为原型链原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链 也可以用三句话描述一下 下面根据代码解释一下js中的原型 阅读全文
posted @ 2020-03-25 20:52 Mine- 阅读(28) 评论(0) 推荐(0)
原生js写一个眼睛会跟着鼠标动的笑脸
摘要：html{overflow-x: hidden;} body{width: 100%;height: 100%;background: #613900;} .face{width: 500px;height: 500px;background: #ffc400;border-radius: 50%; 阅读全文
posted @ 2020-03-23 21:55 Mine- 阅读(116) 评论(0) 推荐(0)
ES6中的SET和MAP数据结构
摘要：SET 和 MAP 数据结构 + 两个是 ES6 出现的两种数据结构 + SET 就是一个类似于 数组 的数据结构 + MAP 就是一个类似于 对象 的数据结构 SET 数据结构 + 是一个类似于 数组 的数据结构 + 创建数据的语法 1. 内置构造函数创建 => var s1 = new Set( 阅读全文
posted @ 2020-03-17 22:51 Mine- 阅读(36) 评论(0) 推荐(0)
Promise的理解和使用,以及ES7中ASYNC/AWAIT 的使用
摘要：Promise promise 是一个 ES6 的语法承诺的意思，是一个专门用来解决异步 回调地狱 的问题 回调函数 什么是回调函数？ 就是把函数 A 当作参数传递到 函数 B 中 在函数 B 中以行参的方式进行调用 function a(cb) { cb() } function b() { co 阅读全文
posted @ 2020-03-11 23:39 Mine- 阅读(59) 评论(0) 推荐(0)
javascript 中的try_catch 的用法
摘要：/* try{ 尝试执行的代码 }catch(error){ error 错误对象，try括号中代码执行的异常信息; 补救代码; } 执行过程： 1、先去执行try中的代码 2、如果try中的代码执行正常，catch中的代码就不执行了 3、如果try中的代码执行异常，直接执行catch中的代码进行补 阅读全文
posted @ 2020-03-09 21:43 Mine- 阅读(54) 评论(0) 推荐(0)
带你快速了解javascript中的闭包
摘要：闭包 闭包就是利用了这个函数执行空间不销毁的逻辑有几个条件组成闭包 闭包概念 有一个 A 函数，再 A 函数内部返回一个 B 函数再 A 函数外部有变量引用这个 B 函数B 函数内部访问着 A 函数内部的私有变量以上三个条件缺一不可 不销毁的空间 闭包的第一个条件就是利用了不销毁空间的逻辑 只不过不 阅读全文
posted @ 2020-02-27 21:57 Mine- 阅读(26) 评论(0) 推荐(0)