May
25
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k
2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k
基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。
3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 star 8.3k
4.MUI 最接近原生APP体验的高性能前端框架 star 7.5k
5.Muse-ui 基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k
6.Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。star 1k
7.Cube UI star 3k
滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库
特性
-
质量可靠
由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。
-
体验极致
以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。
-
标准规范
遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。
-
扩展性强
支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发
May
23
学习reactjs的tutorial是看到function(){this.XX }.bind(this);不是很理解。
补充： bind的作用我懂，在这里的写法的目的不太了解
传送门函数
改变this的指向，类似以前大家很喜欢写的var that = this;或者var self = this;
都是一个道理
补充： bind的作用我懂，在这里的写法的目的不太了解
传送门函数
改变this的指向，类似以前大家很喜欢写的var that = this;或者var self = this;
都是一个道理
May
23
有多种方式可以在vue中定义模板组件。我算了一下，至少有7种不同的方法：
字符串（String）
模板字符串（Template literal）
X-Templates
内联（Inline）
Render函数（Render functions）
JSX
单文件组件（Single page components）
当然，可能还有更多方法!
在这篇文章里，我们将会展示每一个方法的示例，分析其优缺点，以便你能明白在特定的情形下，哪种方式是合适的。
1. 字符串
默认情况下，在JS文件里模板会被定义为一个字符串。但是我觉得大家都会同意这种写法很难看懂，它除了有广泛的浏览器支持之外，并没有什么优势。
2. 模板字符串（Template literals）
字符串（String）
模板字符串（Template literal）
X-Templates
内联（Inline）
Render函数（Render functions）
JSX
单文件组件（Single page components）
当然，可能还有更多方法!
在这篇文章里，我们将会展示每一个方法的示例，分析其优缺点，以便你能明白在特定的情形下，哪种方式是合适的。
1. 字符串
默认情况下，在JS文件里模板会被定义为一个字符串。但是我觉得大家都会同意这种写法很难看懂，它除了有广泛的浏览器支持之外，并没有什么优势。
2. 模板字符串（Template literals）
May
21
如果你一脸懵逼，看看下面的 你就开朗了
h作为createElement的别名是一个通用惯例
下面的写法也许会更白话一点
或
或
最后箭头函数缩写得到现在的样子
其中 根据 Vue.js 作者 Even You 的回复，h 的含义如下：
Quotation
It comes from the term "hyperscript", which is commonly used in many virtual-dom implementations. "Hyperscript" itself stands for "script that generates HTML structures" because HTML is the acronym for "hyper-text markup language". 它来自单词 hyperscript，这个单词通常用在 virtual-dom 的实现中。Hyperscript 本身是指 生成HTML 结构的 script 脚本，因为 HTML 是 hyper-text markup language 的缩写（超文本标记语言）
May
13
1. vue-router懒加载定义
当路由被访问的时候才加载对应组件
2. vue-router懒加载作用
当构建的项目比较大的时候，懒加载可以分割代码块，提高页面的初始加载效率。
3. vue-router懒加载实现
第一种写法
第二种写法
第三种写法
备注
当路由被访问的时候才加载对应组件
2. vue-router懒加载作用
当构建的项目比较大的时候，懒加载可以分割代码块，提高页面的初始加载效率。
3. vue-router懒加载实现
第一种写法
第二种写法
第三种写法
备注
May
12
时光不会遗弃努力的人，但也不一定会带努力的人一起快乐的玩耍
好吧，说人话，我遭遇中年危机了
干着平凡枯燥没有前途的工作，拿着刚够养家糊口的薪水，感觉遇到一道瓶颈，等待突破的时刻
…………
好吧，说人话，我遭遇中年危机了
干着平凡枯燥没有前途的工作，拿着刚够养家糊口的薪水，感觉遇到一道瓶颈，等待突破的时刻
…………
May
12
vue模块化开发入门| 从0到1——使用vue.js2.0 + ElementUI开发BS后台管理系统
技术选型：
基于vue2.0脚手架的搭建
elementUI 框架 element-cn.eleme.io/#/zh-CN/com…
vueX状态管理
axios —— http封装+拦截器的使用
vue-router 路由使用
webpack简单配置
ES6语法
inconfont 矢量图应用
https://juejin.im/post/5ae3da516fb9a07a9e4cf7a8?utm_source=gold_browser_extension
技术选型：
基于vue2.0脚手架的搭建
elementUI 框架 element-cn.eleme.io/#/zh-CN/com…
vueX状态管理
axios —— http封装+拦截器的使用
vue-router 路由使用
webpack简单配置
ES6语法
inconfont 矢量图应用
https://juejin.im/post/5ae3da516fb9a07a9e4cf7a8?utm_source=gold_browser_extension
