(譯) 使用 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 一、前言 先講一下這個專案的由來。我司要新上一個產品，是面向教育領域的一個東西，要求快速開發又必須要相容 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 前端入門與工程實踐。 隨著應用複雜度的增加，我們需要…
-
服務端渲染簡介 服務端渲染不是一個新的技術；在 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 …
一個基於vue2、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 學習系列 – 前端 – 掘金
閱讀目錄一、MVVM大比拼二、Vue常用網址三、Vue基礎入門1、MVVM圖例2、第一個Vue例項3、雙向繫結四、常用指令1、v-text、v-html指令2、v-model指令3、v-if、v-else指令4、v-show指令5、v-for指令6、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 的原理並對其進行對比。 一、前言 前端技術年年有新寵，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 一路用過來. 雖…
-
服務端渲染簡介 服務端渲染不是一個新的技術；在 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 的原理並對其進行對比。 一、前言 前端技術年年有新寵，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 HTML5、CSS3、SVG的瀏覽器相容性…