发表于: 2017-03-04 02:41:29

2 886


  1. 一、今日完成

  1. 1.任务13基本完成
  2. 2.复习4种切图方法
  3. 3.学习CSS书写规范和顺序
  4. 4.学习rem和px的换算

  1. 二、问题
  2. A.首页
  1. 1.如上图,未实现轮播功能,故对应图片未加。不用框架,暂时还没研究如何实现。
  1. B.投票页
  1. 1.音频播放功能未实现
  1. 2.提示文字三角形背景未添加
  2. 3.角色项目低分辨比率显示正常,高分辨率布局太难看,特别是小工具图标;
  3. 为了响应式,对应单位我是用vw实现。
  4. 有别的简便方法吗?
    1. 是否一定要用@media媒体查询才能实现?
  5. 4.页面背景色若设置body内,大分辨率设备有出现留白情况;若设置body上,整个页面都会是背景色。
  6. 如何实现内部内容块才显示背景色?
  7. C.结果页
  8. 1.以下内容原来布局错乱,分别附上修改前后对应代码。
  9. 有没有更好解决办法?
  10. 修改前
  11. 修改后

  12. D.侧滑页

  1. 1.未实现。

  1. 之前任务7是网上搜索的js插件代码。代码编写的非常混乱,而且实现效果也不好。
  1. 明天仔细看下实现原理,修改任务7并应用至任务13。


  1. E.代码
  2. 1.整合不到位,还有很多冗余代码
  3. 2.代码文件拆分自我感觉还可以完善
  4. 3.命名可能还不够规范,一些没用过的类名不知道如何规范命名。

  1. 三、收获
  2. 1.基本了解代码规范了,以及CSS框架化
  3. 2.明白px和rem的转换了,直接用sass转换单位,然后对应psd单位比例编写代码。

3.写的页面基本能和psd布局差不多了。以前做任务,尺寸基本没有对照psd,都是自己盲目调。

4.能够基本应用flex布局。具体概念还没理解透彻,自然也不能应用得心应手了。

  1. 四、明日计划
  2. 1.做任务14
  3. 2.修改任务14之前任务,尺寸布局不符合的,一并修改
  4. 3.相关任务进行对比总结;如任务13和任务7。尝试学习bootstrap响应式实现原理。





返回列表 返回列表
评论

    分享到