js 学习记录(五)11.20总结
2018-11-22 01:15
113 查看
今天继续模仿制作美团网站。目前的阶段还是存粹模仿外形,很多功能还没有实现。目前的进度:导航栏、搜索栏、横幅部分已经完成。
几点总结:
1.总结出来,做网页的过程就是用各种方法实现想要的效果。每个功能都有几种不同的方法,学习的过程就是熟悉这些方法,并且能够识别最好的方法。
2.网页结构分析一定要到位,结构清晰能为后面省不少的事情。比如头部的链接:
刚开始分析的时候,认为这部分是跟上面的搜索栏在同一个盒子中的。然后它的下面才是左中右三个横幅部分。但是在看网页的原来的结构发现,这几个链接是和它下面的图片处在同一个盒子中的。在我目前的认知中,还是觉得我原来的分析会比较方便一点,还不了解他为什么要这样设置。
再比如中间的横幅部分,我一开始直觉地认为分为左中右三部分。后来看了源代码,才了解到分成左右两部分就可以了,更简洁方便。
几个问题:
1.对于relative和absolut两个大部分时候知道怎么用,但是在有的时候还是不知道该用哪个。
2.<p>标签的位置调整还是有些麻烦。比如这里的“HI!你好”会跑到头像上面去,后面用text-
indent和top来调节方位。肯定有更好的方法,目前还没有找到。
3.关于css的写法,目前是横着来写的,为了查找更加方便,写起来也更方便。但是这样遇到一行要写很多样式的时候,要往旁边拉还是很麻烦的。要找到更方便的写法
相关文章推荐
- JavaScript学习记录总结(四)——js函数的特殊性
- JavaScript学习记录总结(六)——js函数闭包特性
- JS权威指南学习记录(1) 包装对象
- js学习总结----不断更新(1)
- [项目过程中所遇到的各种问题记录]学习篇——对工作以来的学习过的开源项目进行总结—动软代码生成工具
- js-数据类型学习总结
- 廖雪峰js教程学习记录——JSON
- js学习记录
- 记录学习的点滴(Js跳转)
- java学习记录(二)static与构造方法的回顾总结
- js学习记录2--匿名函数,函数参数
- js和jquery中循环的退出和继续学习记录
- 前端学习总结(二十一)Vue.js——博采众长的后起之秀
- JS学习总结之基础
- js调试学习总结
- JS正则表达式+---贪婪和非贪婪模式学习总结
- WPF学习总结和记录(九)-Grid仿VS的界面
- 学习记录—yii2页面引入、添加css样式及js特效
- 1111学习记录 js事件冒泡
- NodeJS学习笔记--NodeJS+Express基础概念梳理记录