ZNZD平台vue项目

一、安装配置node.js

1.1 配置企业级软件仓库

1）首先用的是Nexus Repository Manager搭建npm私服；（待补充）

2）项目使用修改.npmrc文件来修改源

现在需要做的就是修改源！采取配置npmrc文件的方式：

.npmrc文件
(1)除了使用cli的npm config命令来显示修改npm配置,还可以通过npmrc文件直接修改配置
(2)npmrc文件路径
npm config ls -l 命令查看配置 存在npmrc文件就会打印出文件路径,没有的话就使用命令配置registry,npmrc文件就会出现

此方式为全局有效，但没有修改原始的配置项。
需要在用户目录下创建 .npmrc 文件，添加如下内容：

registry = http://registry.npm.taobao.org

3）使用设置 npm 的配置项的方式

npm cli 提供了npm config 命令进行npm相关配置, 通过npm config ls -l可查看npm的所有配置,包括默认配置.

常用配置:
proxy, https-proxy :指定npm使用代理
registry 指定npm下载安装包的源 默认:https://registry.npmjs.org/

此方式为设置全局的 npm 配置项，即使关闭终端或重启电脑都不会失效。

npm config set registry https://registry.npm.taobao.org 

4）终端安装

此方式为一次性使用，每次安装(或查看)都要带上 --registry 选项

npm install PACKAGE_NAME --registry https://registry.npm.taobao.org
npm info PACKAGE_NAME --registry https://registry.npm.taobao.org

二、 Node环境从6.10.3升级到8.9.4后报错

Node Sass could not find a binding for your current environment.

npm rebuild node-sass

然后就ok了。

三、再谈.native

native - 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。

给普通的标签加事件，然后加native是无效的,onclick事件不会触发！

用第三方组件或者UI框架会自带自身封装的事件，如keyup等，会覆盖原生的组件而无法起效果。这时需要使用.native（常用的：使用elementUI）

四、CSS改变input光标颜色

谷歌浏览器的默认光标颜色是黑色的，可以使用caret-color来改变光标颜色：

input{
    caret-color:red;
}

五、css3

5.1属性前缀（-moz、-ms、-webkit、-o-）

1、-moz-代表firefox浏览器私有属性

2、-ms-代表ie浏览器私有属性

3、-webkit-代表safari、chrome私有属性

4、-o-代表Opera

5.2 first-of-type选择器

:first-of-type 匹配的是某父元素下相同类型子元素中的第一个，比如 p:first-of-type，就是指所有类型为