发表于: 2017-02-04 21:17:16

1 1203


今天完成的事情:

1.温习HTML css JS Angular的代码规范,修改js任务给师姐检查

2.学习wiki上的项目开发流程的资料。

3.修改任务8表格分页的刷新会重置问题

4.学习ui-router传参和$state.go的用法


明天计划的事情:

1.继续研究ui-router传参 ,解决任务8的刷新问题

2.完成项目申请PPT

3.学习实际项目中的svn使用方法


遇到的问题:

任务8的新逻辑大致理解了,但是实现还是有些困难。

对angular路由的理解不够,准备先照着官网的实现。


收获:

重温代码规范,发现了一些之前没有注意到的东西。


1.CSS3属性:transform、transition、animation、box-shadow、border-radius…,如果需要加入浏览器前缀,

则按照 -webkit- / -moz- / -ms- / -o- / std的顺序进行添加,标准属性写在最后。


2.HTML 属性应该按照特定的顺序出现以保证易读性。

class

id, name

data-*

src, for, type, href, value

title, alt

role, aria-*

Classes 是为高可复用组件设计的,所以他们处在第一位。Ids 更加具体而且应该尽量少使用(例如, 页内书签),所以他们处在第二位。


3.媒体查询位置

尽量将媒体查询的位置靠近他们相关的规则。不要将他们一起放到一个独立的样式文件中,或者丢在文档的最底部。这样做只会让大家以后更容易忘记他们。这里是一个典型的案例。

 响应式768以下不准多次写多个阈值的media,很乱,在767时统一改掉能到320的

/* 1200px≤屏幕可见视口宽度*/

@media only screen and (min-width: 1200px) {}

/* 992px≤屏幕可见视口宽度<1200px */

@media only screen and (min-width:  992px) and (max-width: 1199px) {}

/* 768px≤屏幕可见视口宽度<992px */

@media only screen and (min-width:  768px) and (max-width: 991px) {}

/* 768px<屏幕可见视口宽度*/

@media only screen and (max-width: 767px) {}



返回列表 返回列表
评论

    分享到