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.