面向对象思想面向过程:面向过程是实现代码逻辑的步骤,主要是把重心点放在实现功能上,不太考虑封装.优点:效率高,缺点;维护起来太麻烦面向对象:主要的重心点,先放在功能模块的划分,然后想着什么功

原文:http://blog.gqylpy.com/gqy/493置顶：来自一名75后老程序员的武林秘籍——必读（博主推荐）来，先呈上武林秘籍链接：http://blog.gqylpy.com/gqy/401/你好，我是一名极客！一个75后的老工程师！我将花两分钟，表述清楚我让你读这段文

以下内容参考阮一峰老师的文章：http://es6.ruanyifeng.com/#docs/intro一.ECMAScrpt6简介了解ES6转换器（bable，traceur）申明变量的方法：var,let,const,function,import,class二.let和const命令let命令<!--声明的变量仅在块级作用域内有效-->{leta=1;}a//报错for(le

第一种：//b.jsexports.a="这是a";exports.b="这是b";exports.c="这是c";//a.jsimportdatafrom'./b.js';console.log(data.a);console.log(data.b);console.log(data.c); 第二种//b.js  注意是export没有s也很好理解因为是单个导出expor

第7章Set集合与Map集合序：在ES5中，开发者们已经使用非数组对象实现了类似Set集合、Map集合的类似的功能。在ES6中，新标准将Set集合与Map集合添加到了JavaScript中。第1节ES5中的Set集合与Map集合      在ES5中，开发者们经常用对象属性来模拟这两种组合。一般来说，Set集合常

JerryWang曾经写过一篇比较web应用处于stateful和stateless不同状态下的行为差异，发表在SAP社区上：https://blogs.sap.com/2017/03/31/stateless-and-stateful-different-behavior-in-application-side/结论就是stateful的BSP应用会通过串行方式依次处理传进来的请求。看

1、axios在PC端浏览器的兼容性问题axios支持IE8+，但原理是基于promise之上实现的，因此会存在不兼容IE的问题。trident内核的浏览器下会报：vuexrequiresaPromisepolyfillinthisbrowser解决方案：（1）、首先安装 babel-polyfill，来解决IE不支持 promise对象的问题npm

二、ES61.let、const和varlet和 const定义的变量不会出现变量提升，而var定义的变量会提升。let和 const会出现暂时性死区，而var不会出现暂时性死区。在相同作用域中，let和const不允许重复声明，var允许重复声明。let和 const在块级作用域内有效，而var在

一.作用Proxy（代理期）用于修改某些操作的默认行为（语言本身的操作才具备默认值），因此属于一种“元编程”，即对编程语言进行二次编程。二.原理Proxy可以理解成，在目标对象前架设一个“拦截层”，外界对该对象的访问都必须先通过这层拦截。因此提供了一种机制，可以对外界的访问进行

es6模板字符串使用反引号``即键盘数字键左边的键进行字符串拼接，其中可以使用${Expression}来插入表达式并进行解析，多用于拼接字符串时传递变量数据，比传统使用’++'拼接更方便。例子：$(function(){letdata=[{name:'小明',sex:'男',age:18},{name:'

//foreach迭代vararr=[1,2,3];varsum=0;arr.forEach(function(value,index,array){console.log(value);console.log(index);console.log(array);

vue项目里，利用es6，封装时间格式处理方法，简单demo本来今天是学了axios的请求拦截，通过拦截器在headers里加token，从而使每次请求都能被后台进行登录状态验证（如果后台需要的话）。在学的过程中，发现教程是通过es6的importexport来封装方法及导出导入使用的。因此我干脆照猫画

原文链接：http://es6.ruanyifeng.com/#docs/destructuring（1）交换变量的值letx=1;lety=2;[x,y]=[y,x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰（2）从函数返回多个值函数只能返回一个值，如果要返回多个值，只能将

记录es6新增的实用数组去重的方法：1简单类型：//ES6中新增了Set数据结构，类似于数组，但是它的成员都是唯一的，其构造函数可以接受一个数组作为参数，如：letarray=[1,1,1,1,2,3,4,4,5,3];letset=newSet(array);console.log(set);//=>Set{1,2,3,4,5}//ES6中Array

string:match()、replace()、search()和split()String.prototype.match 调用 RegExp.prototype[Symbol.match]String.prototype.replace 调用 RegExp.prototype[Symbol.replace]String.prototype.search 调用 RegExp.prototype[Symbol.search]String.prototype.spl

前言：现在的Chrome浏览器已经支持ES6了，但是有些低版本的浏览器还是不支持ES6的语法，这就需要我们把ES6的语法自动的转变成ES5的语法。Webpack是有自动编译转换能力的，除了Webpack自动编译，我们还可以用Babel来完成。ES6的开发环境搭建**建立工程目录：**先建立一个项目的工程目录，

一、在ES6以前实现类和继承实现类的代码如下：functionPerson(name,age){this.name=name;this.age=age;}Person.prototype.speakSomething=function(){console.log("Icanspeekchinese");};实现继承的代码如下：一般使用原型链继承和call继承混

1.Array.of() 方法创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。Array.of() 和 Array 构造函数之间的区别在于处理整数参数：Array.of(7)创建一个具有单个元素7的数组，而Array(7)创建一个长度为7的空数组;Array(n)即建立length为n的空数组。Array

concat(array,...,arrayN)：连接两个或多个数组，并返回新的数组。varhege=["Cecilie","Lone"];varstale=["Emil","Tobias","Linus"];varkai=["Robin"];varchildren=hege.concat(stale,kai);//Cecilie,Lone,Emi

1，let和const两个关键词和var有那些不同？   答：不同点：    （1）不允许声明提升    （2）不允许重复声明    （3）不覆盖全局变量2，请说下const的特点  答：a，const一般只用于声明常量，声明的同时会直接初始化     b，声明的常量不能修改，否则会报错 

第八章迭代器（Iterator）与生成器（Generator） 第1节循环语句的问题在循环、多重循环中，通过变量来跟踪数组索引的行为容易导致程序出错。迭代器的出现旨在消除这种复杂性，并减少循环中的错误。 第2节什么是迭代器？迭代器是一种特殊对象。它有一些专门为迭代过程设计的

Vetur——语法高亮、智能感知、Emmet等 包含格式化功能，Alt+Shift+F（格式化全文），Ctrl+KCtrl+F（格式化选中代码，两个Ctrl需要同时按着） EsLint——语法纠错 AutoCloseTag——自动闭合HTML/XML标签 AutoRenameTag——自动完成另一侧标签的同步修改 Java

如果你对模块化已经了解，可以直接从第三点开始阅读。一、模块化的概念：在进行项目分析或者编码时，先把项目进行拆分，拆分成很多的类，对象，很多的函数等等。能够提高代码的复用性。这些被拆分出来的类型，对象，函数就是模块。就像一辆汽车是由很多的零部件组成，每个零部件就是一个小模

1.RegExp构造函数如果RegExp构造函数第一个参数是一个正则对象，那么可以使用第二个参数指定修饰符。而且，返回的正则表达式会忽略原有的正则表达式的修饰符，只使用新指定的修饰符。newRegExp(/abc/ig,'i').flags//"i"上面代码中，原有正则对象的修饰符是ig，它会被第二

charAt()：返回指定位置的字符。varstringValue='helloworld';alert(stringValue.charAt(1));//'e' charCodeAt()：返回自定位置的字符的Unicode编码。varstringValue='helloworld';alert(stringValue.charCodeAt(1));//'101' fromCharC

Proxy在目标对象之前架设一层拦截，外部所有的访问都必须先通过这层拦截，因此提供了一种机制，可以对外部的访问进行过滤和修改。ES6原生提供了Proxy构造函数，用来生成Proxy实例。下面代码中proxy代理target。varproxy=newProxy(target,handler);Proxy对象的所有用法，都是上面

原文链接：https://www.cnblogs.com/liangyin/p/7823441.htmlES6使用箭头函数注意点新事物也是有两面性的，箭头函数有他的便捷有他的优点，但是他也有缺点，他的优点是代码简洁，this提前定义，但他的缺点也是这些，比如代码太过简洁，导致不好阅读，this提前定义，导致无

面向对象实现tab栏切换效果

对象的扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。拷贝对象letaa={age:18,name:'aaa'}letbb={...aa};console.log(bb);//{age:18,name:"aaa"}合并对象扩展运算符（...）可以用于合并两个对象letaa={age:18,

前言第一次接触到ES6中的class和extends时，就听人说这两个关键字不过是语法糖而已。它们的本质还是ES3的构造函数，原型链那些东西，没有什么新鲜的，只要理解了原型链等这些概念自然就明白了。这话说的没错，但是这些继承的实现是否是我们想的那样呢，今天让我们来用原型链解释下E