1.什么是解构? ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。它在语法上比ES5所提供的更加简洁、紧凑、清晰。它不仅能减少你的代码量,还能从根本上改变你的编码方式。 2.数组解构 以前,为变量赋值,我们只能直接指定值,比如 let a = 1; let b = 2; ...
分类:
其他好文 时间:
2020-11-25 12:42:39
阅读次数:
6
模块化规范 传统开发模式主要问题 /* 1. 命名冲突 2. 文件依赖 */ 通过模块化解决上述问题 /* 模块化就是把单独的一个功能封装在一个模块(文件)中,模块之间相互隔离, 但是可以通过特定的接口公开内部成员,也可以依赖别的模块. 模块化开发好处: 方便代码的重用,从而提高开发效率,并且方便后 ...
分类:
Web程序 时间:
2020-11-24 13:04:23
阅读次数:
29
css样式只在当前组件起作用 <style scoped></style> v-for中的:key值的作用 v-for在更新已经渲染过的元素列表时,key默认重复使用 策略 简单复用此处每个元素 并且确保它在特定索引下显示已经被渲染过的每个元素 key的作用主要是为了更高效的更新虚拟DOM vue的 ...
分类:
Web程序 时间:
2020-11-24 12:59:14
阅读次数:
13
##概述 ###Webpack功能与优势 预处理(TS,Less,Sass,ES6),解析成浏览器识别的css和js 解析文件之间的依赖关系,屏蔽无用文件 图片添加hash,方便线上CDN缓存 模块导入导出 按需加载,有完备的代码分割解决方案 ###Webpack简单介绍 Webpack是用Node ...
分类:
Web程序 时间:
2020-11-24 12:31:18
阅读次数:
14
问题1:ES6中的class 与 ES5中function的关系 ES6 中: class Person { constructor(name) { this.name = name; } sayHello() { return 'hello, I am ' + this.name; } } var ...
分类:
Web程序 时间:
2020-11-23 12:12:24
阅读次数:
11
// 兼容ie8 不会改变原数组 function deWeight(arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i].name== arr[ ...
分类:
编程语言 时间:
2020-11-23 11:48:27
阅读次数:
12
·初始化 1.getDefaultProps() 注:getDefaultProps这种定义方式是用在你定义组件用的是React.createClass方式的 如果使用的是es6的语法,例如用的是class 组件名 extends React.Component的话,就不要用 getDefaultP ...
分类:
其他好文 时间:
2020-11-21 12:24:20
阅读次数:
5
在看阮一峰的react入门的时候,写到一段代码,但是写完就报错了,经过多方查找,终于解决掉了 错误描述: 解决方法: 将React.createClass换成React.Component, 但是不知道为什么这样就不报错了 (^._.^)? 文章地址:https://toddmotto.com/re ...
分类:
Web程序 时间:
2020-11-21 12:12:27
阅读次数:
15
让程序跑起来与避免延迟: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width, ...
分类:
编程语言 时间:
2020-11-19 12:20:09
阅读次数:
7
这是es6中新增的字符串方法 可以配合反单引号完成拼接字符串的功能 1、反单引号怎么打出来?将输入法调整为英文输入法,单击键盘上数字键1左边的按键。 2、用法step1: 定义需要拼接进去的字符串变量step2: 将字符串变量用${}包起来,再写到需要拼接的地方 3、示例代码: let a='Kar ...
分类:
编程语言 时间:
2020-11-18 12:57:41
阅读次数:
10