Weex技术工具箱
教程链接汇总
| 技术 | 教程链接 |
|---|---|
| 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教程(手册网) | 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官网 | 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是用来制作网页的标记语言
HTML是Hypertext Markup Language的英文缩写, 即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏 HTML语言是一种标记语言,不需要编译,直接由浏览器执行
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。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制，让网页按您的美工设计布局的更加美观漂亮。
CSS教程链接 http://www.w3school.com.cn/css/index.asp
Sass简介
Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好， 同时也让你能够快速开始小型项目， 特别是在搭配 Compass 样式库一同使用时。
Sass教程链接https://www.sass.hk/docs/
Javascript简介
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
Javascript教程(w3school) http://www.w3school.com.cn/js/
Javascript教程(手册网) http://www.shouce.ren/api/view/a/13856
HTML、CSS和JavaScript的关系
学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：
- HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
- CSS样式是表现(外观控制)。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
- JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
ECMAScript 6简介
ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
ES6入门教程链接 http://es6.ruanyifeng.com/#docs/intro
Babel简介
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
Babel教程链接 http://www.ruanyifeng.com/blog/2016/01/babel.html
Webpack简介
Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到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是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpack可以替代Gulp/Grunt类的工具。
Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，这个工具之后可以自动替你完成这些任务。
Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个浏览器可识别的JavaScript文件。
Vue简介
Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动
Vue教程链接https://cn.vuejs.org/v2/guide/
vue-router2简介
路由设置，用于设置页面跳转时的路径设置
用 Vue.js + vue-router 创建单页应用。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们
vue-router2教程:http://router.vuejs.org/zh-cn/essentials/getting-started.html
weex简介
Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。
Weex官网链接:http://weex.apache.org/cn/guide/
Weex官方Demo:https://github.com/apache/incubator-weex
weexpack简介
weexpack 是新一代的weex应用工程和插件工程开发套件，是基于weex快速搭建应用原型的利器。它能够帮助开发者通过命令行创建weex应用工程和插件工程，快速打包 weex 应用并安装到手机运行，对于具有分享精神的开发者而言还能够创建weex插件模版并发布插件到weex应用市场。 使用weexpack 能够方便的在在weex工程和native工程中安装插件。
weexpack教程(github) https://github.com/weexteam/weex-pack
Weex-Toolkit简介
一个 Weex 官方命令行工具，它能够帮助进行项目开发时候的预览，调试等工作。
Weex-Toolkit官方链接:https://github.com/weexteam/weex-toolkit/blob/dev/README-zh.md