vue（1） - 收藏集 - 掘金

(譯) 使用 Vue.js 和 Axios 從第三方 API 獲取數據 — SitePoint - 前端 - 掘金
更多的每每不是，創建你的JavaScript應用程序時，你會想把數據從遠程源或消耗一個[ API ]（https：/ /恩。維基百科。org /維基/ application_programming_interface）。我最近看了一些[公開]（https:/...

Vuex Demo 講解 - 掘金
做者: 混元霹靂手-ziksang vuex官網的專業術語，讓有些人仍是感受，摸不着頭腦，作一些實用場景給你們看 state 用來數據共享數據存儲 mutation 用來註冊改變數據狀態 getters 用來對共享數據進行過濾操做 action 解決異步...

關於一些Vue的文章。（5） - 掘金
原文連接個人blog，歡迎STAR。 前三篇裏，咱們開始從render, template, el的渲染DOM樹的優先級，最終都編譯成render函數，然後獲得vnode（虛擬DOM），通過diff算法後，獲得真實DOM。 那麼問題來了？獲得真實DOM之後接...

基於 element-ui 的單頁面後臺管理項目模版 - 前端 - 掘金
基於 element-ui 的單頁面後臺管理項目模版 技術棧 element-ui-admin 項目演示 vue vue-resource ...

史上最詳細 VUE2.0 全套 demo 講解 基礎3（計算屬性） - 掘金
做者 混元霹靂手-Ziksang 二天基礎1+基礎2忽然突破了1000的收藏率，這使我更以爲你們承認我這種分享模式，這也看的出來vue的熱度，我在這段時間的分享中，我一直腦海裏在轉，如何用最好的demo，和更好的流程去寫文章，我相信從基礎1開始看，必定能在工...

2-vuejs2.0 實戰：仿豆瓣 app 項目，建立組件 header,tabbar 路由跳轉 - 前端 - 掘金
上一章有童鞋提到爲何不經過路由的方式來跳轉？其實我想說的是，這個分享纔剛剛開始，你們不要着急！這一章節咱們將帶你們完成，建立header組件，以及tabbar的路由跳轉。 vue專題目錄：1-...

Vue 源碼詳解: compile，link，依賴，批處理... 一網打盡，全解析! - 前端 - 掘金
用了Vue好久了，最近決定系統性的看看Vue的源碼，相信看源碼的同窗不在少數，可是看的時候卻發現挺有難度，Vue雖然足夠精簡，可是怎麼說如今也有10k行的代碼量了，深刻進去逐行查看的時候感受內容龐雜而且搞不懂代碼的目的，同時網上的深刻去仔細闡述Vue的comp...

vue2 + vuex 高度還原餓了麼 App，與官方後臺真實數據交互，獲取商品信息，實現登錄、購物車、下單等功能 - 前端 - 掘金
前言 vue2的發佈後本身也研究了一段時間，奈何公司的技術棧是以react爲主，沒有機會好好利用vue2去作一個完整的項目。雖然寫了幾個demo，但和寫一個完整的項目仍是有很大差異的。因而本身想着用空餘的時間寫一個項目，選擇了餓了麼也只是由於...

【vue+axios】一個項目學會前端實現登陸攔截 - 前端 - 掘金
一個項目學會vue全家桶+axios實現登陸、攔截、登出功能，以及利用axios的http攔截器攔截請求和響應。 前言 ...

前端基礎進階：詳細圖解，完全搞懂閉包與做用域鏈 - 前端 - 掘金
攻克閉包難題 初學JavaScript的時候，我在學習閉包上，走了不少彎路。而此次從新回過頭來對基礎知識進行梳理，要講清楚閉包，也是一個很是大的挑戰。 閉包有多重...

Vue.js 實戰經驗小結 - 前端 - 掘金
Vue.js介紹 Vue.js（讀音 /vjuː/, 相似於 view） 是一套構建用戶界面的 漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，而且很是容易學習，很是容易與其...

基於 vue2+vue-router+vuex2+axios+elementUI 作的自動化後臺基礎模板 - 前端 - 掘金
這是一個功能強大的自動化後臺框架基礎模板，基於vue2實現，用到的技術包含：vue2,vue-router,vuex2,axios,ElementUI。 ...

vuex2 實戰之購物車 - 前端 - 掘金
這是用vuex2實現的一個商城購物車demo,存儲數據用的本地localstorage 在線demo：https://product.sailen...

手把手教你用 es6+vue2+webpack2+vue-router2 搭建我的 blog - 前端 - 掘金
這是一個開源的我的blog項目。 前端的所使用的技術棧: es6 ...

Vue2.x 踩坑與總結 - 前端 - 掘金
年前就打算學習並總結一下vue2.x，可是由於年前工做比較多，因此進展十分緩慢，如今終於學了一大部分，並且本身在學習開發中也踩了很多坑也總結了很多，因此將本身踩過的坑總結一下分享出來。由於在項目中使用了webpack2.x，因此對於webpack2.x也有一個...

用 vue2 和 webpack 快速建構 NW.js 項目 - 掘金
使用到的技能點 vue2 webpack NW.js Node.js 1、前言 先講一下這個項目的由來。我司要新上一個產品，是面向教育領域的一個東西，要求快速開發又必需要兼容 XP ，因此就選 NW.js 來作桌面客戶端。同時，前端的輪子方面，開始嘗試在面...

Vue iscroll 指令開發 - 前端 - 掘金
最近開發的 Vue 項目中遇到了滑動手勢，選用 iscroll 做爲滑動庫，由於 iscroll 直接操做 dom，因而封裝爲 Vue 的指令來使用。原本想着開發過程會很順利，但仍是遇到了一些問題。在這裏記錄下問題和解決思路。...

Vue-Cli + ElementUI 試水感覺 - 前端 - 掘金
二話不說，先放效果圖： 效果圖 先介紹一下這個試水的小項目，就是上次搞那個express文件路由：express-dir-route的...

Vuex2 與 Axios 開發 - 前端 - 掘金
總結筆者最近在項目中使用Vuex2和Axios的總結和小技巧，方便往後查看。本人能力有限，若有錯誤還請大大們指正探討?。 閱讀前須知 接上一篇的Axios的配置，閱讀本文默認您已經掌握了Vuex2的基本語法、Axios的使用配置與方法、Promi...

詳解 Vue & Vuex 實踐 - 某熊的全棧之路 - 知乎專欄 - 前端 - 掘金
詳解 Vue & Vuex 實踐翻譯自Vue + Vuex — Getting started，承接自 2017 Vue.js 2快速入門指南，從屬於Web 前端入門與工程實踐。 隨着應用複雜度的增長，咱們須要...

Vue 2.0 服務端渲染怎麼玩？ - 前端 - 掘金

1. 服務端渲染簡介 服務端渲染不是一個新的技術；在 Web 最初的時候，頁面就是經過服務端渲染來返回的，用 PHP 來講，一般是使用 Smarty 等模板寫模板文件，而後 PHP 服務端框架將數據和模板渲染爲頁面返回，這樣的服務端渲染有個缺點就是一旦要查看新...

Vonic 正式版發佈！附中文文檔 - 前端 - 掘金
成功收尾，本月終於能夠向 2.0 邁進了！O(∩_∩)O...

基於 vue+vuex+localStorage 開發的本地記事本 - 前端 - 掘金
本文采用vue2.0+vuex+localStorage+sass+webpack，實現一個本地存儲的記事本。兼容PC端和移動端。在線預覽地址：DEMO ...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（一） - 前端 - 掘金
本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/) 就在今年的10月份，Vue2.0發佈啦，來懵逼的海洋裏一塊兒下沉吧！ 前段陣子都沒有發隨筆，一方面要準備一場考試，另外一方面是在研究vue...

Vue.js 快速入門 - 前端 - 掘金
Vue.js快速入門 Original 2016-11-21 殷曉飛 滬江技術學院 滬江技術學院 滬江技術學院 WeChat ID hj-academy Intro 關注開發者在實際應用中遇到的問題。提供最真實的乾貨，以技術會友，爲廣大的開發者提供最...

推薦五個Vue2的免費教程 - 掘金
一步一步學習Vue 2 （Laracasts） Jeffrey Way一直都有發佈他web開發的教程。他曾經在30天內教會了我使用jquery。在Laracasts上有他免費的VueJs教程，而且宣稱是「世上最深刻的vuejs系列」。在你學習完本課程後，你將不...

爲何咱們選擇Vue，而不選React（譯） - 掘金
最近Qwintry團隊積極地把Vue.js做爲了他們的前端框架，而且在全部的新舊項目中使用它，包括: 過去qwintry.com的Drupal系統 (qwintry.com) 咱們的新項目，徹底重寫了qwintry.com分支 一個用Yii2 構建的B...

vscode 插件，vue，vue-router 和 vuex 代碼提示 - 前端 - 掘金
特色 （1）多是目前vscode最好的vue代碼提示插件，不只包括了vue2全部api，還含有vue-router2和vuex2的代碼提...

使用 electron+vue 開發的一個 七牛文件管理 桌面應用 - 工具資源 - 掘金
七牛存儲文件管理客戶端.跟官網比主要多了一個托盤上傳功能.能夠更便捷的上傳文件. Technologies ...

一個基於vue二、koa2和mongodb的博客 - 掘金
博客終於差很少寫完了，雖然仍是可能有一堆bug, 不過我火燒眉毛要寫一篇博文來分享了= = 博客前臺展現 博客前臺展現 博客後臺展現 博客後臺展現博客後臺編輯 項目地址 github地址：https://github.com/BUPT-HJM/v...

VueJS 組件化開發實踐總結 - 前端 - 掘金
前言 接觸Vuejs，好一陣了。清明節前在慕課網學了一門課。前先後後花了40多個小時琢磨，搭建起了組件化開發的餓了麼SPA。這40小時收穫了不少，也踩了很多坑。這裏總結一下。 源碼： https://github.com/laclys/vue...

開源一個 Vue.js + Node.js 的後臺管理系統 - 前端 - 掘金
Vue Management System ...

使用 Vue.js 和 Chart.js 製做絢麗多彩的圖表 - 掘金
本文做者：Jakub Juszczak 編譯：鬍子大哈 翻譯原文：http://huziketang.com/blog/po... 英文鏈接：Creating stunning ...

『收藏』VUE 優秀 UI 組件庫合集 - 前端 - 掘金
github 開源的 Vue 優秀 UI 組件庫合集✔...

Vue音樂播放器2.0升級版來了 - 掘金
Vue.js音樂播放器2.0 以前初學Vue作了一個音樂播放器，受到很多人的喜歡。如今升級版來了！功能更強，技術棧更多：Vue2.0、Vuex、vue-router、axios、SASS(SCSS)、Express(上線版本是Koa2)、Webpack、ES6...

Vue2.0進階組件篇2 解析餓了麼（spinner組件） - 掘金
做者 混元霹靂手-ziksang 前兩天一個同窗問我想叫我寫了一個spinner組件，那OK我就是那麼能知足你們的口味，若是寫一個spinner組件，別看一個小小的組件如何去寫，不少人問我vuex，vue-router怎麼玩，這東西有什麼好玩的，看看api文...

Vue.js 全家桶入門實戰項目 (豆瓣市集) - 前端 - 掘金
這是基於vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一個webapp項目！ 在這以前只是簡單的瞭解一點關於vue相關的知識，也只停留在寫過一點很簡單的demo ，可是在對比react和angular以後,仍是更加的青睞v...

vue-login 經過一個小項目帶你走進 vue 全棧開發 - 前端 - 掘金
這是一個基於 vue & axios & nodejs(express) & mongodb(mongoose) 的登陸／註冊demo，面向 vue 初學者，場景雖簡單，但五臟俱全。有先後臺，涵蓋很是多的 vue 及其相關技術的基本操做...

Vue.js 和 Wilddog 仿騰訊管家真假朋友第二季 H5 活動頁面 - 前端 - 掘金
一個使用Vue和wilddog仿的騰訊手機管家真假朋友第二季H5頁面。 體驗 可點開連接https://humih.github.io/li...

VUE + VUEX + FIREBASE + BULMA 實現的 VUE SPA SSR 項目 - 前端 - 掘金
     這是一個 VUE + VUEX + FIREBASE + BULMA … 實現的 SPA SSR項目       live demo ...

Vue 入門實戰項目——知乎日報 - 前端 - 掘金
這是一個基於Vue全家桶開發的知乎日報WebApp，頁面樣式主要參考iOS版知乎日報APP。 我的博客：陳鈺博的博客 項目github地址：vue-zhihu-daily ...

vue-router 實現分析 - 前端 - 掘金
vue-router 是 Vue.js 官方的路由庫，本着學習的目的，我對 vue-router 的源碼進行了閱讀和分析，分享出來給其餘感興趣的同窗作個參考吧。 參考 源碼：vuejs/vue-router v2.2.1 - github ...

技術 | Vue2.0 實踐，順手擼了一個小項目 - 前端 - 掘金
如圖：愜意 傳送門：https://github.com/icepy/inde...，或閱讀原文。 這個項目的背景還要從「移動企業門戶」提及，這是我廠的一個小項目，現也開源在Github上，其目的是爲了給企業開發本身的企業門戶提供參考和...

Vue2 實現的 Dribbble - 前端 - 掘金
An unofficial Vue.js project of Dribbble. Build ...

如何寫一手漂亮的 Vue - 前端 - 掘金
前幾日聽到一句生猛與激勵並存，可怕與尷尬同在，最無奈也無解的話：「90後，你的中年危機已經殺到」。這令我很受觸動。顯然，這有些誇張了，但就目前這日復一日的庸碌下去，眨眼的功夫，那情形就會在這骨感的現實面前，悄然的被顯現。因此，愈加體驗到，當必要有計劃的去作，去...

使用 vue2+vue-router2+axios+es6+webpack2 完成的 SPA 我的簡歷 - 前端 - 掘金
我的簡歷 這是一個開源的我的簡歷項目.工做之餘使用vue練練手。你們能夠在本項目中不只僅能夠學習瞭解如下的框架/庫，同時還能夠了解關於代碼結構組織,模塊化,前端構建等內容。這個項目纔剛開始，我會帶着你們完...

基於 Vue2 實現的仿手機 QQ 單頁面應用（接入聊天機器人） - 前端 - 掘金
概述 使用Vue2進行的仿手機QQ的webapp的製做，在ui上，參考了設計師kaokao的做品，做品由我的獨立開發，源碼中進行了詳細的註釋。 因爲本身也是初學Vue2，因此註釋寫的不夠精簡，請見諒。 ...

適用於 vue.js 和原生 js 的漸進式圖片加載 - 前端 - 掘金
知乎和 Medium 都用了 progressive image （漸進式圖片加載），用低分辨率的模糊圖片來作預覽圖，代替之前懶加載圖片時用的 logo 佔位圖。預覽圖大小也在平均 2KB~3KB 之間，雖然 cdn 流量上有所增長，但用戶體驗卻很是好。 ...

vue 仿 163musicPC 端 (支持pc端經常使用功能) - 前端 - 掘金
前言 vue2愈來愈受歡迎，無奈如今在公司作的平臺是以ng1.x爲主，一直沒有機會練手vue2，雖然寫過一些小demo，可是與完整的項目相比較中間會少不少東西。因而趁在公司空閒的時候以及週末雙休，本身用vue2複寫了163musicPC端。相比...

vue 新手入門 demo vue2.0+vue-router+vuex - 前端 - 掘金
vue新手學習的一個項目 寵物領養前端所用的是vue2.0+vue-router+vuexwebpack的配置以前是本身寫的，但看過vue-cli後以爲那個更好，因此就用vue-cli webpack-simple那個，我的建議新手仍是用simple的版本好點...

基於 Vue 的直播播放器實戰 - 前端 - 掘金
前言時下直播的盛行讓不少人對直播技術產生濃厚的興趣，orange 本人也不例外，本文藉着實戰的目的完成一個 demo，並無深刻的講解直播技術的實現原理以及推流和拉流的實現，爲何不深刻講解直播的底層技術，緣由很簡單大公司不必看個人文章去了解如何搭建直播服務...

Vue 學習系列 - 前端 - 掘金
閱讀目錄1、MVVM大比拼2、Vue經常使用網址3、Vue基礎入門一、MVVM圖例二、第一個Vue實例三、雙向綁定4、經常使用指令一、v-text、v-html指令二、v-model指令三、v-if、v-else指令四、v-show指令五、v-for指令六、v-onc...

Muse-UI：基於 Vue 2.0 和 Material Desigin 的 UI 組件庫 - 前端 - 掘金
基於 Vue 2.0 和 Material Desigin 的 UI 組件庫，Have a try!...

基於 vue、vuex、vue-router、echarts 搭建的數據展現平臺 - 前端 - 掘金
真的很久沒有更新博客了，可是我最近並無偷懶哦，一直在學習vue這個框架，而且用它作了一個小項目，如今就給你們分享一下個人這個還比較有意思的小項目咯，本項目是基於vue2.0開發的。 靈感來源這是一個數據可視化相關的項目，做爲一個學生班主任，須要對班上同窗的各...

Vue 組件化開發實踐 - 前端 - 掘金
這是一篇，在開發掘金的過程當中，思考和總結出來，如何使用 Vue.js 和周邊工具集合成一套完整溫馨的組件化開發流程的文章。 以前有關如何使用 Webpack 和 vue-loader 開發 Vue 應用的文章有： 勾股大叔的 Vue + we...

v-circle - 漂亮的 vue 圓形進度條展現組件集合 - 前端 - 掘金
A collection of circle progress with Vue.js. Vue 1.0+ use v-circle 0.1+ Vue 2.0+ use v-circle 0.2+ Demos & Examples Live Demo...

Vue 列表渲染性能優化原理 - 前端 - 掘金
Vue列表渲染性能優化原理 Vue 是一個高效的 mvvm 框架，這得益於做者已經幫咱們框架內部作了足夠的優化，好比各個細節的緩存( parseText 結果的緩存，compile 編譯結果的緩存等)。 大列表是容易形成性能問題的地方，一不當心就會形成大量...

Vue 的事件系統 - 前端 - 掘金
Vue的事件解讀 這裏有一個容易混淆的地方，在Vue中事件有兩方面的內容，一方面是自定義事件，一方面是爲DOM綁定事件。 在Vue中爲DOM元素綁定事件的具體方法在文章中的方法與事件處理器章節，經過v-on指令或事件語法糖 @ 爲DOM元素綁定事件。V...

基於 Vue 的簡潔 HTML5 視頻播放器組件 - 前端 - 掘金
A HTML5 video player component for Vue.js Demo live demo is here: https://hilongjw.github.io/vu... Instllatio...

Vue.js 實現 Material Design 的點擊 Button 效果 - 前端 - 掘金
Material Design 谷歌推出了全新的設計語言Material Design。谷歌表示，這種設計語言旨在爲手機、平板電腦、臺式機和「其餘平臺」提供更一致、更普遍的「外觀和感受」。（網上copy的） Materialize 前端框架 <!-- 引...

JavaScript 日記 - 一個例子學會 Vue.js - 前端 - 掘金
你們都知道Vue.js是中國人創造出來的，簡單易用，因此必需要支持一下 Vue採用的MVVM設計模式 也就是說model和view綁定model改變，view的內容改變，反之亦然 ...

Vue.js 起手式 + Vue 小做品實戰 - 前端 - 掘金
本文是小羊根據Vue.js文檔進行解讀的第一篇文章，主要內容涵蓋Vue.js的基礎部分的知識的，文章順序基本按照官方文檔的順序，每一個知識點現附上代碼，而後根據代碼給予我的的一些理解，最後還放上在線編輯的代碼以供練習和測試之用；在最後，我參考SegmentFau...

教你在微信中給 Vue 單頁應用動態設置標題 - 前端 - 掘金
前言 因爲Vue React Angular等框架出來的應用都是SPA(single-page-application),因此就沒有所謂的頁面 都是router而網頁的標題 隨着路由的改變而改變 也就成了一個需求 ...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（一） - 前端 - 掘金
本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/) 就在今年的10月份，Vue2.0發佈啦，來懵逼的海洋裏一塊兒下沉吧！ 前段陣子都沒有發隨筆，一方面要準備一場考試，另外一方面是在研究vue...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（二） - 前端 - 掘金
本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/) 說好了一塊兒懵逼，那麼咱們繼續下沉 在上一篇裏已經將vue2.0須要的依賴都裝齊了那麼接下來由於vue最後生成的頁面看似靜態頁面(對於靜...

[[!!! 原版課程在此]Vue.js 高仿餓了麼外賣 App 課程源碼 - 前端 - 掘金](https://juejin.im/entry/586d1...
Vue.js 高仿餓了麼外賣 App 課程源碼，課程地址： http://coding.imooc.com/class... 本源碼基於 GPL 協議，僅僅用於 Vue 實戰項目的學習，不可做爲...

rollup 打包的 vue 版本的 lazy-load-img 圖片懶加載插件 - 前端 - 掘金
關於 本插件基於lazy-load-img的vue版本實現，請到lazy-load-img查看文檔 開發 ...

vuejs 動態設置微信標題 directive 版 - 前端 - 掘金
做用 Vuejs 單頁應用在iOS的微信webview(或者其餘APP)中 標題不能經過 document.title = xxx 的方式修改 該插件只爲解決該問題而生 效果 (請使用微信掃描打開體驗) ...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（三） - 前端 - 掘金
本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)前面寫了vue-router組件的初步用法，原來此次想寫vuex的，可是想一想仍是先繼續把vue-router寫完吧? 上回說到: vu...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（四） - 前端 - 掘金
前言 本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)前面一篇講了vue-router的router-link,有讀者說但願能先看到vuex的文章其實vuex在個人vue2.0的demo裏已經在...

[[Vue] 插件開發入門 - 掘金](https://juejin.im/post/586e18...
做者：滴滴公共前端團隊 - 小春+獻勇 相對組件來講，Vue 的插件開發受到的關注要少一點。可是插件的功能是十分強大的，可以完成許多 Vue 框架自己不具有的功能。 你們通常習慣直接調用現成的插件，好比官方推薦的 vue-router、vue-touch 等。...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（五） - 前端 - 掘金
前言 本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)以前的幾篇文章的說了vue-router以及vuex的簡單使用，此次就開始組合這二者進行實際應用。場地呢就在個人vue2.0Demo,這是源...

vue2.0 一塊兒在懵逼的海洋裏越陷越深（六） - 前端 - 掘金
前言 本文章系列：vue2.0一塊兒在懵逼的海洋裏越陷越深 (http://leenty.com/tags/vuejs/)演示場地vue2.0 Demo,這是源碼地址,以爲靠譜的話歡迎加星跟隨,有問題歡迎評論和指正? 在vue開發SPA應用的過程當中，多數狀況下...

Vue.js 的設計思想 - 前端 - 掘金
從出道到如今，它紅遍全球，這期節目讓咱們來採訪一下，而今前端框架的 "當紅炸子雞"！ 小編： 你先自我介紹一下！！！ Vue: 尊敬的 FSX 的讀者們，你們好！！！我是Vue.js，是一個提供 MVVM 數據雙向綁定的庫，專一於UI...

使用 Vue2.0 + vue-server-renderer 案例之 豆瓣讀書 - 前端 - 掘金
vue.js 2.0, vuex, vue-router, vue-server-renderer, express, cheerio, superagent, redis live demo （部署在搬瓦工主機上，海外節點，應該須要1s） http:...

本身動手，爲 vue 寫一個 jsonp 的方法 - 前端 - 掘金
本身動手，爲fetch寫一個jsonp的方法 Fetch 提供了對 Request 和 Response （以及其餘與網絡請求有關...

我用 Vue2 全家桶重寫「daza.io」的前端 - 前端 - 掘金
文章固定連接：https://daza.io/articles/58303 在發佈初版的daza.io的時候 Vue 2 已經發布了，但當時的進度已經快完成了，因此就沒有當即升級到 Vue 2...

Vonic 正式版發佈！附中文文檔 - 前端 - 掘金
成功收尾，本月終於能夠向 2.0 邁進了！O(∩_∩)O...

Vue.js 開發實踐：實現精巧的無限加載與分頁功能 - 閱讀 - 掘金
本篇文章是一篇Vue.js的教程，目標在於用一種常見的業務場景——分頁/無限加載，幫助讀者更好的理解Vue.js中的一些設計思想。與許多Todo List類的入門教程相比，更全面的展現使用Vue.js完成一個需求的思考過程；與一些構建大型應用的高階教程相比，又...

vue 2.2 API 在線手冊 - 前端 - 掘金
vue 2.2 API 在線手冊，一點就一個 iframe 很方便，直入主題，不廢話;...

Vue 入門實戰項目——知乎日報 - 前端 - 掘金
這是一個基於Vue全家桶開發的知乎日報WebApp，頁面樣式主要參考iOS版知乎日報APP。 我的博客：陳鈺博的博客 項目github地址：vue-zhihu-daily ...

史上最詳細VUE2.0全套demo講解 基礎2（列表渲染） - 掘金
做者 ：混元霹靂手-Ziksang 在基礎1發佈以後，我真心發現，根據api進一步分析，再結合工做中的實際demo給你們講解以後，大清早就收穫了平均一分種一個喜歡，這使我很欣慰，本身的努力沒有白費，我決心稱熱打鐵立刻出擊，打造基礎2，在基礎上的部分我將給你們...

史上最詳細VUE2.0全套demo講解 基礎1（模板語法） - 掘金
做者 : 混元霹靂手 ziksang 一開始在vue1.0的時候我就開始關注掘金的vue專欄，可是一直給我一種感覺，真正能靜下心來給讀者寫好每個細講，每個講解點，我以爲是最重要的，雖然我沒有什麼能力給你們帶來像iview,mint ui等一系列大牛的基礎...

vue-login 經過一個小項目帶你走進 vue 全棧開發 - 前端 - 掘金
這是一個基於 vue & axios & nodejs(express) & mongodb(mongoose) 的登陸／註冊demo，面向 vue 初學者，場景雖簡單，但五臟俱全。有先後臺，涵蓋很是多的 vue 及其相關技術的基本操做...

從一個改寫後的 vue 小應用認識 vuex - 前端 - 掘金
學習vue也有一段時間了，我相信在學習vue的過程不可避免地會接觸到狀態管理器的概念——也就是vuex。那麼，咱們首先須要明確的一個概念，到底狀態是指什麼？其實你徹底能夠把它理解成某個對象的屬性，那麼什麼又是對象的屬性呢？我想這個不用我再一次的解釋了吧。好了，...

打造 Vue.js 可複用組件 - 前端 - 掘金
Vue.js 是一套構建用戶界面的漸進式框架。咱們可使用簡單的 API 來實現響應式的數據綁定和組合的視圖組件。 從維護視圖到維護數據，Vue.js 讓咱們快速地開發應用。但隨着業務代碼日益龐大，組件也愈來愈...

如何使用 Vue2 作服務端渲染 - 前端 - 掘金
花費了一個月時間，終於在新養車之家項目中成功部署了vue2服務端渲染（SSR），而且使用上了Vuex 負責狀態管理，首屏加載時間從以前4G網絡下的1000ms，提高到了如今500-700ms之間，SSR的優點有不少，如今讓我來跟你細細道來。 技術棧 服務端：N...

vue-cli中的webpack配置 - 掘金
編輯模式下顯示正常，打開的時候不知道爲啥排版有問題。segementfalut連接在這裏 版本號 vue-cli 2.8.1 (終端經過vue -V 可查看) vue 2.2.2 webpack 2.2.1 目錄結構 ├── README.md ├── bui...

一隻基於 Vue2.x 的移動端 & 微信 UI。 -YDUI Touch - 前端 - 掘金
Vue-ydui 是 YDUI Touch 的一個 Vue2.x 實現版本，專爲移動端打造，在追求完美視覺體驗的同時也保證了其性能高效。提供使用 rem 和 px 樣式單位的兩個版本。真正意義上的按需加載組件，能夠只加載聲明過的組件及其樣式文件，無需再糾結文件...

Vue.js 寫一個音樂播放器 - 前端 - 掘金
在線預覽 在線預覽地址1: ?http://microzz.cn/vue-music/在線預覽地址2: ?https://microzz.github.io/vue... 源代碼 GitHub...

vue-cli#2.0 webpack 配置分析 - 掘金
做者：滴滴公共前端團隊 - 王宏宇 前言 做爲 Vue 的使用者咱們對於 vue-cli 都很熟悉，可是對它的 webpack 配置咱們可能關注甚少，今天咱們爲你們帶來 vue-cli#2.0 的 webpack 配置分析 vue-cli 的簡介、安裝咱們不在...

Vue 2.0 起步 (7) 大結局：公衆號文章抓取 - 微信公衆號 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(6) 後臺管理Flask-Admin - 微信公衆號RSS總算趕在2017年春節前把這個項目完結了！第7篇新知識點很少，主要是綜合應用Flask、Vue 本篇關鍵字...

Vue 2.0 起步 (6) 後臺管理 Flask-Admin - 微信公衆號 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(5) 訂閱列表上傳和下載 - 微信公衆號RSS本篇關鍵字：Flask-Admin 權限管理 定製顯示格式 顯示關係表外鍵內容 顯示多對多(M2M)內容 Flask-...

Vue 2.0 起步 (5) 訂閱列表上傳和下載 - 微信公衆號 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(4)第二版 輕量級後端Flask用戶認證 - 微信公衆號RSS 用戶在本地搜索、訂閱了公衆號之後，能夠方便地上傳訂閱列表到服務器上。也能夠在另外一地方下載訂閱列表到...

Vue 2.0 起步 (4-2) 輕量級後端 Flask 用戶認證 - 微信公衆號 RSS - 前端 - 掘金
上一篇：Vue 2.0 起步(4) 輕量級後端Flask用戶認證 - 微信公衆號RSS上一篇採用了Flask-JWT token驗證。因爲網站新的須要，除了token，如今要加上session管理，跟Flask-Security比較以後，決定建立第4篇的第二版...

vue 父子間通訊方式 - 前端 - 掘金
閒話很少說，直接上乾貨，你們在vue的項目中確定也會遇到須要父子間通訊的問題，在這裏給你們提出三種父子間通訊方式 一.父組件調用子組件方法 若是調用子組件的方法，須要先給在父組件中引用的子組件添加一條索引值，本人就以本身的代碼爲例 圖1 圖1中v-ref爲...

Vue 2.0 起步 (4) 輕量級後端 Flask 用戶認證 - 微信公衆號 RSS - 前端 - 掘金
參考： Vue+Flask輕量級前端、後端框架，如何完美同步開發 Vue 2.0 起步(3) 數據流vuex和LocalStorage實例 - 微信公衆號RSS Vue 2.0 起步(2) 組件及vue...

Vue 2.0 起步 (3) 數據流 vuex 和 LocalStorage 實例 - 微信公衆號 RSS - 前端 - 掘金
參考： Vue 2.0 起步(2) 組件及vue-router實例 - 微信公衆號RSS Vue 2.0 起步(1) 腳手架工具vue-cli + Webstorm 2016 + webpack 本篇主...

Vue 源碼詳解: compile，link，依賴，批處理... 一網打盡，全解析! - 前端 - 掘金
用了Vue好久了，最近決定系統性的看看Vue的源碼，相信看源碼的同窗不在少數，可是看的時候卻發現挺有難度，Vue雖然足夠精簡，可是怎麼說如今也有10k行的代碼量了，深刻進去逐行查看的時候感受內容龐雜而且搞不懂代碼的目的，同時網上的深刻去仔細闡述Vue的comp...

從 0 開始作一個夠用的 Vue 圖片選擇組件 - 前端 - 掘金
以前用Vue作了一個基礎的組件vue-img-inputer，下面就叫vii，記錄下在開發過程當中遇到的知識點（都算比較基礎，具體代碼不會貼太多，均可以在項目倉庫裏看到）。 上傳文件不少項目都要用到，一些組件庫裏(ele/...

Vue 2.0 起步 (2) 組件及 vue-router 實例 - 微信公衆號 RSS - 前端 - 掘金
參考：Vue 2.0 起步(1) 腳手架工具 vue-cli + Webstorm 2016 + webpackvue-router官方文檔 什麼是組件？ ...

Vue 2.0 起步 (1) 腳手架工具 vue-cli + Webstorm 2016 + webpack - 前端 - 掘金
Vue 是輕量級前端框架，入門很是容易。如今 2.0正式發佈了，其實起步更容易了。這裏記錄一下 Vue開發的簡單步驟，方便你們起步。源碼：Github相關閱讀：Vue 2.0 起步(2) 組件及 vue-router實例 - 微信公衆號RSS 工具 ...

Vue.js 全家桶高還原網易雲音樂 (Windows PC 版) - 前端 - 掘金
項目地址 因爲網易雲的api限制，部分功能可能會失效，若有須要能夠clone項目下來在本地運行，若是api炸了，...

實測 Vue SSR 的渲染性能：避開 20 倍耗時 - 前端 - 掘金
導語：Vue SSR是Vue.js 2.0引入的直出渲染方案，本文將全面解析virtual-dom-based 及 string-based 的原理並對其進行對比。 1、前言 前端技術年年有新寵，Vue.js 2.0以其輕量級、漸進式、簡...

手摸手，帶你用vue擼後臺 系列一 - 掘金
項目地址 前言 說好的教程終於來了，第一篇文章主要來講一說在開始寫業務代碼前的一些準備工做吧，但這裏不會教你webpack的基礎配置，熱更新怎麼作，webpack速度優化等等，有需求的請自行google。 目錄結構 ├── build ...

如何寫一手漂亮的 Vue - 前端 - 掘金
前幾日聽到一句生猛與激勵並存，可怕與尷尬同在，最無奈也無解的話：「90後，你的中年危機已經殺到」。這令我很受觸動。顯然，這有些誇張了，但就目前這日復一日的庸碌下去，眨眼的功夫，那情形就會在這骨感的現實面前，悄然的被顯現。因此，愈加體驗到，當必要有計劃的去作，去...

Vuex 框架原理與源碼分析 - 前端 - 掘金
Vuex是一個專爲Vue服務，用於管理頁面數據狀態、提供統一數據操做的生態系統。它集中於MVC模式中的Model層，規定全部的數據操做必須經過 action - mutation - state change 的流程來進行，再結合Vue的數...

Vue 2.3 服務端渲染徹底指南 - 前端 - 掘金
Note: this guide requires the following minimum versions of Vue and supporting libraries: vue & vue-serve...

vuex 快速上手 - 前端 - 掘金
Vuex 理解 簡單解釋下： Vuex 使用 單一狀態樹,通俗理解就是一個應用的數據集合，能夠想象爲一個「前端數據庫」，讓其在各個頁面上實現數據的共享，而且可操做 Vuex 規定，屬於應用層級的狀態只能經過 Mutat...

vue-router 的三種加載方式速度對比 - 前端 - 掘金
ensure 方式// const Index = r => require.ensure([], () => r(require('@/views/deposit/deposit_index')), 'Index') // const Produ...

一勞永逸的搞定 flex 佈局 - 掘金
尋根溯源話佈局 一切都始於這樣一個問題：怎樣經過 CSS 簡單而優雅的實現水平、垂直同時居中。記得剛開始學習 CSS 的時候，看到 float 屬性不禁得感受眼前一亮，瓜熟蒂落的聯想到 Word 文檔排版中用到的的左對齊、右對齊和居中對齊，然而很快就失望的發現...

Dive into Vue.js - 前端 - 掘金
做者：百度外賣FE clancyz 摘要 Vue.js做爲先進的前端MVVM框架，在外賣已經普遍應用在各業務線中。本文闡述了Vue.js做爲前端MVVM框架的主要優點，並從Vue.js的三個核心點：Observer, Watcher, Compiler出發，...

Vue 小項目的最佳實踐 - 掘金
項目簡介 目前一期只是爲App內某個模塊資訊模塊文章的分享和APP下載，後續還會有更多的功能,爲了項目可擴展、可伸縮結合了我之前的實踐搭建了此項目項目地址,若是這個簡單的項目能給您帶來幫助請給小哥哥⭐Star好很差（手動筆芯）。 功能 根據分享出來的文章I...

Vue.js打造一個開源的CNode社區 - 掘金
Vue.js打造一個開源的CNode社區 Vue.js打造一個開源的CNode社區，實現了瀏覽、發帖、收藏、回覆、點贊、我的中心等等功能。 源代碼 源代碼地址：? https://github.com/microzz/vu... 歡迎你們star和f...

Vue2 服務端渲染：按需分塊加載的首屏優化策略 - Smallpath 的小站 - 前端 - 掘金
本文介紹一種SSR與按需分塊加載的首屏優化策略，能夠達到將全部路由所有按需分塊加載，而且徹底不影響首屏速度的效果。 背景 SSR與按需分塊加載，博主最初使用下來感受其實意義有限 假如所有路由都使用按需分塊加載，那麼首屏時間極可能不降反增，由於首屏對應...

Vue SSR 從入門到 Case Study - 掘金
最近兩個項目同時開發，使用了Vue2的SSR，這樣後端渲染頁面首屏能夠加快頁面呈現，增長SEO和用戶體驗，可是項目上線後卻發現了嚴重的性能問題，因而在三天內兩次重大調整，最後只能放棄Vue SSR，本文從Vue SSR實現開始，逐漸覆盤整個事件。兩週前就預告了...

使用 FIS3 構建 Vue 前端工程. webpack 用戶也請看過來 - 前端 - 掘金
本文的目標是經過一個例子向你們展現如何使用 FIS3 做爲構建工具, 來對使用 Vue 的前端工程進行構建. 固然, Vue 只是一個例子, 徹底能夠推廣到其它的項目中. 前端構建工具, 我從 Grunt, Gulp, webpack 一路用過來. 雖...

Vue 2.0 服務端渲染怎麼玩？ - 前端 - 掘金

1. 服務端渲染簡介 服務端渲染不是一個新的技術；在 Web 最初的時候，頁面就是經過服務端渲染來返回的，用 PHP 來講，一般是使用 Smarty 等模板寫模板文件，而後 PHP 服務端框架將數據和模板渲染爲頁面返回，這樣的服務端渲染有個缺點就是一旦要查看新...

滴滴 webapp 5.0 Vue 2.0 重構經驗分享 - 掘金
做者：滴滴公共前端 黃軼 項目背景 滴滴的 webapp 是運行在微信、支付寶、手 Q 以及其它第三方渠道的打車軟件。藉着產品層面的功能和視覺升級，咱們用 Vue 2.0 對它進行了一次技術重構。 技術棧 MVVM框架： Vue 2.0源碼：es6代碼風格檢查...

提升 webpack 構建 Vue 項目的速度 - 掘金
前言 最近有人給個人 Vue2 後臺管理系統解決方案 提了 issue ，說執行 npm run build 構建項目的時候極其慢，而後就引發個人注意了。在項目中，引入了比較多的第三方庫，致使項目大，而每次修改，都不會去修改到這些庫，構建卻都要再打包這些庫，浪...

單頁應用 - Token 驗證 - 掘金
第一次接觸單頁應用,記錄公司項目關於Token驗證知識. Token的工做原理 Token工做原理 1. 登陸時候,客戶端經過用戶名與密碼請求登陸 2. 服務端收到請求區驗證用戶名與密碼 3. 驗證經過,服務端會簽發一個Token,再把這個Token發給客戶端...

Vue.js 插件開發詳解 - 掘金
前言 隨着 Vue.js 愈來愈火，Vue.js 的相關插件也在不斷的被貢獻出來，數不勝數。好比官方推薦的 vue-router、vuex 等，都是很是優秀的插件。可是咱們更多的人還只停留在使用的階段，比較少本身開發。因此接下來會經過一個簡單的 vue-toa...

史上最詳細VUE2.0全套demo講解 基礎2（列表渲染） - 掘金
做者 ：混元霹靂手-Ziksang 在基礎1發佈以後，我真心發現，根據api進一步分析，再結合工做中的實際demo給你們講解以後，大清早就收穫了平均一分種一個喜歡，這使我很欣慰，本身的努力沒有白費，我決心稱熱打鐵立刻出擊，打造基礎2，在基礎上的部分我將給你們...

史上最詳細VUE2.0全套demo講解 基礎1（模板語法） - 掘金
做者 : 混元霹靂手 ziksang 一開始在vue1.0的時候我就開始關注掘金的vue專欄，可是一直給我一種感覺，真正能靜下心來給讀者寫好每個細講，每個講解點，我以爲是最重要的，雖然我沒有什麼能力給你們帶來像iview,mint ui等一系列大牛的基礎...

解析 vue2.0 的 diff 算法 - 前端 - 掘金
前言 vue2.0加入了virtual dom，有向react靠攏的意思。vue的diff位於 patch.js 文件中，個人一個小框架 aoy 也一樣使用此算法，該算法來源於&n...

實測 Vue SSR 的渲染性能：避開 20 倍耗時 - 前端 - 掘金
導語：Vue SSR是Vue.js 2.0引入的直出渲染方案，本文將全面解析virtual-dom-based 及 string-based 的原理並對其進行對比。 1、前言 前端技術年年有新寵，Vue.js 2.0以其輕量級、漸進式、簡...

VUE 2.0 學習總結 - 前端 - 掘金
VUE2.0學習 vue介紹 vue是什麼？ https://vuefe.cn/guide vue也是一個數據驅動框架，作spa頁面的 vue若是不作頁面能夠當作一個單獨使用的js庫，作雙向數據綁定用 Vue的核心庫只關注視圖...

原生 JS 中對象相關 API 合集 - 前端 - 掘金
Microzz zhaohui@microzz.com 主頁 ...

JavaScript 數組方法總結（中） - 前端 - 掘金
JavaScript中提供了多種數組方法，以下： 轉換方法—toLocaleString()方法、toString()方法、valueOf()方法 棧方法——push()方法、pop()方法 隊列方法——shift()方法、unsh...

一個超輕量級的時間處理工具庫 - dateformat.js - 前端 - 掘金
dateformat.js 是一個很是簡潔、輕量級、不到 5kb 的很簡潔的 Javascript 庫， 它是一個時間的處理工具類。 ...

Vue 小項目的最佳實踐 - 掘金
項目簡介 目前一期只是爲App內某個模塊資訊模塊文章的分享和APP下載，後續還會有更多的功能,爲了項目可擴展、可伸縮結合了我之前的實踐搭建了此項目項目地址,若是這個簡單的項目能給您帶來幫助請給小哥哥⭐Star好很差（手動筆芯）。 功能 根據分享出來的文章I...

『收藏』VUE 優秀 UI 組件庫合集 - 前端 - 掘金
github 開源的 Vue 優秀 UI 組件庫合集✔...

vue 2.2 API 在線手冊 - 前端 - 掘金
vue 2.2 API 在線手冊，一點就一個 iframe 很方便，直入主題，不廢話;...

文本動畫, 幾行代碼頁面效果瞬間就提高了 - 前端 - 掘金
animate-text 文字動畫和數字動畫 animate text 查看DEMO...

VSCode 拓展插件推薦——提升 Node 和 Vue 開發效率 - 工具資源 - 掘金插件列表 Auto Close Tag 自動閉合HTML標籤 Auto Rename Tag 修改HTML標籤時，自動修改匹配的標籤 Bookmarks 添加行書籤 Can I Use HTML五、CSS三、SVG的瀏覽器兼容性...