Weex技术工具箱

Weex技术工具箱

257861-160401092Z652.jpg

教程链接汇总

技术	教程链接
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语言。下面我们就来了解下这三门技术都是用来实现什么的：

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2. CSS样式是表现(外观控制)。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. 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