发表于: 2017-03-27 21:51:30
3 698
1.第一次写日报,涵盖任务一和任务二。
2.任务一的目标是完成一个最基本的自适应页面。
但是包含的知识点很多,首先是响应式和自适应之间的区别,自适应是使得同一个页面在不同尺寸,不同分辨率的屏幕上有相同的表现,响应式则是根据屏幕的尺寸来改变页面结构,给不同分辨率的屏幕不同的用户体验。
我认为响应式是目前的趋势,因为现在手机种类繁多,包括电脑尺寸也不尽相同,响应式能使各种分辨率下的用户有不同的体验,不必向固定的页面结构妥协。
我认为自适应更适合纯粹的手机页面,比如京东和淘宝的手机端网页,需要给页面宽度设定max-width,强制页面显示为手机页面,这样可以使手机用户用户体验不至于太糟糕,毕竟使用电脑端的自适应页面并不完全适合手机端。
3.实现自适应最终的要素就是,使用相对宽度,相对大小,把宽度高度写死只适用于pc端。使用present可以使页面布局更加灵活,rem则解决了页面重构时需要大量修改的px问题。
4.浮动和盒子模型
float是元素脱离文档流,但可以用父元素的宽度来限制每行漂浮的元素,清除浮动一定使用clearfix方法,用这个准没错!,可以写在base.css中,只使用该类名。
盒子模型是所有页面布局的基础,核心就是(margin+border+padding)*2+width是该区域的真实所占用的width,当然可以强制使用ie下的怪异盒模型来进行手机端布局,因为手机屏幕宽度有限。
5.任务一其余知识点为最基础的知识点。
6.任务二我学会了使用git和svn管理代码,区别就在于svn需要项目组中一个人的电脑作为主机,分配权限,集成代码,而git将代码托管到github上,不使用真实开发电脑作为主机,可以多人创建不同分支同时开发,效率更高,容错率也更高。
但是,我个人认为git更适合开源项目,本地小型开发更适合使用SVN。
7.我学会了使用linux shell命令通过Xshell向远程服务器上传文件,同时申请额一个域名,但是正在实名认证中,通过后我会把域名和服务器绑在一起。
谢谢大佬们观看,辛苦了,第一次写,多包涵,谢谢0.0
评论