发表于： 2018-08-12 22:07:39
1 688
今天完成的事情：写了栅格，做了第一个页面
明天计划的事情：完成任务八
遇到的问题：没做多少东西，没啥问题。
收获：
通过参考bootstrap的栅格系统，来写了栅格系统。
栅格系统主要是通过浮动和百分比加媒体查询来实现的。
栅格最大的特点是列与列之间有间距，因为要采用百分比，最好将盒模型设置成border-box，这样容易转换然后通过媒体查询去设置断点，只设置了的常用的xs/sm/md。
栅格因为是浮动布局，所以要对每个栅格进行清除浮动，以免高度塌陷。
HTML5：离线存储
通过离线存储，我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中，这样即使在离线的情况下，用户也可以正常使用。
使用方法：
在页面头部像下面一样加入一个manifest的属性就可以。
<!DOCTYPE HTML>
<html manifest = "cache.manifest">
...
</html>
cache.manifest文件的书写
CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html5/ /offline.html
上面的 manifest 文件列出了三个资源：一个 CSS 文件，一个 GIF 图像，以及一个 JavaScript 文件。当 manifest 文件加载后，浏览器会从网站的根目录下载这三个文件。然后，无论用户何时与因特网断开连接，这些资源依然是可用的。
NETWORK 小节规定文件 "login.asp" 永远不会被缓存，且离线时是不可用的。但是如果在CACHE和NETWORK中有一个相同的资源，那么这个资源还是会被离线存储，CACHE的优先级更高。
FALLBACK 小节规定如果无法建立因特网连接，则用 "offline.html" 替代 /html5/ 目录中的所有文件。
进度：task12
任务总结：
任务名称：CSS=TASK12
成果链接：https://tinklegcy.github.io/css1/task12/hugong.html
任务耗时：2018/8/8-2018/8/8，1天，无延期
技能脑图：
个人脑图：
官方脑图：
任务总结：
- 任务进度符合预期，无延期
- 脑图对比分析
- 任务十二是使用scss对任务五和六的两个页面进行重构，基本没有遇到太多的问题，在做这个任务的过程之中，又对sass的基础知识理解更深了。重点在于代码的规范问题。
- 1、那种规范才是最好的规范？
- 符合web标准,语义化html,结构表现行为分离,兼容性优良；页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度。简而言之：不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。这样的规范可以称为好的规范。
- 2、开发过程中应该遵守哪些编码规范和class命名规范？
- （1）代码又臭又长：应尽可能提高代码模块的复用，样式尽量用组合的方式。
- （2）单位使用不规范：往往没有去掉小数点前的“0”。
- （3）16进制颜色代码通常都使用了全称，有些颜色代码是可以缩写的，能缩写的就尽量缩写，提高用户体验为主。
- （4）为选择器命名不规范：当使用长名称或词组命名时，可以使用中横线划分开来为选择器命名。
- 其实还有很多，但常犯的错误写了一下
返回列表
评论