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 實例學習文章。