整理了一些前端开发时候需要注意的知识点
前端开发构建标准及规范
本文章总结一些，前端开发过程中对页面的思考和一些规范化的标准，以提高自己的页面构建能力。这些内容都是日常开发经常用到的，平时有的地方会有遗漏，故整理出一篇内容。规范不仅是为了当下可以开发出程序，也是为了后期维护。 有的特殊部分会进行标注，比如移动端和pc不同的差异。
1. 构建标准
页面布局
- 在不考虑IE9及以下浏览器的情况下，尽量使用flex布局。让页面更灵活
- 考虑不同分辨率的屏幕，及刘海异形屏的兼容问题
- 使用float布局时，考虑对其他元素的影响，及时清除浮动。
- 尽量不定高，而是通过内容撑开盒子模型，也就是触发BFC
表单
-
表单校验和规范
- 控制 《空值，极限值，特殊类型（邮箱，手机号…），空格，回车》的输入，并根据页面需求，设置不同的校验。
- 表单元素设置的默认值，如果是单选那么需要设置一个初始默认选择态，部分表单元素内容添加清空按钮。
- 当输入或选择内容后，用户关闭了该页面。要注意清空输入的值和校验状态。
-
页面适应
- 在不同屏幕尺寸情况下，表单布局的正常显示，横纵的排列方式
- 文本内容输入过多的显示方式，滚动还是修改布局长度或高度
- 动态添加的表单，页面的显示方式等
- 文本过长显示省略号
表格
- 表格内容如果过长，需要显示省略号，并添加hover显示全部内容的效果
- 注意不同需求，固定表头和表列的操作，以及合并单元格
2.开发标准
变量命名
- JS变量名称 以，大驼峰或者小驼峰
- CSS命名 id以单个单词为准，class用 - 横线命名方式
- vue文件以 - 小写方式命名
- 简洁清晰的注释内容
3.开发准备
理解需求
- 根据原型图