vue造轮子杂记

许可证

• npm install -g npm 更新npm

webstorm快捷键

• shift+shift
• VCS
• Ctrl+Alt+L 格式化

VScode快捷键

• 在变量名上按F2就可以更改这一作用域所有该变量名，超好用

npm

• 当一个包是给开发者用的时候加-D
• npm i -g git-open，工具，git open命令可打开远程仓库
• npm config list
• npm link。本地调试包，可以在项目目录使用 npm link，然后在使用之处运行 npm link xxx，就是最新了。

css

• vertical-align: center; 内联元素的对齐

js

• Array.prototype.includes()

单元测试

• BDD，行为驱动开发
• TDD，测试驱动开发
• assert，断言，主观判断和实际结果是不是一样的，不一样就会报错
• travis ci，持续集成

vue

• 组件name的作用是在vue devtools以name作为标签名显示
• Vue.config.devtools = true;
• 想把几个html元素包起来，但是不想要div，就用template
• props传入的值的default如果是对象的话要写成一个函数return一个对象的形式。复用性问题，对象是引用的。
  例如：

  props: {
    closeButton: {
      type: Object,
      default() {
        return {
          text: "关闭",
          callback: undefined
        };
      }
    }
  }

• .sync语法糖
• 依赖注入 provide
• vue属性不能用data开头
• 递归组件

think

• 解决问题的关键是加快解决问题的效率。解决问题的频率越大，得到正确答案的几率越大。