发表于: 2017-06-04 23:11:39

1 1055


今天完成的事情:

完成了复盘项目后台方案设计,学习了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负责。


返回列表 返回列表
评论

    分享到