发表于： 2018-06-13 23:14:06
2 653
今天完成的事情：
安装好webstorm 配置好github环境
任务十一用scss重写，可以定义一些元素，然后通用真的很方便。其他的会尝试着用。
明天计划的事情：
任务十一
遇到的问题：
1.webstorm搭建github后，传文件夹时，传上去了一个打不开的文件夹。。。。然后更改一下内容后，用git传一遍，还是一个打不开的文件夹。把里面的文件复制到其他文件夹，可以正常上传成文件夹。然鹅文件夹名字并没有问题啊。。
收获：
开发过程中应该遵守哪些编码规范和class命名规范？
基本准则
符合web标准，语义化html，结构表现行为分离，兼容性优良。页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。
html规范
1、页面的第一行添加标准模式声明<!DOCTYPE html>
2、页面title是极为重要的不可缺少的一项
3、按照从上至下、从左到右的视觉顺序书写html结构
4、代码缩进：tab键设置四个空格（通常在软件右下角设置相应空格大小）
5、html中除了开头的DOC和'UTF-8'或者head里特殊情况可以大写外，其他都为小写，css类都为小写
6、建议为html根元素指定lang属性，从而为文档设置正确的语言lang="zh-CN"
7、不同doctype在不同浏览器下会触发不同的渲染模式< meta http-equiv="X-UA-Compatible" content="IE=Edge">
8、非特殊情况下样式文件必须外链至< head >...< /head>之间;非特殊情况下JavaScript文件必须外链至页面底部
9、尽可能减少div嵌套
10、在页面中尽量避免使用style属性,即style="…";写在相应的样式文件中
11、对于属性的定义，确保全部使用双引号，绝不要使用单引号
12、背景图片请尽可能使用sprite技术,减小http请求
13、给区块代码及重要功能(比如循环)加上注释,方便后台添加功能
14、不要使用@import,与<link>标签相比,@import指令要慢很多,不光增加了额外的请求次数,还会导致不可预料的问题。
CSS规范
CSS书写规范
1、CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。
2、去掉小数点前的“0”
3、简写命名——很多用户都喜欢简写类名，但前提是要让人看懂你的命名。
4、16进制颜色代码缩写——有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。
5、长名称或词组可以使用中横线来为选择器命名。
6、不要随意使用Id——id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。
7、有多个选择器时，选择器必须独占一行
8、选择器的嵌套层级不应该大于三级，位置靠后的限制条件应该尽可能的准确。
书写顺序：
布局方式、位置（position, top, right, z-index, display, float等）
尺寸（width, height, padding, margin）
文本相关（font, line-height, letter-spacing, color- text-align等）
视觉效果（background, borde，animation, transition）
以提高代码的可读性。
参考自修真院小课堂 https://blog.csdn.net/weixin_42121231/article/details/80571813
进度：CSS-任务11
开始时间：2018.06.12
结束时间：2018.06.014
有无延期风险： 无。
禅道：http://task.jnshu.com/zentao/my/
返回列表
评论