基本概念：
这是js中的一元操作符：按位取反。
计算规则为：
1 | ~x = -(x+1); |
即：~-1 = 0、~1 = -2。
就来看看~1的计算步骤：
将1(这里叫：原码)转二进制 ＝ 00000001
按位取反 ＝ 11111110
发现符号位(即最高位)为1(表示负数)，将除符号位之外的其他数字取反 ＝ 10000001
末位加1取其补码 ＝ 10000010
转换回十进制 ＝ -2
~取反的用法是，是因为-1的取反操作等于0，而其他数的取反操作不等于0。所以用indexOf操作符可以用~操作来判断某个字符串里是否有某个字符。
1 | var str = '123456' |
以下来自stackoverflow的解释：
What’s the difference between “super()” and “super(props)” in React when using es6 classes?
不加props
1 | constructor(props) { |
加props1
2
3
4constructor(props) {
super(props);
console.log(this.props) //props will get logged.
}
1 | <div class="box">你好好了</div> |
1 | .box { |
addEventListener()和removeEventListener()用来绑定事件和解绑事件
它们都接受3个参数addEventListener(eventName，function，true)
第三个参数为true表示在捕获阶段调用事件处理程序，false表示在冒泡阶段调用事件处理程序
例如：
1 | window.addEventListener('resize',function(event){ |
当移除事件时用removeEventListener()
1 | window.removeEventListener('resize',function(event){ |
但是发现并没有解绑成功！！！
因为解绑和绑定时的函数名要相同，也就意味着通过addEventListener绑定的匿名函数是不能解绑的
正确的绑定和解绑示例：
1 | function resizeWindow(event){ |
这样就ok了
版权声明：本文为CSDN博主「xmy_wh」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xmy_wh/article/details/84634410
windows个人常用的软件
git ：版本管理工具
tortoisegit ：git图形管理工具
tortoisesvn ：svn版本管理工具
photoshop ：前端切图必备
animate cc ：需要动画的时候用
有道云笔记 ：有markdown模式，笔记写代码很方便
postman :调试接口
fiddler :抓包工具
Koala :一款编译scss,less的软件，官网下载建议迅雷下载。
ditto： 剪切板管理神器
Snipaste: 截图神器
GifCam: 录制GIF神器
常用插件：
火狐浏览器
sublime text3 ：由于转vscode了，sublime只作简单的文本编辑。
插件列表：
ChineseLocalizationa file icon，boxy theme 主题插件vscode ：目前写代码的主要idea
常用插件：
已停用或弃用插件:
object.create() 是使用指定的原型proto对象及其属性propertiesObject去创建一个新的对象。1
2
3
4
5
6
7
8
9
10Object.myCreate = function (obj, properties) {
var F = function () {}
F.prototype = obj
if (properties) {
Object.defineProperties(F, properties)
}
return new F()
}
Object.myCreate({}, {a: {value: 1}}) // {a: 1}
时隔两月,vscode prettier的设置已经更改,所以重新记录下
在 /.vscode/settings.json 增加配置,这样做是为了同步项目中的配置，当然，你可以在全局设置中设置
附带vscode eslint配置如下
^_^
settings.json：1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29// eslint 设置
"eslint.validate": [
"html",
{
"language": "vue",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
},
{
"language": "javascriptreact",
"autoFix": true
}
],
"eslint.autoFixOnSave": true,
/* prettier配置遵循eslint规则 */
"prettier.jsxSingleQuote": true,
"prettier.semi": false,
// stylelint配置
"stylelint.enable": true,
"css.validate": false,
"less.validate": false,
"scss.validate": false,
"[scss]": {
"editor.formatOnSave": true
},
1 | yarn add --dev stylelint-config-prettier stylelint-prettier |
然后,在根目录加上.stylelintrc.js
1 | module.exports = { |
最后,加上忽略文件.prettierignore和.prettierignore
1 | node_modules |
至此，设置完毕！~
在 Taro 中尺寸单位建议使用 px、 百分比 %，Taro 默认会对所有单位进行转换。当前忽略单个属性的最简单的方法，就是 px 单位使用大写字母Px or PX。
由于我们之前已经设置prettier插件自动格式化[scss]文件，导致写PX会被自动格式化成小写px
如何避免这个问题，只要在上面写/* prettier-ignore */即可避免自动格式化成小写字母
1 | /* prettier-ignore */ |
参考文章
stylelint插件
文档-prettier与Linters集成
掘金-css代码规范工具stylelint
掘金-VScode下搭配ESLint、TSLint、stylelint的代码检查配方
掘金-vscode + prettier 专治代码洁癖（一）
1 | // css 自动格式化,vscode 需要安装 csscomb 插件 |
1 | { |