VUE前端框架

Vue 入门实战项目——知乎日报

这是一个基于 Vue 全家桶开发的知乎日报 WebApp，页面样式主要参考 iOS 版知乎日报 APP

Vue 超大数据列表解决方案 vue-recyclerview 开源

Vue 超大数据列表解决方案 vue-recyclerview 开源，动态布局 + 自动回收解决移动端中大数据量列表的性能瓶颈。

史上最详细VUE2.0全套demo讲解 基础1（模板语法）

做者 : 混元霹雳手 ziksang 一开始在vue1.0的时候我就开始关注掘金的vue专栏，可是一直给我一种感觉，真正能静下心来给读者写好每个细讲，每个讲解点，我以为是最重要的，虽然我没有什么能力给你们带来像iview,mint ui等一系列大牛的基础vue带来的ui框架…

Vue 图片上传组件

自适应、支持预览、拖拽

[[持续更新] VueConf 大会现场笔记](https://juejin.im/entry/591fa...

活动很赞，人不少，氛围很是好！ 1、Vue 2017 现状与发展 By 尤雨溪 Evan You @ Vue 起源 2013 年 6 月：First Commit (Seed) 2013 年 12 月：第一次将项目名字 Vue 2014 年 2 月：第一次公开发布 Hacker…

史上最详细 VUE2.0 全套 demo 讲解 基础 5（class 与 style 绑定）

做者 ： 混元霹雳手 - Ziksang 在我即将在分享的专题里我现发一个问题，本来对于 class 和 style 的绑定我不想分享的，我以为没多大意义，可是我错了，你别看一个小小的 class 和 style 绑定，用的好和用的差区别很大，特别在一些组件中的样式提取分离中很重要，在本身的页…

【Vue 源码探究二】从 $mount 讲起，一块儿探究 Vue 的渲染机制

探究 Vue 的渲染机制，并寻找 api 与源码的对应

包学会之浅入浅出 Vue.js：开学篇

2016 年，乃至接下来整个 2017 年，若是你要问前端技术框架什么最火，那无疑就是前端三巨头：React、Angular、Vue。本系列文将会经过不少一目了然的例子和一个实战项目——组件库，来帮助你们学习 Vue。

微信小程序中用户登陆和登陆态维护

让用户登陆，标识用户和获取用户信息，以用户为核心提供服务，是大部分小程序都会作的事情。咱们今天就来了解下在小程序中，如何作用户登陆，以及如何去维护这个登陆后的会话 (Session) 状态。

史上最详细 VUE2.0 全套 demo 讲解 基础3（计算属性）

做者 混元霹雳手-Ziksang 二天基础1+基础2忽然突破了1000的收藏率，这使我更以为你们承认我这种分享模式，这也看的出来vue的热度，我在这段时间的分享中，我一直脑海里在转，如何用最好的demo，和更好的流程去写文章，我相信从基础1开始看，必定能在工做上面有不少大的收获…

技术 | Vue2.0 实践，顺手撸了一个小项目

Vue2.0 实践

史上最详细 VUE2.0 全套 demo 讲解 基础4（条件渲染）

做者 ： 混元霹雳手 - Ziksang 三篇基础发布以后，收到最多的就是谢谢楼主，其次的就是错别字有点多，这篇我确定写完以后读三遍，如今已是夜里2点了，若是还有没有发现你们就容忍一下，此次我将要讲的是条件渲染，对于条件渲染我以为思来思去真没有什么好写的，可是既然我说过了这个…

VueJS 开发常见问题集锦

主要写一些 官方手册 上没有写，可是实际开发中会遇到的问题，须要必定知识基础。

vue 的双向绑定原理及实现

vue 的双向绑定原理及实现

2017 百度前端技术学院——vue 源码分析之动态数据绑定一

简单分析 vue 源码的动态数据绑定

实例 - Vue 单页应用：记事本

请各位读者添加一下做者的微信公众号，之后有新的文章，将在微信公众号直接推送给各位，很是感谢。 0.前言 若文章中存在内容没法加载的状况，请移步做者其余博客。 简书 CSDN 最近在看 Vue 的时候，别人给我安利了一个国外的小案例，经过 Vue 和 Vuex 来实现一个记事本。…

写个 vue-loading-template 组件

趁着5.1来临之际，告诉大家一个好消息： demo: https://jkchao.github.io/vue-... 源码(star ? start : start)：https://github.com/jkchao/vue... 组件支持：自定义typ…

记一次 Vue 项目的重构

开始对代码结构和业务的理解而引发的重构优化之路。

Vue2.0 之写一个本身的组件

最近在研究 vue 2.0，看了不少组件库，当需求不少的时候，一个或两个组件库可能不可以知足咱们的需求，本身可以手写一个组件的能力颇有必要。看了官网和几个教程，发现写的不是使人满意，我决定写一份简单明了的教程，但愿对你有帮助。

vue 父子间通讯方式

这里介绍三种方式

探索 vue-spa 全家桶项目,解析配置,目录结构,路由以及状态管理的实现,附源码

1.简介 项目是一个简单的权限管理页面,分为3个页面, 首页,帐户中心,登陆页 经过vue-router 对于路由作权限控制, 首页无需登陆,跳转帐户中心会自动检索是否登陆, 登陆以后首页的登陆按钮变为退出按钮, 页面之间的的状态管理所有经过vuex进行管理 项目演示 项目用到的…

Vue-cli 图文视频教程

Vue-cli 的图文视频教程，就是你能够看文字版教程，但你觉的看不明白，你能够看视频。视频内容和图文教程的内容是同样的，只是操做步骤更加清晰。本教程 Vue2.0 进阶必备。

Vue 2.0 起步 (3) 数据流 vuex 和 LocalStorage 实例 - 微信公众号 RSS

本文给咱们的应用 - “简读 - 微信公众号 RSS”，添加搜索、订阅、取消公众号功能，以及实现本地数据持久化。转载自：http://www.jianshu.com/p/fb75...

CSS 常见布局解决方案

提及 css 布局，那么必定得聊聊盒模型，清除浮动，position，display 什么的，但本篇本不是讲这些基础知识的，而是给出各类布局的解决方案。

包学会之浅入浅出 Vue.js：结业篇

本文为包学会 Vue 系列文的最后一篇，本文学习事后，不是说咱们就可以懂得 Vue.js，而是做为 Vue 思想中较为重要的部分咱们已经都掌握了，那么回头去看 Vue 的官方文档和剩下的 API，相信会有一种突然间任督二脉被打通了的感受吧。

Vue 2.0 起步 (4-2) 轻量级后端 Flask 用户认证 - 微信公众号 RSS

经过 Flask-Security 同时管理 token 和 session。

vue 全家桶 SPA 先后分离的图文多人 blog 系统

前端 VUE 全家桶，后端使用 express+mongoose，前端 ui 组件本身手撸。

Vue 单元测试 case 写法

书接上文，karma+webpack 搭建 vue 单元测试环境介绍了 vue 单元测试环境搭建及查看源文件的测试覆盖覆盖率。今天来讲一下 vue 单元测试思路和 case 的写法。测试框架使用 jasmine，语法参考。

Vue.js 2.0 源码解析以前端渲染篇

Vue.js 框架是目前比较火的 MVVM 框架之一，简单易上手的学习曲线，友好的官方文档，配套的构建工具，让 Vue.js 在 2016 大放异彩，大有赶超 React 之势。前不久 Vue.js 2.0 正式版已出，在体积优化（相比 1.0 减小了 50%）、性能提高（相比 1.0 提高 60%）、API 优化等各方面都更上一层楼。

vue 仿 163musicPC 端 (支持pc端经常使用功能)

vue-163-music(网易云音乐 web 版)，用 vue 仿写 163 音乐客户端版。

原计划仿写完全部页面，碍于网易的接口 API 有限，实现页面也有限。

不推荐手机端访问。

页面高度为 670px，1366 X 768 分辨率及其如下按 F11 全屏浏览效果更佳

Github 项目地址: https://github.com/ShanaMaid/...

欢迎 issue，pr，star or follow！我将继续开源更多有趣的项目

karma+webpack 搭建 vue 单元测试环境

最近作了一次关于 vue 组件自动化测试的分享，如今将 vue 组件单元测试环境搭建过程整理一下。此次搭建的测试环境和开发环境隔离，因此理论上适用全部使用 vue 的开发环境。

史上最详细VUE2.0全套demo讲解 基础2（列表渲染）

做者 ：混元霹雳手-Ziksang 在基础1发布以后，我真心发现，根据api进一步分析，再结合工做中的实际demo给你们讲解以后，大清早就收获了平均一分种一个喜欢，这使我很欣慰，本身的努力没有白费，我决心称热打铁立刻出击，打造基础2，在基础上的部分我将给你们讲解列表渲染 v-f…

Vue.js 学习系列二 —— vuex 学习实践笔记（附 DEMO）

本文介绍了做者在学习 vuex 过程当中所获的经验，用简洁的语言解释 vuex 的用法

用 Vue 实现带 Dom 回收功能的无尽滚动列表组件

Complexities of an Infinite Scroller 文中例子的 vue 实现

vue-router 图文视频教程

全面解读 vue-router 的用法，按部就班让你一步步学会 vue-router。

基于 VUE 的 markdown 文本编辑器

现阶段，随着 markdown 的普及，之前的富文本编辑器组件被替代，一款简洁的编辑器可让本身的写做变得心情愉悦。于此同时，VUE 大?，因此贡献出一款简洁的 markdown 编辑器给你们，但愿喜欢。本组件也适合 VUE 新手学习组件化开发，组件间传值，sass, 光标获取等知识点。

Vue.js 插件开发

相对组件以及 UI 类 demo 来讲，Vue 的插件开发受到的关注要少一点。可是插件的功能是十分强大的，可以完成许多 Vue 框架自己不具有的功能。中文社区里这方面的文章貌似比较少点，看了一篇比较好的，分享给你们:

3-vuejs2.0 实战：仿豆瓣 app 项目，建立 Swipe 图片轮播组件

swipe 图片轮播无论是在 pc 端，仍是移动端都是常见的效果，在这一章将用开源插件 swiper 完成一个比较简单的 swipe 循环轮播组件

Vue.js 学习系列四——Webpack 学习实践

要想学好 Vue 组件化开发，必先对 webpack 有充分的了解。

《京东E维》基于VUE+Webpack的单页面实践

本篇文章和你们聊一聊咱们近期的项目——京东E维平台，这是一个专门为运维工程师设计的工单处理系统。它所要肩负的任务是，针对公司内部全部员工在办公时遇到的有关计算机、网络、软件方面等问题，经过E维平台发起问题上报请求。工程师经过该系统能够根据上报工单的紧急程度进行抢单、解决事件单、…

VueJS 组件编码规范

VueJS 组件编写规范，组件编写，从规范开始。

Vue2.0进阶组件篇1 教你秒撸（短信倒计时组件）

做者 混元霹雳手-ziksang 本来我想隔个几天再发文章，恰好今天项目上线，环境有问题，致使只有干等，恰好要为公司打造一套属于公司本身的一系列功能组件，这个使命就交给我了，你们也一直叫我来点干货，说实话我只是一个湿货，肚子里干一点就给大家出点货，那从今天开始不看岛国片系列教程…

包学会之浅入浅出 Vue.js：升学篇

本篇章咱们将经过从无到有构建一个组件库，来了解 Vue 中组件化思惟的具体应用，上一篇《包学会之浅入浅出 Vue.js：开学篇》已经带你们初步了解 Vue 了，有了一点储备知识，咱们就能够扬帆起航了。

Vue 2.0 起步 (4) 轻量级后端 Flask 用户认证 - 微信公众号 RSS

本文介绍了使用 flask 进行后端用户注册认证的过程。转载自：http://www.jianshu.com/p/b12d...

Vue.js 插件开发详解

前言 随着 Vue.js 愈来愈火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。好比官方推荐的 vue-router、vuex 等，都是很是优秀的插件。可是咱们更多的人还只停留在使用的阶段，比较少本身开发。因此接下来会经过一个简单的 vue-toast 插件，来了解…

1-vuejs2.0 实战：仿豆瓣 app 项目，建立自定义组件 tabbar

用 vue2.0 实现仿豆瓣 app，将用到 vue-router+webpack+axios+vuex

vue 的 Virtual Dom 实现 - snabbdom 解密

vue 的 Virtual Dom 实现 - snabbdom 解密

聊聊 Vue.js 组件间通讯

由于对Vue.js很感兴趣，并且平时工做的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并作了总结与输出。 文章的原地址：https://github.com/answershut...。 在学习过程当中，为Vue加上了中文的注释http…

Vue2.0 探索之路——vuex 入门教程和思考

一个简洁明了的 vuex 入门学习

从零搭建 vue2+vue-router2+webpack2 工程

适合新手，vue-cli 能够很方便的初始化一个工程，可是若是想本身动手从零搭建一个工程该如何开始？这篇博客提供了很是详细的步骤。

Vue.js 富文本编辑器

A wysiwyg editor written in Vue.js and Vuex.js, only support Vue.js 2.x.x

动手实现一个日期选择器 Datepicker-Vue.2x

看过了五花八门的日期选择器，为什么不本身亲手实现一个呢

打造 Vue.js 可复用组件

从维护视图到维护数据，Vue.js 让咱们快速地开发应用。但随着业务代码日益庞大，组件也愈来愈多，组件逻辑耦合严重，使代码维护变得十分困难。

同时，Vue.js 的接口和语法十分自由，实现同一功能有若干种方法。每一个人解决问题的思路不同，写出来的代码也就不同，缺少团队内的规范。

本文旨在从组件开发的不一样方面列举出合理的解决方法，做为创建组件规范的一个参考。

vue-router 实现分析

vue-router 是 Vue.js 官方的路由库，本着学习的目的，我对 vue-router 的源码进行了阅读和分析，分享出来给其余感兴趣的同窗作个参考吧。

Vue2.0 进阶组件篇 3 值得一看的（Toast 组件）

做者 混元霹雳手 - ziksang 如今发觉睡觉的时间愈来愈少，项目愈来愈多，组件越写越停不下来，由于过段时间要作一个技术分享，还有不少赶着急的项目等着我，今天不睡觉也要把这个教程写完分享给你们，若是你们想参加个人技术分享请用微信打开个人分享会，欢迎你们收听 http://gitb…

Vue.js 学习系列三——axios 学习实践

本文介绍了 Vue 推荐网络通信库 axios 的使用

Vue2.0 全家桶项目实用代码片断

vue 项目中实用代码片断，欢迎补充。

Vue 2.0 起步 (2) 组件及 vue-router 实例 - 微信公众号 RSS

本文经过实例搭架一个 SPA 应用 - “简读 - 微信公众号 RSS”。转载自简书。

原来你是这样的 Vue

一个新手司机眼里的 Vue

Vue.js 学习系列一 —— vue-router2 学习实践笔记（附 DEMO）

记录了做者在学习 vue-router 过程当中的经验，并附带学习 demo。

Vue 2.0 起步 (5) 订阅列表上传和下载 - 微信公众号 RSS

用户在本地搜索、订阅了公众号之后，能够方便地上传订阅列表到服务器上。本文讲述如何进行上传和下载。

Vue.js 动画在项目使用的两个示例

vue.js 在 2016 年大放异彩，咱们 Qlippie 直播平台进来使用 vue.js 开发了一些页面，效果拔群，在这里跟你们分享在项目中用 vue.js 开发的两个动画示例，也欢迎你们多多交流。

Vuejs 心法和技法

vue

Vue 二维码生成器, 赢一手支持彩色背景和彩色实点

Awesome-qr.js 的 Vue 版本

Vue 2.0 起步 (1) 脚手架工具 vue-cli + Webstorm 2016 + webpack

本文从头开始介绍了 Vue2.0 的环境搭建。从这篇文章开始，我会转载一个系列的 Vue 实例学习文章。