我的vue饿了吗--痛苦的一天

1.遇到stylus不能find问题

硬是要重新下载一遍,package没有用,泪奔~~o(>_<)o ~~

npm install stylus-loader css-loader style-loader --save-dev

2.查看隐藏的node_mudules

3.stylus语法是严谨的,一旦不符合就会错

4.stylus和stylus-loader是两个插件

5.package.base.config配置

 6.express和require

  express是构造函数

  require是导入

7.webstorm添加模板 

  Preferences – Editor – File and Code Templates 

8.发现缺少依赖,可以在package中添加署明版本--》npm i 下载

9.避开引入文件走进相对路径的坑

       

自定义的话可以在这个文件下添加语句:

'components':path.resolve(__dirname, '../src/components');
这个上面的语句也是,webpack后自带的,引用方式不一样;保留一个即可

    

10.点击激活的class

  

11.草料二维码网址

http://cli.im/text?99119f9ef52c09cb88acee9f30459c86

 生成二维码,手机查看效果

12.图片src需要绑定,宽高不需要px

13.拼接文字不需要++,直接写

14.div之间的一点点间距

  解决方案:令父盒子的font-size:0;子盒子会继承父盒子的font-size,如果需要切记重设

15.常用字体

font-family :"PingFang SC","STHeitiSC-Light","Helvetica-Light",Arial,sans-serif

16.超出部分“。。。”效果

white-space :nowrap
overflow: hidden
text-overflow :ellipsis

17.背景模糊效果
filter:blur(px)

18.css sticky footer布局
fix布局相对bottom
19.对于多出运用的地方可以通过写组件来实现
  a.扩展性
  v-for 注意一些边距等无关的样式不要写在组件里面,可以根据不同的场景在运用的时候加上一些盒子去调节
20.flex布局
  flex: 等分 缩放 占位的空间
   同时设置width:
占位的空间 (安卓的兼容问题)
21.ios特有的backdrop-filter
22.样式尽量用类名,不要用标签,层级多的时候效率会很低
23.
  




原文地址:https://www.cnblogs.com/QIQIZAIXIAN/p/6963128.html