webstorm快捷键（Mac版）
⌘——Command
⌃ ——Control
⌥——alt
⇧——Shift
⇪——Caps Lock
fn——功能键就是fn
编辑Command+alt+T 用 (if..else, try..catch, for, etc.)包住Command+/ 注释/取消注释的行注释Command+alt+/ 注释/取消注释与块注释alt+↑ 向上选取代码块alt+↓ 向下选取代码块Command+alt+L 格式化代码Command++ 展开光标所在的代码块Command+- 折叠光标所在的代码块Command+shift++ 展开当前文件所有的折叠Command+shift+- 折叠当前文件所有的代码tab,shift+tab 调整缩进Control+alt+I 快速调整缩进Command+C 复制Command+X 剪切Command+V 粘贴Command+shift+V 从剪贴板里选择粘贴Command+D 向下复制一行shift+delete 删除当前行Control+Shift+J 清除缩进变成单行shift+回车 快速换行Command+回车 换行光标还在原先位置Command ...
使用npm安装node-sass失败的解决办法
使用npm安装node-sass失败时，我们可以这样解决：
第一步（卸载之前安装失败的包）：1npm uninstall node-sass -D
第二步（使用淘宝镜像cnpm，先提前安装好cnpm）：1cnpm i node-sass -D
cnpm全局安装（淘宝镜像）
安装淘宝npm（cnpm）
安装cnpm
输入以下命令
1npm install -g cnpm --registry=https://registry.npmmirror.com
vue作用域插槽slot-scope详解
前言vue的插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个问题这里就点出来了，是显示不显示和怎样显示。
了解vue的同学都知道插槽分为单个插槽，具名插槽，还有作用域插槽，前两种比较简单这里就不赘述了，今天的重点是讨论作用域插槽。
简单来说，前两种插槽的内容和样式皆由父组件决定，也就是说显示什么内容和怎样显示都由父组件决定；但是第三种插槽就不同了，作用域插槽的样式由父组件决定，内容却由子组件控制。简单来说：前两种插槽不能绑定数据，作用域插槽是一个带绑定数据的插槽。
由于Vue官方在2.6版本以后改变了插槽的书写方式，所以，我们这里区分2.6版本之前的写法和2.6版本以后的写法：
vue2.6之前的版本作用域插槽的写法我们先来看2.6版本之前的写法：
123456789101112131415161718192021// 父组件<template> <div id="app"> <child> <template slot-sc ...
package.json 里 devDependencies和dependencies的区别
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：
npm i 【包名】 –save-dev
npm i 【包名】 –save
在 package.json 文件里面提现出来的区别就是：
使用 npm i 【包名】 –save-dev 安装的包，会被写入到 devDependencies 对象里面去；
而使用 npm i 【包名】 –save 安装的包，则被写入到 dependencies 对象里面去。
那么 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？
devDependencies 里面的插件(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，不用于生产环境，因此不需要打包；而 dependencies 是需要发布到生产环境的，是要打包的(比如vue，vue-router，vuex，axios等)。
HTTP状态码详解
HTTP状态码负责表示客户端HTTP请求的返回结果、标记服务器端的处理是否正常、通知出现的错误等工作。
状态码的职责是当客户端向服务端发送请求时，描述返回的请求结果。借助状态码，用户可以知道服务端是正常处理了请求，还是出现了错误。
HTTP状态码的类别及原因短语
code
类别
原因短语
1XX
Informational(信息性状态码)
接收的请求正在处理
2XX
Success(成功状态码)
请求正常处理完毕
3XX
Redirection(重定向状态码)
需要进行附加操作以完成请求
4XX
Client Error(客户端错误状态码)
服务器无法处理请求
5XX
Server Error(服务端错误状态码)
服务器处理请求出错
接下来我们来详细的说一说常见的HTTP状态码。
1.200 OK表示从客户端发送的请求在服务端被正常的处理了。
2.204 No Content表示服务器接收的请求已经成功处理，但在返回的响应报文中不含实体的主体部分。另外，也不允许返回任何的主体。比如，当从浏览器发出请求处理后，返回204响应，那么浏览器显示的页面不发生更新 ...
ES6的let到底存不存在变量提升
前言关于ES6中的let存不存在变量提升的问题，我想大部分人都认为是不存在变量提升的，而官方文档关于这点也曾做过改动，最初是认为存在变量提升，后来又改成了不存在变量提升。而最近我在CSDN上看到一篇文章在探讨这个问题，于是自己就试验了一下。实践是检验真理的唯一标准，那么今天我们就来探讨一下到底let存不存在变量提升的问题。
变量提升定义：函数声明和变量声明总是被JavaScript解释器隐式地提升(hoist)到包含他们的作用域的最顶端。
通过定义我们可以知道，只有变量的声明和函数的声明存在变量提升这一说，那么在ES6出现之前，JavaScript声明变量的方式是通过关键字var实现的，声明函数自然通过function啦，ES6中我们用let，const来声明变量和常量。
话不多说，直接上一段代码： { console.log(a) // 报错，a is not defined let a=2; }
这和官方文档所说的存在暂时性死区是一致的。如果let存在变量提升，那么上述代码就相当于下面这样
123{ let a; console.log(a) //u ...
