51dev.com IT技术开发者社区

51dev.com 技术开发者社区

(2/24) 快速上手一个webpack的demo

(2/24) 快速上手一个webpack的demo

写在前面:该部分的安装都是基于windows系统的,且此处的webpack的版本为:3.6.0。1.1安装方法:用win+R打开运行对话框,输入cmd进入命令行模式。然后找到你想开始项目的地方,输入下方代码:mkdirwebpack3cdwebpack3第一句是建立一个文件夹,第二句是进入这个文件夹...

(1/24) 认识webpack

(1/24) 认识webpack

1、什么是webpack(1)webpack是一个模块打包工具,它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。在3.0出现后,Webpack还肩负起了优化项目的责任...

module.exports 、exports、export、export default的区别

module.exports 、exports、export、export default的区别

module.exports和exports是属于CommonJS模块规范,export和exportdefault是属于ES6语法。module.exports和exports导出模块,用require引入模块。export和exportdefault导出模块,import导入模块。Node应用由...

Git同时提交到多个远程仓库

Git同时提交到多个远程仓库

使用git同时提交到多个远程库的操作方式为:比如我需要你将同一份代码提交到如下的两个库中:https://gitee.com/FelixBinCloud/recruit.githttps://git.coding.net/FelixBinCloud/recruit.git (1)先添加第一...

ES6系列_16之模块化操作

ES6系列_16之模块化操作

ES6的模块化操作主要包括两个方面。(1)export:负责进行模块化,也是模块的输出。(2)import:负责把模块引,也是模块的引入操作。export的用法:export可以让我们把变量,函数,对象进行模块化,提供外部调用接口,让外部进行引用。先来看个最简单的例子,把一个变量模块化。我们新建一个...

ES6系列_15之class类的使用

ES6系列_15之class类的使用

JS语言的传统方法是通过构造函数,定义并生成新对象,是一种基于原型的面向对象系统。在ES6中新增加了类的概念,可以使用class关键字声明一个类,之后以这个类来实例化对象。1.先来看看es5与es6的写法:(1)构造函数示例:constAnimal=function(name,age){this.n...

ES6系列_14之promise对象的简单使用

ES6系列_14之promise对象的简单使用

1.产生原因在前端开发中,最常见的的就是"回调",我相信很多人对于这个"回调"可谓是印象深刻呢。究其原因是因为层层回调会造成所谓的“回调地狱(callbackhell)”(最明显的就是代码的层层嵌套)2.解决办法实解决回调地狱的办法有很多,从代码书写层面就可以将绝大部分回调代...

ES6系列_13之Proxy进行预处理(简单学习)

ES6系列_13之Proxy进行预处理(简单学习)

1.理解什么是预处理?当我们在操作一个对象或者方法时会有几种动作,比如:在运行函数前初始化一些数据,在改变对象值后做一些善后处理。这些都算钩子函数,Proxy的存在就可以让我们给函数加上这样的钩子函数。Proxy进行预处理可以简单理解为:执行方法前,先预处理代码(预热工作)。 2.对比引入...

ES6系列_12之map数据结构

ES6系列_12之map数据结构

1.map数据结构出现的原因?JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了能实现将对象作为键值对的key,ES6提供了Map数据结构。它类似于对象,也是键值对的集合,但是“键&rdquo...

ES6系列_11之Set和WeakSet数据结构

ES6系列_11之Set和WeakSet数据结构

一、Set1.Set是什么? Set是ES6提供的一种新的数据结构。类似于数组。2.Set能解决什么问题Set和Array的区别是Set不允许内部有重复的值,如果有只显示一个,相当于去重。3.怎么使用Set相关东西 Set函数可以接受一个数组(或者具有iterable接口的其他数...

ES6系列_10之Symbol在对象中的作用

ES6系列_10之Symbol在对象中的作用

在ES5中对象属性名都是字符串,这容易造成属性名的冲突,比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突,于是 ES6引入了Symbol。Symbol是一种新的原始数据类型,表示独一无二的值。它是继undefined、...

ES6系列_9之对象

ES6系列_9之对象

 1.对象赋值es5中的对象赋值方式如下:letname="小明";letskill='es6开发';varobj={name:name,skill:skill};console.log(obj);结果为:ES6允许把声明的变量直接赋值给对象,例如:letname="小明";letskil...

ES6系列_8之函数和数组

ES6系列_8之函数和数组

 1.对象的函数解构ES6为我们提供了这样的解构赋值使在前后端分离时,后端返回来JSON格式的数据,前端可以直接把这个JSON格式数据当作参数,传递到函数内部进行处理。比如:letjson={a:'es6',b:'es5'}functionfun({a,b='es5'}){console....

ES6系列_7之箭头函数和扩展

ES6系列_7之箭头函数和扩展

 1.默认值在ES6中给我们增加了默认值的操作相关代码如下:functionadd(a,b=1){returna+b;}console.log(add(1));可以看到现在只需要传递一个参数也是可以正常运行的。输出结果为:2。2.主动抛出错误ES6中我们直接用thrownewError(x...

ES6系列_6之新增的数组知识

ES6系列_6之新增的数组知识

 1.JSON数组格式转换JSON的数组格式就是为了前端快速的把JSON转换成数组的一种格式,json数组格式如下:letjson={'0':'男','1':'女',length:3}这就是一个标准的JSON数组格式,跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的j...