一棉饶、H5
0笨蚁、相關(guān)資料和鏈接:
http://www.w3school.com.cn/html5/
http://www.runoob.com/html/html-tutorial.html
http://learn.shayhowe.com/html-css/
JavaScript 權(quán)威指南 H5章節(jié)
1撑蒜、什么是H5?
HTML最新的修訂版本次慢, 2014年10月由W3C完成標(biāo)準(zhǔn)制定
在開頭直接使用
2、<!DOCTYPE HTML>
位于標(biāo)簽之前碉咆,告知瀏覽器使用了哪種HTML版本HTML最新的修訂版本, 2014年10月由W3C完成標(biāo)準(zhǔn)制定
HTML4.01 需要聲明引用DTD(文檔類型聲明)蛀恩,因?yàn)?HTML 4.01 是基于 SGML Standard Generalized Markup Language , 確保了瀏覽器能夠正確的渲染內(nèi)容疫铜。
HTML4.01三種模式 Strict、Transitional 和 Frameset Strict: 包括HTML元素和屬性双谆,不包括過(guò)時(shí)元素壳咕,框架集不行 Transitional : 框架集不行 Frameset /
HTML5 不基于SGML, 不需要DTD
3、H5新特性
-Canvas SVG
-Audio, Video
-LocalStorage, SessionStorage
-WebSocket
-客戶端數(shù)據(jù)庫(kù)
-History
-Work Thread
-地理位置信息
-新增元素 article顽馋、footer谓厘、header、nav寸谜、section
-新的表單控件和輸入類型驗(yàn)證竟稳,比如 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、文件系統(tǒng)
12咳胃、離線緩存
二植康、CSS
相關(guān)鏈接和資料:
精通CSS
1、CSS盒子模型
2展懈、選擇器
3销睁、CSS3新特性
4、FlexBox 很好使用存崖,基本上能應(yīng)用各種場(chǎng)景做出各種布局冻记。
見博客http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
三、JavaScipt
相關(guān)資料和文檔:
http://www.runoob.com/html/html-tutorial.html
JavaScript高級(jí)程序設(shè)計(jì)
JavaScript權(quán)威指南
JavaScript設(shè)計(jì)模式
四来惧、ECMAScript
更詳細(xì)的參看:
http://www.atatech.org/articles/58286ES6 你可能不知道的事 - 基礎(chǔ)篇
五冗栗、node.js
六、環(huán)境和工具
http://www.reibang.com/p/61c4f94643c0
七供搀、鏈接集合
1隅居、前端相關(guān)
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相關(guān)博客
ECMAScript6 入門
JavaScript密碼花園
http://bonsaiden.github.io/JavaScript-Garden/zh/
前端培訓(xùn)
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
無(wú)線web開發(fā)指南