发表于: 2017-06-04 23:11:39
1 1057
今天完成的事情:
完成了复盘项目后台方案设计,学习了wiki上关于web开发规范的内容复习了CSS编码规范。
学习了web组学院进项目必读内容,学员svn帐号使用规范,svn使用教程汇总。
晚上七点半听了付辉老师讲的计算机网络。
明天计划的事情:
查找并学习设计方案中提到的项目中将要使用的插件(框架),拆分禅道。
遇到的问题:
和相博雪峰交流的时候发现复盘项目的代码写法和我们做任务6-10的时候为了满足任务要求而写的有很大的区别,毕竟任务只有登录页、欢迎页、Article列表页、Article编辑/新增页这几个简单的页面。但复盘项目的后台一共有15个页面,如果还照原来的样子写,代码复用性差且不易维护。包括把从登陆页跳转到欢迎页做成路由的跳转这点也感觉很难做到。
收获:
这次重新学习代码规范,发现了几个比较重要的点:
属性顺序
HTML 属性应该按照特定的顺序出现以保证易读性。
class
id, name
data-*
src, for, type, href, value
title, alt
role, aria-*
Classes 是为高可复用组件设计的,所以他们处在第一位。Ids 更加具体而且应该尽量少使用(例如, 页内书签),所以他们处在第二位。
声明顺序
相关的属性声明应该以下面的顺序分组处理:
1.Positioning
2.Box model 盒模型
3.Typographic 排版
4.Visual 外观
前缀属性
当使用厂商前缀属性时,通过缩进使取值垂直对齐以便多行编辑。
/* Prefixed properties */
.selector {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
代码组织
以组件为单位组织代码。
制定一个一致的注释层级结构。
使用一致的空白来分割代码块,这样做在查看大的文档时更有优势。
当使用多个 CSS 文件时,通过组件而不是页面来区分他们。页面会被重新排列组合,而组件是可以移动的。
关于Angular,不在控制器里操作DOM,违背了关注点分离原则。应该通过指令操作DOM。但有些时候实在是找不到通过指令操作DOM的好方法,只能操作DOM实现功能,也许是因为经验还不足吧。
Controller中只写主要逻辑,具体的判断由util和service负责。
评论