摘要:
npx npm v5.2.0引入的一条命令(npx),提升了开发者使用包内提供的命令行工具的体验。 一、调用项目安装的模块 安装webpack: npm i -D webpack 调用项目内部的webpack: # 项目的根目录下执行 ./node_modules/.bin/webpack -v 有 阅读全文
摘要:
npm 一、窗口的常用指令 E::进入E盘 cd + 路径 :进入到那个文件 cd .. :返回上一层 dir:列出文件列表 cls:清空命令提示符窗口内容。 clear:清空命令提示符窗口内容。 二、安装node npm是node的包管理工具。 #查看版本 node -v npm -v 三、淘宝镜 阅读全文
摘要:
gulp 一、是什么gulp 前端构建工具。 项目开发完成,部署到线上,为了加快网站访问速度,会将如javascript/html/image/css进行合并压缩。 以前没有构建工具时,都是手动来做。繁琐、浪费时间、不需要动脑。 现在将这些操作编写成一个一个的任务。想做某个操作时,在命令行中操作,执 阅读全文
摘要:
前端模块化 一、为什么要使用模块化 简单写js代码带来的问题 全局变量同名问题,使用匿名函数可解决变量同名问题,但是闭包又引起代码不可复用问题 匿名函数引起代码不可复用问题 (function(){ var flag=true })() console.log(flag);//报错 //flag是个 阅读全文
摘要:
Symbol 基本使用 ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ,还新增了 Symbol 表示独一无二的值,最大的用法是用来定义对象的唯一属性名。 //调用Symbol()函数来创建一个Symbol实例: let 阅读全文
摘要:
深拷贝和浅拷贝 值类型的拷贝的是拷贝值的副本,都互不影响。 深拷贝和浅拷贝是针对引用类型(如数组、对象)的拷贝。 一、浅拷贝 引用类型拷贝的是“引用“(即指针),之后一方改变都会影响到到另一方。 两种情况 情况一:直接赋值,直接拷贝源的是对象(数组)的引用,相互影响。 情况二:不是直接赋值(拷贝源对 阅读全文
摘要:
一、Set集合 一种新的数据结构 , 类似于数组。但成员是唯一的无序,没有重复的值 let arr = [1, 3,4, 2, 2, 1, 1] let set=new Set(arr)// Set(4) {1, 3, 4, 2} 1.1.基本操作 遍历操作 let s1 = new Set([1, 阅读全文
摘要:
箭头函数 一、写法 如果只有一个参数,() 可以省 如果只有一条语句,return,{}可以省 let fn=v=>v+v; fn(1);//2 //相当于 let fn=function (v){ return v+v; } 当省略{}和return时,如果返回的内容是一个对象,对象需要用括号() 阅读全文
摘要:
async/await 本质:async 函数就是 Generator 函数的语法糖。 一、基本使用 async关键字,表明函数是一个异步函数。 await 表达式,只能在async内部使用。 返回值 返回值是Promise对象。 async function helloAsync(){ retur 阅读全文
摘要:
Generator 一、相关概念 1.1.引入的原因 传统的JavaScript异步的实现是通过回调函数来实现的,但是这种方式有两个明显的缺陷: 缺乏可信任性。例如我们发起ajax请求的时候是把回调函数交给第三方进行处理,期待它能执行我们的回调函数,实现正确的功能 缺乏顺序性。众多回调函数嵌套使用, 阅读全文