发表于: 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) {}
评论