Weex技術(shù)工具箱
教程鏈接匯總
| 技術(shù) | 教程鏈接 |
|---|---|
| HTML | http://www.w3school.com.cn/html/index.asp |
| CSS | http://www.w3school.com.cn/css/index.asp |
| SASS | https://www.sass.hk/docs/ |
| Javascript教程(w3school) | http://www.w3school.com.cn/js/ |
| Javascript教程(手冊網(wǎng)) | http://www.shouce.ren/api/view/a/13856 |
| ES6入門教程 | http://es6.ruanyifeng.com/#docs/intro |
| Babel教程 | http://www.ruanyifeng.com/blog/2016/01/babel.html |
| webpack(2.2)教程 | http://www.shouce.ren/api/view/a/13313 |
| webpack官方教程 | https://doc.webpack-china.org/guides/ |
| Vue教程 | https://cn.vuejs.org/v2/guide/ |
| vue-router2教程 | http://router.vuejs.org/zh-cn/essentials/getting-started.html |
| Weex官網(wǎng) | http://weex.apache.org/cn/guide/ |
| Weex官方Demo | https://github.com/apache/incubator-weex |
| weexpack教程(github) | https://github.com/weexteam/weex-pack |
| Weex-Toolkit | https://github.com/weexteam/weex-toolkit/blob/dev/README-zh.md |
HTML簡介
HTML是用來制作網(wǎng)頁的標記語言
HTML是Hypertext Markup Language的英文縮寫, 即超文本標記語言
HTML語言是一種標記語言,不需要編譯,直接由瀏 HTML語言是一種標記語言,不需要編譯,直接由瀏覽器執(zhí)行
HTML文件是一個文本文件,包含了一些HTML元素, HTML文件是一個文本文件,包含了一些HTML元素,標簽等.
HTML文件必須使用html或htm為文件名后綴
HTML是大小寫不敏感的,HTML與html是一樣的
HTML教程鏈接 http://www.w3school.com.cn/html/index.asp
CSS簡介
CSS全稱為Cascading Style Sheets，中文翻譯為“層疊樣式表”颖侄，簡稱CSS樣式表，所以稱之為層疊樣式表（Cascading Stylesheet）簡稱CSS孝鹊。在網(wǎng)頁制作時采用CSS技術(shù)展蒂，可以有效地對頁面的布局锰悼、字體、顏色耐薯、背景和其它效果實現(xiàn)更加精確的控制丝里。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分复斥，或者頁數(shù)不同的網(wǎng)頁的外觀和格式械媒。
CSS具有對網(wǎng)頁的布局纷捞、顏色、背景主儡、寬度糜值、高度、字體進行控制病往，讓網(wǎng)頁按您的美工設(shè)計布局的更加美觀漂亮骄瓣。
CSS教程鏈接 http://www.w3school.com.cn/css/index.asp
Sass簡介
Sass 是對 CSS 的擴展，讓 CSS 語言更強大畔勤、優(yōu)雅。 它允許你使用變量式曲、嵌套規(guī)則缸榛、 mixins、導(dǎo)入等眾多功能， 并且完全兼容 CSS 語法起暮。 Sass 有助于保持大型樣式表結(jié)構(gòu)良好会烙， 同時也讓你能夠快速開始小型項目， 特別是在搭配 Compass 樣式庫一同使用時纸厉。
Sass教程鏈接https://www.sass.hk/docs/
Javascript簡介
JavaScript一種直譯式腳本語言颗品，是一種動態(tài)類型沃缘、弱類型、基于原型的語言锄蹂，內(nèi)置支持類型水慨。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分朝抖，廣泛用于客戶端的腳本語言谍珊，最早是在HTML（標準通用標記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能缆巧。
Javascript教程(w3school) http://www.w3school.com.cn/js/
Javascript教程(手冊網(wǎng)) http://www.shouce.ren/api/view/a/13856
HTML豌拙、CSS和JavaScript的關(guān)系
學(xué)習(xí)web前端開發(fā)基礎(chǔ)技術(shù)需要掌握：HTML、CSS捉超、JavaScript語言唯绍。下面我們就來了解下這三門技術(shù)都是用來實現(xiàn)什么的：
- HTML是網(wǎng)頁內(nèi)容的載體况芒。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字耐版、圖片压汪、視頻等。
- CSS樣式是表現(xiàn)(外觀控制)腺阳。就像網(wǎng)頁的外衣穿香。比如扔水，標題字體、顏色變化主届，或為標題加入背景圖片待德、邊框等。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)绘闷。
- JavaScript是用來實現(xiàn)網(wǎng)頁上的特效效果。如：鼠標滑過彈出下拉菜單扒最“扇ぃ或鼠標滑過表格的背景顏色改變耙厚。還有焦點新聞（新聞圖片）的輪換「┎常可以這么理解型宝，有動畫的诡曙，有交互的一般都是用JavaScript來實現(xiàn)的略水。
ECMAScript 6簡介
ECMAScript 6.0（簡稱 ES6）是 JavaScript 語言的下一代標準，已經(jīng)在2015年6月正式發(fā)布了慎璧。它的目標跨释，是使得 JavaScript 語言可以用來編寫復(fù)雜的大型應(yīng)用程序鳖谈，成為企業(yè)級開發(fā)語言。
ES6入門教程鏈接 http://es6.ruanyifeng.com/#docs/intro
Babel簡介
Babel是一個廣泛使用的轉(zhuǎn)碼器捷绒，可以將ES6代碼轉(zhuǎn)為ES5代碼贯要，從而在現(xiàn)有環(huán)境執(zhí)行崇渗。
Babel教程鏈接 http://www.ruanyifeng.com/blog/2016/01/babel.html
Webpack簡介
Webpack是當(dāng)下最熱門的前端資源模塊化管理和打包工具京郑。它可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產(chǎn)環(huán)境部署的前端資源些举。還可以將按需加載的模塊進行代碼分隔挖息，等到實際需要的時候再異步加載。通過 loader 的轉(zhuǎn)換绪抛，任何形式的資源都可以視作模塊幢码，比如 CommonJs 模塊尖飞、 AMD 模塊、 ES6 模塊贞铣、CSS沮明、圖片荐健、 JSON、Coffeescript纺酸、 LESS 等
WebPack可以看做是模塊打包機：它做的事情是址否，分析你的項目結(jié)構(gòu)佑附，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等）啄骇，并將其打包為合適的格式以供瀏覽器使用瘟斜。
webpack(2.2)教程鏈接http://www.shouce.ren/api/view/a/13313
webpack官方教程鏈接:https://doc.webpack-china.org/guides/
Webpack和Grunt以及Gulp相比有什么特性
其實Webpack和另外兩個并沒有太多的可比性，Gulp/Grunt是一種能夠優(yōu)化前端的開發(fā)流程的工具橡类，而WebPack是一種模塊化的解決方案芽唇，不過Webpack的優(yōu)點使得Webpack可以替代Gulp/Grunt類的工具匆笤。
Grunt和Gulp的工作方式是：在一個配置文件中，指明對某些文件進行類似編譯庶诡，組合咆课，壓縮等任務(wù)的具體步驟书蚪，這個工具之后可以自動替你完成這些任務(wù)。
Webpack的工作方式是：把你的項目當(dāng)做一個整體晴玖，通過一個給定的主文件（如：index.js）窜醉，Webpack將從這個文件開始找到你的項目的所有依賴文件艺谆，使用loaders處理它們拜英，最后打包為一個瀏覽器可識別的JavaScript文件居凶。
Vue簡介
Vue.js（讀音 /vju?/，類似于 view） 是一套構(gòu)建用戶界面的漸進式框架抹估。與其他重量級框架不同的是弄兜，Vue 采用自底向上增量開發(fā)的設(shè)計。Vue 的核心庫只關(guān)注視圖層贸典，它不僅易于上手踱卵，還便于與第三方庫或既有項目整合惋砂。另一方面，當(dāng)與單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫結(jié)合使用時饥漫，Vue 也完全能夠為復(fù)雜的單頁應(yīng)用程序提供驅(qū)動
Vue教程鏈接https://cn.vuejs.org/v2/guide/
vue-router2簡介
路由設(shè)置，用于設(shè)置頁面跳轉(zhuǎn)時的路徑設(shè)置
用 Vue.js + vue-router 創(chuàng)建單頁應(yīng)用罗标。使用 Vue.js 庸队，我們已經(jīng)可以通過組合組件來組成應(yīng)用程序，當(dāng)你要把 vue-router 添加進來闯割，我們需要做的是彻消，將組件(components)映射到路由(routes)，然后告訴 vue-router 在哪里渲染它們
vue-router2教程:http://router.vuejs.org/zh-cn/essentials/getting-started.html
weex簡介
Weex 是一套簡單易用的跨平臺開發(fā)方案宙拉，能以 web 的開發(fā)體驗構(gòu)建高性能宾尚、可擴展的 native 應(yīng)用，為了做到這些谢澈，Weex 與 Vue 合作煌贴，使用 Vue 作為上層框架锥忿，并遵循 W3C 標準實現(xiàn)了統(tǒng)一的 JSEngine 和 DOM API牛郑，這樣一來，你甚至可以使用其他框架驅(qū)動 Weex敬鬓，打造三端一致的 native 應(yīng)用淹朋。
Weex官網(wǎng)鏈接:http://weex.apache.org/cn/guide/
Weex官方Demo:https://github.com/apache/incubator-weex
weexpack簡介
weexpack 是新一代的weex應(yīng)用工程和插件工程開發(fā)套件，是基于weex快速搭建應(yīng)用原型的利器钉答。它能夠幫助開發(fā)者通過命令行創(chuàng)建weex應(yīng)用工程和插件工程础芍，快速打包 weex 應(yīng)用并安裝到手機運行，對于具有分享精神的開發(fā)者而言還能夠創(chuàng)建weex插件模版并發(fā)布插件到weex應(yīng)用市場数尿。 使用weexpack 能夠方便的在在weex工程和native工程中安裝插件仑性。
weexpack教程(github) https://github.com/weexteam/weex-pack
Weex-Toolkit簡介
一個 Weex 官方命令行工具，它能夠幫助進行項目開發(fā)時候的預(yù)覽右蹦，調(diào)試等工作诊杆。
Weex-Toolkit官方鏈接:https://github.com/weexteam/weex-toolkit/blob/dev/README-zh.md
