写这篇文章的目的就是对自己半年来的学习成功进行以下梳理, 文采有限. 争取做到结构明朗, 语言合理吧. 本篇主要以梳理为主, 具体知识点后续会写.
web 前端的整体概念
html: 搭建结构
CSS: 美化页面(布局)
JavaScript: 实现动态的效果
第一阶段
HTML CSS 的学习
HTML
HTML 看似简单, 其实很重要. 因为 HTML 的结构关系着后期 JS 如何操作, 好的结构会节省很多时间和代码. 学习 HTML 建议多看主流网站的 HTML 结构, 会学到很多东西.
标签
常用 HTML 标签
布局标签(div span)
标题标签
列表标签
文字相关标签
表格标签
表单标签
标签按自身属性的分类
块级标签(特点 / 包含哪些标签)
行内标签(特点 / 包含哪些标签)
行内块级元素(特点 / 包含哪些标签)
一定要深入的理解行内元素和块级元素, 关系到用 CSS 布局时, 我们如何合理有效的根据心中所想, 元素就往哪去的目的.
标签语义化
好处与作用
- :hover{
- };// 鼠标经过时的样式
- :active{
- };// 鼠标点击时的效果, 多用在 a 标签上
- :focus{
- };// 获得焦点时的样式, 多用在表单元素
- :checked{
- };// 选中时的样式, 用在 radio 和 checkbox
- alert
- open
- setTimeout
- setInterval
- jQuery(会用, 不能说熟练, 主要是对一些 API 不够熟悉. 多练习吧)
- Less(CSS 预编译器)
- Bootstrap
- zepto
- swiper
来源: http://www.qdfuns.com/article/51117/60426e9bb616217682845eb8998e0fa6.html