一、H5
0、相关资料和链接:
http://www.w3school.com.cn/html5/
http://www.runoob.com/html/html-tutorial.html
http://learn.shayhowe.com/html-css/
JavaScript 权威指南 H5章节
1、什么是H5?
HTML最新的修订版本, 2014年10月由W3C完成标准制定
在开头直接使用
2、<!DOCTYPE HTML>
位于标签之前,告知浏览器使用了哪种HTML版本HTML最新的修订版本, 2014年10月由W3C完成标准制定
HTML4.01 需要声明引用DTD(文档类型声明),因为 HTML 4.01 是基于 SGML Standard Generalized Markup Language , 确保了浏览器能够正确的渲染内容。
HTML4.01三种模式 Strict、Transitional 和 Frameset Strict: 包括HTML元素和属性,不包括过时元素,框架集不行 Transitional : 框架集不行 Frameset /
HTML5 不基于SGML, 不需要DTD
3、H5新特性
-Canvas SVG
-Audio, Video
-LocalStorage, SessionStorage
-WebSocket
-客户端数据库
-History
-Work Thread
-地理位置信息
-新增元素 article、footer、header、nav、section
-新的表单控件和输入类型验证,比如 calendar、date、time、email、url、search
-移除元素 frame,frameset,big,center,font, s,strike,tt,u;
4、Canvas和SVG:
5、Audio和Video
6、地理位置
7、History
8、LocalStorage VS SessionStorage VS Cookie
9、Work Thread
10、Web Socket
11、文件系统
12、离线缓存
二、CSS
相关链接和资料:
精通CSS
1、CSS盒子模型
2、选择器
3、CSS3新特性
4、FlexBox 很好使用,基本上能应用各种场景做出各种布局。
见博客http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
三、JavaScipt
相关资料和文档:
http://www.runoob.com/html/html-tutorial.html
JavaScript高级程序设计
JavaScript权威指南
JavaScript设计模式
四、ECMAScript
更详细的参看:
http://www.atatech.org/articles/58286ES6 你可能不知道的事 - 基础篇
五、node.js
六、环境和工具
http://www.jianshu.com/p/61c4f94643c0
七、链接集合
1、前端相关
webAPI
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/documentElement
W3C
http://www.w3school.com.cn/html5/
菜鸟教程
http://www.runoob.com/html/html-tutorial.html
Learn to Code HTML & CSS
http://learn.shayhowe.com/html-css/
CSS相关博客
ECMAScript6 入门
JavaScript密码花园
http://bonsaiden.github.io/JavaScript-Garden/zh/
前端培训
http://gitlab.alibaba-inc.com/jinjiang.zjj/learning-plan/wikis/web
前端技能汇总
https://github.com/JacksonTian/fks
react-native
http://reactnative.cn/docs/0.28/getting-started.html#content
react
react -webpack
http://fakefish.github.io/react-webpack-cookbook/
week
http://alibaba.github.io/weex/doc/tutorial.html
无线web开发指南