前言
没怎么写过前端,所以没什么经验。
写着写着,就发现问题了。
浏览器,发现同一个名称的,资源会判断是否读取缓存内容。不同的界面,同样名称的文件也会读取缓存的。
所以,有些做法是把一些css样式写到同一个文件里,后面的页面加载,就不用加载这个文件了,直接从缓存中读取。
通常来说,会把一些共同的样式写到一起。
所以我们在写css之前,最好完成这些工作
页面分析
前端在做编码前,也是有效果图的。
分析什么呢?
- 页面关系(确定页面跳转)
- 页面结构
- 抽取共同点
css文件分区和选择器命名
如果打算把样式都写到一个文件里,那么先要划分好区域,可以根据前面的页面关系进行划分。
比如说:common区域,也就是共同都有的样式 比如说:index区域,首页区域 ....
如果都写到了一起,那么命名就得有规范,否则一旦选择器作用于共同的元素,那么可能会出现效果冲突。
所以命名的前缀,规范得根据前面的分析定好。
另外,common可以独立出来,其他的可以写到一起。载入样式的时候两个都载入,方便管理和阅读。
如果服务器资源更新了,如何让浏览器加载新的内容呢?
后台如何通过代码让浏览器更新静态资源?