准备步骤和建议
- 确保完全了解项目要求,不清楚的地方,都记录下来
- 规划组件,项目的哪些部分适合作为组件,组件可以复用
- 研究第三方插件,图片轮播,动画效果
- 尽早commit,经常commit,使用Git跟踪你的项目并保留进度记录,方便Review
- 一次构建一个组件,选择一个组件并开始构建,确保正常,然后再构建下一个组件
- 首先实现基本功能,然后再去完善。一开始不要急于编写完美的代码。你的第一个目标是让项目的每个部分都能运行,之后再开始重点完善代码
项目要求
- 响应式,自适应
- 所有组件都应该自适应的方式渲染到屏幕上
- 含有注释,有效说明该代码的逻辑或者功能
- 所有与内容相关的图片都包含相应的替代文本,清晰的描述图片的内容
- 注意代码的格式化
开发要求
- 必须新建自己的开发分支
dev-**** 为个人代号,比如:dev-johnson,所有的开发都在自己的分支进行,最后都要合并到主分支 - 每次完成某个具体的小功能,需要新建合并请求
pull request到master分支,然后提醒我去review合并到master每次review都是一次评审的机会,并给出反馈意见 - 要有组件化的思想,组件要可以复用
- 命名要规范,参考 编码规范
完善
- h1~h6通用的元素设计好样式
- 用variable.scss 来定义所有的变量,包括不限于:颜色,大小,margin, padding 慢慢完善
需完善
- 复用的css直接导入到style.scss,而不是每个都导
- 用的第三方插件应考虑使用sass版本
- 图片的本地化
- 统一命名规范
- container 问题
- 基础UI的复用
- 没有处理报错
- 点击下拉使用自定义js实现
- 间距没有统一
- 页面明显的错误得需要完善
- 颜色可以通过sass算出来,而不是定死
- 需要组件化