2017年2月17日
eslint ":"号
摘要： eslint规则默认是没有;号的，如果也没要加;号，那就要在.eslintrc.js里面，加配置： 'semi':['error',always'] 强制有;号，没有就报错 参考地址：http://eslint.org/docs/rules/semi 看里面的 options 阅读全文
posted @ 2017-02-17 22:46 zhaobao1830 阅读(144) 评论(0) 推荐(0)
main.js 里的/* eslint-disable no-new */
摘要： 注意项目中的这个，它的作用是： 在js里面，new 一个对象，需要赋值给某个值（变量），用Vue实例化的时候，不需要赋值给值（变量），所以要单独给配一条规则，给new Vue这行代码上面加这个注释，把这行代码规则的校验跳过，通过eslint-disable。eslint的常用技巧之一 阅读全文
posted @ 2017-02-17 22:45 zhaobao1830 阅读(6558) 评论(0) 推荐(1)
eol-last的相关知识
摘要： eslint “eol-last”:0 文件末尾强制换行（就是代码结尾处，要来个空格，相当于加一行，设置为0就可以了） ./src/main.js error eol-last Newline required at endoffile but notfound /Users/xxx/site/xx 阅读全文
posted @ 2017-02-17 22:44 zhaobao1830 阅读(1014) 评论(0) 推荐(0)
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
摘要： 因为header在HTML5里面是个原生的标签，所以在开发的时候会提示错误，解决方法：修改components里面左边的header 阅读全文
posted @ 2017-02-17 22:42 zhaobao1830 阅读(8651) 评论(4) 推荐(0)
手机端的1px边框如何实现
摘要： （1）、把边框设置为absolute,使用after,定义宽度为1px（mixin.styl） （2）、通过@media,判断不同的dpi,来改变相应的Y轴宽度（base.styl），定义公共class border-1px，在用到1px边框的地方，加上border-1px 设备像素 又叫物理像素  阅读全文
posted @ 2017-02-17 22:41 zhaobao1830 阅读(937) 评论(0) 推荐(0)
在电脑上开发手机端，如何用手机实时预览
摘要： 1、cmd ipconfig，获取无线局域网里面的ip地址 把localhost改成当前电脑的IP 把ip:8080/#/goods复制到草料二维码里面（地址：http://cli.im/），生成二维码，然后用手机微信扫描，手机和电脑必须是同一个局域网 阅读全文
posted @ 2017-02-17 22:38 zhaobao1830 阅读(1377) 评论(0) 推荐(0)
2017年2月16日
图标字体制作
摘要： 通过icomoon和svg文件，制作图标字体 icomoon官网：链接 1、打开官网 2、点击右上角 3、点击左上角 4、导入svg文件 5、选中生成的图标 6、点击右下角 7、点击，修改名称 8、修改名称和其他的信息，除了名称，其他一般默认即可 9、点击下载 10、使用的时候，把fonts文件和s 阅读全文
posted @ 2017-02-16 10:55 zhaobao1830 阅读(199) 评论(0) 推荐(0)
2017年2月15日
vue系列之webstrom开发vue，无法热更新
摘要： 用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？ webstorm保存的时候会先保存到旧时文件中，其实并没有真正保存，要在setting->stys 阅读全文
posted @ 2017-02-15 10:21 zhaobao1830 阅读(3671) 评论(0) 推荐(0)
vue系列之webstrom的设置
摘要： 1、安装vue插件,方法 Setting->Plugins,点击Plugins,在右边输入vue，找到相应插件，然后安装 2、创建vue模板 注意红圈里面的 3、设置vue文件支持的样式 注意：这个设置后没效果，是因为2里面的reformat according to style没有取消掉 4、vu 阅读全文
posted @ 2017-02-15 10:18 zhaobao1830 阅读(432) 评论(0) 推荐(0)
vue系列之项目结构
摘要： 参考地址：链接 build webpack配置相关 config webpack配置相关 node_modules npm install 安装的依赖代码库 src 存放项目源码 static 存放静态资源 .babelrc babel的一些配置，大部分浏览器是不能支持ES6的，所以通过babel转 阅读全文
posted @ 2017-02-15 09:38 zhaobao1830 阅读(626) 评论(0) 推荐(0)