vue2 - 收藏集 - 掘金

這道題--致敬各位10年阿里的前端開發 - 掘金
很巧合，我在認識了兩位同是10年工做經驗的阿里前端開發小夥伴，不但要向前輩學習，我有時候還會選擇另外一種方法逗逗他們，拿了網上一道經典面試題，可能我連去阿里面試的機會都沒有，可是我感覺到了一次面試10年阿里的前端開發，讓我感受一個字，比吃老壇酸菜還爽！雖然有答對...

『收藏』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 探索之路——vuex 入門教程和思考 - 前端 - 掘金
Vuex是什麼 首先對於vuex是什麼，我先引用下官方的解釋。 Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它...

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

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

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

使用 vuejs 開發的一個面試頁面 - 前端 - 掘金
試題連接 參考答案GitHub地址 第一部分 是關於javascript的簡答題，考的是js基礎知識。涉及的內容包括數組操做，js中改變this指向的方法call()以及js原型法。 ...

這多是目前最新的 Vue 相關開源項目庫彙總 - 前端 - 掘金
awesome-github-vue 是由OpenDigg整理並維護的Vue相關開源項目庫集合。咱們會按期同步OpenDigg上的項目到這裏，也歡迎各位提交項目給咱們。 ...

Vue2 後臺管理系統解決方案 - 前端 - 掘金
基於Vue.js 2.x系列 + Element UI 的後臺管理系統解決方案。線上地址 前言 以前在公司用了Vue + Element組件庫作了個後臺管理系統，基本不少組件能夠直接引用組件庫的，可是也有一些需求沒法知足。像圖...

2017 百度前端技術學院——vue 源碼分析之動態數據綁定一 - 前端 - 掘金
1、Object.keys() Object.keys()方法會返回一個由給定對象的全部可枚舉自身屬性的屬性名組成的數組，數組中屬性名的排列順序和使用(for in)循環遍歷該對象時返回的順序一致 (順序一致不包括數字屬性)（兩...

快速上手 Vuex - 前端 - 掘金
Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的全部組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試工具 devtools extension，提供了諸如零配置的 t...

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

Vue 引入遠程 JS 文件 - 前端 - 掘金
問題 最近在使用 Vue 作東西，用到釘釘掃描登陸的功能，這裏須要引入遠程的 js 文件，由於 Vue 的方式跟以前的不太同樣，又不想把文件下載到本地應用，找了一下解決的方法，貌似都須要引入第三方的庫，最後找到了解決方案，分享之。 思路 一開始的思路是在 Vu...

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

『翻譯』JavaScript 技術面試時要當心的三個問題 - 前端 - 掘金
馬里奧碰到花朵就變身。 什麼是馬里奧？一個裝着 16 × 32 個小色塊的長方形，其中一些色塊填着顏色，另外一些沒有。什麼是花？一個 16 × 16 的正方形。什麼是「變身」？把馬里奧這個方塊裏面表明衣服的褐色變成紅色，表明揹帶褲的紅色變成白色。什麼是褐...

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

考慮在你的下一個 Web 項目中使用 VueJS 吧！ - 前端 - 掘金
原文連接：Consider VueJS for Your Next Web Project 做者：Roman Kuba VueJS是什麼？ 大體上，你能夠把Vue（讀音與view相同）理解爲MV*當中的V層，若是非要和...

簡約至上，美炸了的 Vue 圓環菜單組件 - 前端 - 掘金
API Props ...

高仿餓了麼 app 商家詳情 （vue 2 +vue-router 2 + es 6 + webpack ） - 前端 - 掘金
demo demo 地址 項目依賴 ...

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

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 關注開發者在實際應用中遇到的問題。提供最真實的乾貨，以技術會友，爲廣大的開發者提供最...

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

技術 | Vue Cli 建立的 Vue 2.0 項目改形成能夠同時運行 Weex 環境下 - 前端 - 掘金
如題：Vue2.0項目改形成能夠同時運行在Weex環境中 至於Vue Cli如何建立項目這一節你們能夠參考官網上的幾個小節： $ npm install -g vue-cli $ vue init webpack my-project 基於此運行npm r...

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

Vuex 通俗版教程 - 前端 - 掘金
本文基本上是官方教程的盜版，用通俗易懂的文字講解Vuex，也對原文內容有刪減。 若是你對以上聲明不介意，那麼就能夠繼續看本文，但願對你有所幫助。 學習一個新技術，必需要清楚兩個W，"What &&...

[[Vue.js2.x]可從外部關閉的下拉菜單的自定義指令 - 掘金](https://juejin.im/post/58be0c...
網頁中有不少常見的下拉彈窗，好比下圖所示的用戶信息彈窗： 點擊用戶頭像和名稱，會彈出一個下拉菜單，而後點擊頁面中其它空白區域（除了彈窗自己外），彈窗就關閉了。本示例就用自定義指令來實現這樣的需求。 先來分析一下如何實現。 該示例有兩個特色，一是點擊下拉菜單本...

低仿餓了麼 H5 - 純前端 Vue 版 + 手把手教學 - 前端 - 掘金
低仿餓了麼H5-純前端Vue版+手把手教學 這是一個低仿餓了麼H5的純前端練手，數據是僞造的，寫的比較粗糙，寫這個的目的是爲了加深一下熟練度，半年前看到別人寫的仿cnodejs網站，我也用vue1仿了cnodeJs的網站，當時寫的也是粗糙的使人髮指，在線預覽：...

Vue2 後臺管理系統解決方案 - 前端 - 掘金
基於Vue.js 2.x系列 + Element UI 的後臺管理系統解決方案。線上地址 前言 以前在公司用了Vue + Element組件庫作了個後臺管理系統，基本不少組件能夠直接引用組件庫的，可是也有一些需求沒法知足。像圖...

Vue 引入遠程 JS 文件 - 前端 - 掘金
問題 最近在使用 Vue 作東西，用到釘釘掃描登陸的功能，這裏須要引入遠程的 js 文件，由於 Vue 的方式跟以前的不太同樣，又不想把文件下載到本地應用，找了一下解決的方法，貌似都須要引入第三方的庫，最後找到了解決方案，分享之。 思路 一開始的思路是在 Vu...

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...

Vue2+Echarts 實現多種圖表數據可視化 Dashboard 詳解（附源碼 - 前端 - 掘金
數據可視化  將數據經過圖表的形式展示出來將大大的提高可讀性和閱讀效率 本例包含柱狀圖、折線圖、散點圖、熱力圖、複雜柱狀圖、預覽面板等 技術棧 vue2.x vuex 存儲公共變量，如色值等 v...

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

Vue2.0 之寫一個本身的組件 - 前端 - 掘金
最近在研究vue 2.0，看了不少組件庫，當需求不少的時候，一個或兩個組件庫可能不可以知足咱們的需求，本身可以手寫一個組件的能力頗有必要。看了官網和幾個教程，發現寫的不是使人滿意，我決定寫一份簡單明瞭的教程，但願對你有幫助。 ...

使用 vue2+Vuex+Router 重寫餓了麼點餐系統和 vue 插件簡析 - 前端 - 掘金
一直對vue很感興趣，最近使用vue2.0開發了高仿餓了麼點餐系統來練練手，不得不說vue真是一個很不錯的框架，可是也遇到過一些坑，在這裏和你們分享一下 餓了麼...

webpack 代碼分割技巧 - 前端 - 掘金

1. 代碼中定義分割點 webpack支持在代碼中定義分割點。分割點指定的模塊只有在真正使用時才加載，可使用webpack提供的require.ensure語法: $('#okButton').click(fu...

Vue 核心之數據劫持 - 前端 - 掘金
Vue框架核心之數據劫持 前瞻 當前前端界空前繁榮，各類框架橫空出世，包括各種mvvm框架橫行霸道，好比Angular、Regular、Vue、React等等，它們最大的優勢就是能夠實現數據綁定，不再須要手動進行DOM操做了，它們實現的原理也基本上是髒檢查或...

Vue.js 學習系列四——Webpack 學習實踐 - 前端 - 掘金
這兩週一直想寫webpack的知識點，卻發現webpack其實要將webpack說的具體內容仍是挺多的。並且稀土掘金上一搜webpack有好多人都有去寫webpack的知識點，因此本文中再也不去重複別人的東西了，就簡單記錄一下我對webpack的理解。並按照老規...

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

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

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

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

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

Vue2.0 新手徹底填坑攻略—從環境搭建到發佈 - 前端 - 掘金
Jinkey原創感謝 showonne、yubang 技術指導https://github.com/showonneht... 地址:</strong>http://dem...

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

全棧開發實戰：用 Vue2+Koa1 開發完整的先後端項目 - 前端 - 掘金簡介 本文從一名新手的角度（默認對Vue有了解，對Koa或者Express有了解）出發，從0開始構建一個數據經過Koa提供API的形式獲取，頁面經過Vue渲染的完整的前端項目。能夠了解到Vue構建單頁面的一些知識以及前端路由的使用、Koa如何提...