Vuejs案例

基於 Vue2 的中國省/市/區/街道的聯動選擇器

基於 Vue2 和 Element 1.4.7 的中國省市區街道聯動選擇器: https://dwqs.github.io/vue-ar...

淺談 Vue 項目優化

總結 vue 項目優化遇到的問題

Vue.js漸進式框架介紹以及項目實踐

分享Vue.js漸進式框架和它在一個項目中的應用

Vueg - 爲 webApp 提供轉場特效的開源 Vue 插件

若是你有使用 vue + vue-router 開發 web App、hybrid App，這個插件可讓你的 app 輕鬆得到頁面切換時的轉場特效。

vue-cli源碼分析（試探篇）

引言：近期在研究怎麼經過node命令生成本身想要的文件夾結構，由於大佬說vue-cli的原理和這個很像，因此抽時間研究了一下，並分享本身的研究心得。但願個人初學經驗對你有用。 1.vue init命令是怎麼實現的 vue-cli能夠經過命令vue init webpack my-…

VueJS 開發常見問題集錦

因爲公司的前端開始轉向 VueJS，最近開始使用這個框架進行開發，遇到一些問題記錄下來，以備後用。
主要寫一些 官方手冊 上沒有寫，可是實際開發中會遇到的問題，須要必定知識基礎。
CLI: Vue-CLI UI: Element HTML: Pug(Jade) CSS: Les…

VirtualDOM與diff(Vue實現)

由於對Vue.js很感興趣，並且平時工做的技術棧也是Vue.js，這幾個月花了些時間研究學習了一下Vue.js源碼，並作了總結與輸出。 文章的原地址：https://github.com/answershut...。 在學習過程當中，爲Vue加上了中文的註釋http…

前端每週清單半年盤點之 Vue.js 篇

前端每週清單專一前端領域內容，以對外文資料的蒐集爲主，幫助開發者瞭解一週前端熱點；分爲新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峯人生等欄目。歡迎關注【前端之巔】微信公衆號（ID：frontshow），及時獲取前端每週清單；本文則是對於半年來發布的前端每週清單中的 Vu…

【工程化】從 0 搭建 VueJS 移動端組件庫開發框架

最近參與維護公司內部的一個針對移動端的 UI 組件庫，該組件庫缺少文檔和嚴格的文件組織結構。Vue-Donut 的功能比較簡單，並不能方便地建立針對移動端 UI 組件庫的文檔和預覽。在參考了 mint-ui 等業界內成熟的方案以後，我在 Vue-Donut 的基礎上進行了拓展，最後搭建出了一個很是方便且自動化的開發框架。

手把手教你從零寫一個簡單的 VUE

今天給你們帶來的是實現一個簡單的相似 VUE 同樣的前端框架，VUE 框架如今應該算是很是主流的前端數據驅動框架，今天咱們來從零開始寫一個很是簡單的 VUE 框架，主要是讓你們知道最核心的 vue 部分是怎麼運轉起來的。包括數據綁定，模板處理，以及頁面渲染，數據驅動視圖等幾個部分

快到讓你難以置信的 Weex 技術

釘釘給微應用的開發者分享的如何使用 weex 來開發微應用

Vue 全家桶 + Mint-Ui 打造高仿 QQMusic，搭配詳細說明

最近有點小閒置，因而乎但願寫點東西，正好本身喜歡聽歌，便決定本身寫一個 QQ 音樂的簡易版。
順便進一步加深下本身對移動端的知識。我會在每一個核心組件和部分都加下註解大體說明原理，爭取提供一個良好的代碼閱讀環境，在注視部分是採用英文寫的，請原諒我撇腳的英語 o(╯□╰)o，歡迎你們給我提出更好的意見 ( *︾▽︾)

vue-router 源碼分析-組件

在上篇中, 大體分析了 vue-router 的總體流程. VueRouter 除了提供 router 功能, 還提供了兩個組件: router-link 和 router-view, 源碼均在 src/components 目錄下.

Vue.js 2.0 快速上手精華梳理

自從Vue2.0發佈後，Vue就成了前端領域的熱門話題，github也突破了三萬的star，那麼對於新手來講，如何高效快速的學習Vue2.0呢。 Vue基礎 對於沒有接觸過es6和webpack的童鞋來講，不建議直接用官方的腳手架vue-cli構件項目。 先按文檔順序最少學習完組…

Vue 插件編寫與實戰

關於 微信公衆號：前端呼啦圈（Love-FED） 個人博客：勞卜的博客 知乎專欄：前端呼啦圈 前言 熱愛vue開發的同窗確定知道awesome-vue 這個github地址，裏面包含了數以千計的vue開源插件，而這些插件大都來自第三方開發者們，是他們爲vue社區提供了大量的技術支…

用 Electron 實現的 Webpack Dashboard 的 GUI 版本

Webpack Dashboard 的 GUI 顯示插件

前端每週清單第 26 期：Node.js 微服務實踐，Vue.js 與 GraphQL，Angular 組件技巧，HeadlessChrome 攻防

做者：王下邀月熊 編輯：徐川 前端每週清單專一前端領域內容，以對外文資料的蒐集爲主，幫助開發者瞭解一週前端熱點；分爲新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峯人生等欄目。歡迎關注【前端之巔】微信公衆號（ID：frontshow），及時獲取前端每週清單。 新聞熱點 國內…

Vue 進階搭配 Node + Mongo 實現一個全棧電子商城

基於 vue+node+mongo 實現一個錘子手機商城.

基於Vue全家桶製做的的高仿美團APP

鳴謝：該項目核心部分參考了慕課網精英講師ustbhuangyi的課程，其他部分高仿美團APP構建。 前端菜鳥項目，大佬們輕噴~ 美團外賣APP ? 項目演示地址：http://39.108.232.27:9000 ? GitHub：https://github.com/bx…

Vue 全家桶 + Electron 開發的一個跨三端的應用

項目地址在這裏：https://github.com/halfrost/v... 利用 Vue.js 實現 objc中國 的跨平臺全棧應用 [x] ✅桌面應用，支持 Mac、Linux、Windows 三個平臺 [x] ✅Web 應用，支持 桌面瀏覽器 和 手機瀏覽…

BetterScroll：多是目前最好用的移動端滾動插件

做者：滴滴webapp架構組-付楠 BetterScroll 是一款重點解決移動端各類滾動場景需求的開源插件（GitHub地址），適用於滾動列表、選擇器、輪播圖、索引列表、開屏引導等應用場景。 爲了知足這些場景，它不只支持慣性滾動、邊界回彈、滾動條淡入淡出等效果的靈活配置，讓滾動…

使用 Vue 模仿 Readhub

做爲一個 Vue 的初學者，我選擇了 Readhub 做爲個人第一個 SPA 項目。我用 Vue-cli 腳手架構建了整個項目的結構，在這裏我用了 Vue router 作了 tab 導航之間的路由跳轉。因爲沒有 API 接口，我本身建立了一個 jSON 文件，看成一個虛擬的 API ，使用 Vue resource 進行數據請求，因此並不會與真實的 Readhub 進行同步更新。

【源碼拾遺】從 vue-router 看前端路由的兩種實現

本由淺入深觀摩vue-router源碼是如何經過hash與History interface兩種方式實現前端路由，介紹了相關原理，並對比了兩種方式的優缺點與注意事項。最後分析瞭如何實現能夠直接從文件系統加載而不借助後端服務器的Vue單頁應用。

Node 腳手架編寫教程

工程腳手架編寫教程

vue2.0源碼分析之理解響應式架構

我以前介紹過vue1.0如何實現observer和watcher。本想繼續寫下去，但是vue2.0橫空出世..因此
直接看vue2.0吧。這篇文章在公司分享過，終於寫出來了。咱們採用用最精簡的代碼，還原vue2.0響應式架構實現
之前寫的那篇 vue 源碼分析之如何實現 observer 和 watcher能夠做爲本次分享的參考。
不過不看也不要緊，可是最好了解下Object.defineProperty

用 iBiu 3 秒構建出大型 Vue 項目架子

本套工具是iview cli 的二次開發，意在解決項目建立時路由與頁面對應的大痛點 項目地址 windows 64位版本軟件下載 MAC 軟件下載 linux ,windows 32位版本 大家能夠本身build 我從去年11月開始用vue寫項目，算算到如今已經經歷了4-5個項…

AT - 前端 UI 組件庫

AT-UI 是一款基於 Vue 2.x 的前端 UI 組件庫，主要用於快速開發 PC 網站產品。

vue 全家桶實戰網易嚴選

對組件的抽離，書寫可複用的組件。
pages 管理頁面組件
vuex 狀態分模塊管理
util 工具的分離
axios 的封裝

vue-router 源碼分析-總體流程

在前端框架 React、Vue.js 和 Angular 三足鼎立的年代, Vue.js 因其性能、通用、易用、體積、學習成本低等特色已經成爲了廣大前端們的新寵, 而其對應的路由 vue-router 也是設計的簡單好用, 功能強大. 本文將結合 Vue.js 來分析 vue-router 的總體流程.

Vue 全家桶 + Express 實現的博客（後端API所有本身手寫）

Github源碼：https://github.com/alloyteamz...