在使用 vuex actions 里的 异步函数 （async）时，出现regeneratorRuntime is not defined 错误

问题：
使用 ES7 的 async/await 时报错。

原因：regeneratorRuntime在浏览器上无法识别，需要安装一个
babel-plugin-transform-runtime插件

html:

1

<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />

Valid Accept Types:
对于 CSV 文件 (.csv), 使用:

1

<input type="file" accept=".csv" />

对于Excel 2003-2007 (.xls)文件, 使用:

1

<input type="file" accept="application/vnd.ms-excel" />

对于Excel 2010 (.xlsx)文件, 使用:

1

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

对于文本 (.txt)文件, 使用:

1

<input type="file" accept="text/plain" />

正则匹配正整数和小数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

let _check = /^([1-9][\d]{0,6}|0)(\.[\d]{1,2})?$/; //限制小数点前后位数
let _check1 = /^([1-9][\d]*|0)(\.[\d]+)?$/; //不限制小数点前后位数
_check.test('0.10') // true
_check.test('000.10') // false
_check.test('0') // true
_check.test('9') // true
_check.test('9.9') // true
_check.test('9.90') // true
_check.test('9.900') // false
_check.test('90')  // true
_check.test('090')  // false
_check.test('9..90')  // false
_check.test('9.9.0') // false
_check.test('009') // false
_check.test('0009.90') //false
_check.test('9000000')  // false

原理就是通过a标签的href属性将二进制表格数据转化为表格，再通过download属性将文件下载到本地；
需要注意的是接口请求的数据类型要设置为 blob 类型 具体参考 axios https://www.npmjs.com/package/axios

1

responseType: 'blob'

element-ui 日期组件最大日期和最小日期

1
2
3
4
5
6
7
8
9
10
11
12

<el-date-picker
	v-model="transactionDate"
	type="daterange"
	range-separator="至"
	start-placeholder="开始日期"
	end-placeholder="结束日期"
	placeholder="选择日期"
	value-format="yyyy-MM-dd HH:mm:ss"
	:default-time="['00:00:00','23:59:59']"
	:picker-options="isDisabled"
>
</el-date-picker>

字符串自动补全函数 注意一定是字符串！

padStart(targetLength [, padString]) 方法用另一个字符串填充当前字符串(重复，如果需要的话)，以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的。
targetLengt 目标长度
padString 补充的字符串

Win10系统 安装 nrm 出现报错：
nrm : 无法加载文件 C:\Program Files\nodejs\nrm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1

关于 npm 源设置

1、临时使用某个安装源地址：

如果只想某一次使用某个安装源命令如下：

1
2
3
4

// 使用源镜像
npm --registry https://registry.npm.org install
// 使用淘宝镜像
npm --registry https://registry.npm.taobao.org install

利用闭包思想
原来定义一个函数来根据情况执行

DOM级别与DOM事件

DOM级别一共可以分为4个级别：DOM0级，DOM1级，DOM2级和 DOM3级，而DOM事件分为3个级别：DOM0 级事件处理，DOM2 级事件处理和 DOM3 级事件处理。如下图所示：

为什么没有DOM1级事件处理呢？
因为1级 DOM 标准中并没有定义事件相关的内容，所以没有所谓的1级 DOM 事件模型。