51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#es6
前端MVC Vue2学习总结(七)——ES6与Module模块化、Vue-cli脚手架搭建、开发、发布项目与综合示例
使用vue-cli可以规范项目,提高开发效率,但是使用vue-cli时需要一些ECMAScript6的知识,特别是ES6中的模块管理内容,本章先介绍ES6中的基础与模块化的内容再使用vue-cli开发vue项目。ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是EuropeanComput...
代码星球
·
2021-02-12
前端
MVC
Vue2
学习
总结
JavaScript模块化 之( Commonjs、AMD、CMD、ES6 modules)演变史
经常在工作中使用define(['./modulename'],function(modulename){}),require(['modulename'],function(modulename){}),module.exports=modulename,importmodulenamefrom'./modulena...
代码星球
·
2021-02-10
Javascript
模块化
Commonjs
AMD
CMD
ES6迭代器(Iterator)和生成器(Generator)
/平时我们迭代数据用得最多的应该就是for循环了来看个简单的例子varcolors=["red","green","blue"];for(vari=0,len=colors.length;i<len;i++){console.log(colors[i]);}如上循环是很简单,但是一旦使用多个循环嵌套时,就需要为每...
代码星球
·
2021-02-09
ES6
迭代
Iterator
成器
Generator
es6 class的基础语法,es6 class继承/ es5 call继承描述/使用es6完美继承Array的方法 sort倒序排序console.table()表格生成
//基础语法functionPeople(name,email){name,email}classUser{constructor(name,email){this.name=name;this.email=email;}getinfo(){console.log(this.name);}staticdescripti...
代码星球
·
2021-02-08
es6
继承
class
基础
语法
es6 async/await try/catch异步加载中的暂停,运行抛错
//async/awaitasyncfunctionshow(){leta=12;letb=4;try{letdata=await$.ajax({url:'data/1.txt',dataType:'json'});console.log("async-try",data);}catch(e){console.log(...
代码星球
·
2021-02-08
es6
async
await
try
catch
es6 Promise -- 封装
//Promise--封装letp=newPromise(function(resolve,reject){//异步...//resolve解决//reject拒绝$.ajax({url:'data/1.txt',dataType:'json',success(arr){resolve(arr);},error(res...
代码星球
·
2021-02-08
es6
Promise
封装
es5和es6声明类的区别/es5和es6继承的区别
//es5和es6声明类的区别,es5没有统一语法规范。es6有统一写法规范start。//es5声明“类”的语法--伪类//functionPerson(name,age){//this.name=name;//this.age=age;////this.showName=function(){////alert(t...
代码星球
·
2021-02-08
es5
es6
区别
声明
继承
让自己的es6语法通过babel转码为es5普通语法小配置
1cnpminit-y2、安装babel祥光核心库,脚手架,预编译模式。---- cnpmi@babel/core@babel/cli@babel/preset-env-D (如果需要兼容ie7以下版本,cnpmi@babel/polyfill)3、添加脚本:根目录packge.json...
代码星球
·
2021-02-08
语法
自己的
es6
通过
babel
es6 字符串 对象 拓展 及 less 的语法
es6字符串 对页面渲染的几种方式:字符串拼接 文档碎片 dom操作 模板 es6又提供了一种新的对页面渲染的方式:字符串模板(高级版的字符串拼接) 模板字符串标识符是反引号(``)英文状态下tab上面的键,字符串直接写,遇到变量写在${}内; varname="helloworld"; ...
代码星球
·
2021-02-08
es6
字符串
对象
拓展
less
es6 的数组的方法
es6数组的拓展 数组的类Array 数组的定义: 1.vararr=[]; 2.vararr=newArray(3) //3代表有三个元素 arr[0]=12; arr[1]=24; arr[2]=36; 3.vararr=newArray("zh...
代码星球
·
2021-02-08
es6
数组
方法
es6 语法的
es5中提供了两个声明变量的方式 var function es6中提供了四种声明变量的方式 let const class import 现在,定义变量的关键字有6个了 备注:不能忽略函数的形参函数的私有变量; var定义变量 var的功能:变量提升,但是未定义,给window添加一个定义的...
代码星球
·
2021-02-08
es6
语法
scss 用法 及 es6 用法讲解
scss用法的准备工作,下载考拉编译工具 且目录的名字一定不能出现中文,哪里都不能出现中文,否则就会报错 es6用法 let和const let 声明变量的方式 在{}代码块里面才有效;且在相同的代码块,不能声明两个相同的变量名,一旦出了这个{}代码块,此变量无效...
代码星球
·
2021-02-08
用法
scss
es6
讲解
es6 class函数的用法,及兼容程度
//es6中class的新特性:面向对象的方式 classname{ fram(){ vardiv=document.getElementById("div"); div.style.background="blue"; } } varnam=newname; //n...
代码星球
·
2021-02-08
es6
class
函数
用法
兼容
JavaScript模块化 --- Commonjs、AMD、CMD、es6 modules
今天面试问到模块化的发展,下面是我找来解释的比较明白的博客:随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到es6对其进行了规范,下面就介绍JavaScript模块化。 这篇文章还是希望能给大家一个比较好的思路,即JavaScript模块化是...
代码星球
·
2021-02-06
Javascript
模块化
Commonjs
AMD
CMD
JavaScript常用数组操作方法,包含ES6方法
一、concat()concat()方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.con...
代码星球
·
2021-01-30
方法
Javascript
常用
数组
操作
首页
上一页
...
2
3
4
5
6
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他