如若初见

出现focus无效原因：

ios的UIWebView 默认的KeyboardDisplayRequiresUserAction为false，设置为true就行，WKWebView 不支持这个属性，如果要从原生入手解决，请参考https://stackoverflow.com/questions/32407185/wkwebview-cant-open-keyboard-for-input-field

解决思路：

从无效原因可以看出，是键盘需要用户触发才能弹出，这导致了autofocus或者element.focus()无效，所以，在键盘弹出的情况下再去focus，或者跳转到带有autofocus的页面也就可以正常focus了

1、当在css中加入下面样式，会导致页面无法正常上下滑动

1
2

// css 文件
{ touch-action: none; }

这行代码后，会导致页面无法正常上下滑动，

npm 安装包命令

1、局部安装

1

npm install <package_name>

说明 安装到当前项目

npm 5x 以后 这个命令等同于npm install –save 同时也是会同样写入到依赖 dependencies

2、 全局安装 -g

-webkit-overflow-scrolling 属性

MDN中概述 入下

-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.

值选项

1、auto
使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止
2、touch
使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。

html

1

<div class="caihong"></div>

Git图形化界面使用容易，但是命令就不太会了, 所以学习下Git命令的用法…
一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。

项目中使用table组件的时候，存在合并列或者合并行看element-ui table组件的文档
由于数据是动态获取，所以存在合并不方便的场景
所以换个思路来实现合并
具体代码：

在使用 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