Front-end study notes
- Overview of front-end development
- The HTML
2.1. HTML overview and basic structure
2.2. Html title tag
2.3. Html paragraph tag, newline tag character entity
2.4. Html block label, containing style tag
2.5. Html image tag, the absolute and relative paths
2.6. Html link label
2.7. html list tags
2.8. html form
2.9. html table
2.10. page layout overview
2.11. table layout and examples - CSS
3.1. CSS basic grammar and page references
3.2. Css text settings
3.3. Css color representation
3.4. Css selectors
3.5. Css box model
3.6. The actual size of the box model
3.7. The box model tips and related issues
3.8. Css element overflow
3.9 the block elements, inline elements, inline block elements
3.10 floating
3.11 positioning
3.12. background attribute
3.13. example characterized layout class - Photoshop
4.1. 常用图片格式
4.2. photoshop常用图片处理技巧
4.3. ps效果图制作实例
4.4. photoshop批量切图技巧
4.5. Photoshop制作雪碧图技巧 - 前端页面开发流程
- HTML5与CSS3
6.1. CSS权重
6.2. CSS3新增选择器
6.3. CSS3圆角、rgba
6.4. CSS3 transition动画
6.5. CSS3 transform变换
6.6. CSS3 animation动画
6.7. CSS3浏览器前缀
6.8. HTML5新增标签
6.9. HTML5 新增表单控件 - 移动端页面开发
7.1. 移动端与PC端页面布局区别
7.2. 适配布局类型
7.3. 移动端布局实例 - 常用css列表
- JavaScript
9.1. JavaScript介绍
9.2. JavaScript嵌入页面的方式
9.3. 变量
9.4. 获取元素方法一
9.5. 操作元素属性
9.6. 函数
9.7. 条件语句
9.8. 数组及操作方法
9.9. 循环语句
9.10. 获取元素方法二
9.11. Javascript组成
9.12. 字符串处理方法
9.13. 类型转换
9.14. 调试程序的方法
9.15. 定时器
9.16. 变量作用域
9.17. 封闭函数
9.18. 常用内置对象 - JQuery
10.1. JQuery Introduction
10.2. Jquery load
10.3. Jquery selector
10.4. Jquery style operations
10.5. Binding click event
10.6. Jquery special effects
10.7. Jquery chained calls
10.8. Jquery animation
10.9 related to the size, scroll events
10.10. Jquery attribute operations
10.11. jquery cycle
10.12. jquery event
10.13. bubbling event
10.14 event delegate
10.15. jquery element node operation
10.16 wheel event and a function of the throttle
10.17. JSON
10.18. Ajax and JSONP
10.19. local store
10.20. jqueryUI - End mobile libraries and frameworks
11.1. Js mobile terminal event
11.2. Zepto
11.3. Swiper
11.4. Bootstrap - Regular Expressions
- Front-end optimization