vue(3) - 收藏集 - 掘金

時間 2019-12-20

標籤 vue 收藏简体版

原文原文鏈接

Vue2.0 Transition 常見用法全解惑 - 前端 - 掘金
Vue2.0的過渡系統（transition）有了很大的改變，想把1.0的項目遷移到2.0，着實須要費一些功夫，今天我就要把vue2.0的過渡系統的用法搞清楚，由於以前確實踩了很多坑。這裏只涉及單元素/組件的過渡實現，vue2.0的文檔中還講到了初始渲染的過渡...javascript

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

Vue 組件開發實踐之 scopedSlot 的傳遞 - 前端 - 掘金
導語現今的前端開發都講究模塊化組件化，即把公共的交互和功能封裝到一個個的組件之中，在開發總體界面的時候就能像搭積木同樣快速清晰高效。在使用Vue開發咱們的vhtml-ui的組件庫的過程當中遇到了組件嵌套組件時須要傳遞scopedSlot的狀況，官方的文檔和教程...前端

Vue.js 插件開發 - 前端 - 掘金
做者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是爲應用添加全局功能的一種強大並且簡單的方式。插...vue

前端 vue2 + 後端 koa2, 全棧式開發 bilibili 首頁 - 前端 - 掘金
預覽地址： http://www.lybenson.com/bilib... 前言 ...java

如何在 Vue.js 中使用第三方庫 - 前端 - 掘金
在諸多 Vue.js 應用中, Lodash, Moment, Axios, Async等都是一些很是有用的 JavaScript 庫. 但隨着項目愈來愈複雜, 可能會採起組件化和模塊化的方式來組織代碼, 還可能要使應用支持不一樣環境下的服務端渲染. 除非你找到...node

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

關於一些Vue的文章。（7） - 掘金
原文連接個人blog，歡迎STAR。首先安利一波福利，有沒有用vscode的小夥伴？推薦一個神奇的字體，自從用了這個字體，敲代碼效率簡直上天了。先上圖看看效果：全等箭頭函數小於等於還有其餘許多，就不一一列舉出來了。有沒有看上了的？沒有我等下再來問...webpack

關於一些 Vue 的文章。（6） - 掘金
原文連接個人blog，歡迎STAR。在上篇裏，咱們已經分析了在 main.js 能夠經過el屬性設置掛載點，又能夠經過手動設置 vm.$mount()。在這篇，咱們深刻底層，瞭解原理。老規矩，咱們先分享一篇文章 Vue.js 源碼學習筆記。這篇文章裏反...ios

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

關於一些Vue的文章。（4） - 掘金
原文連接個人blog，歡迎STAR。接着上一篇，咱們繼續來說Vue的Virtual Dom diff 算法中的patchVnode方法，以及核心updateChildren方法。在上篇中，咱們談到，當vnode不爲真實節點，且vnode與oldVnod...

關於一些Vue的文章。（3） - 掘金
原文連接個人blog，歡迎STAR。此次和想要你們分享的一篇文章解析Vue diff 算法在上篇裏，咱們提到在渲染時，render>template>el，可是最終，咱們獲得的都是render函數，那麼render函數的做用是什麼？接下來該幹...

關於一些Vue的文章。（2） - 掘金
原文連接個人blog，歡迎STAR。此次想要分享的一篇文章是：從一個奇怪的錯誤出發理解Vue的基本概念。這篇文章以Vue的兩種構建方式作爲切入點，深刻探討了Vue的基本概念，編譯以及掛載的相關過程。在這篇文章裏學到不少之前忽略的地方: 開始學習vu...

關於一些Vue的文章。（1） - 掘金
原文連接個人blog，歡迎STAR。今天分享的一篇文章是關於vuex的源碼解析的，連接vuex源碼解析，在如今所作的項目裏的每一個組件，至少都有一個輔助函數，或者是....mapGetters，或者是...mapActions, 擴展運算符，以及解構也常常...

Vue-cli 圖文視頻教程 - 前端 - 掘金
Vue-cli是vue官方出品的快速構建單頁應用的腳手架，若是你是初次嘗試Vue，我不建議使用，推薦你老老實實用普通引入javascript文件的方式進行學習（你能夠去看個人vue視頻教程的1-4季），這裏牽扯的東西不少，有webpack，npm，nodejs...

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

Vue 之 slot 深度複製 - 前端 - 掘金
在Vue中，slot>是一個頗有用的特性，能夠用來向組件內部插入一些內容。slot>就是「插槽」的意思，用大白話說就是：定義組件的時候留幾個口子，由用戶來決定插入的內容。例如咱們定義一個組件MyComponent，其包含一個slo...

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

從零搭建 vue2+vue-router2+webpack2 工程 - 前端 - 掘金
一直在維護一篇從零搭建vue2+webpack1工程的文章——《vue2 vue-router2 webpack》，期間也計劃着等webpack2正式發佈了再來寫這篇文章，如今已經正式發佈了，官方文檔也已經所有完成，相比舊版，新版的文檔不只指導你該如何配置，還...

Vue.js 自定義指令的用法與實例 - 前端 - 掘金
市面上大多數關於Vue.js自定義指令的文章都在講語法，不多講實際的應用場景和用例，以至於即使明白了怎麼寫，也不知道怎麼用。本文不講語法，就講自定義指令的用法。自定義指令是用來操做DOM的。儘管Vue推崇數據驅動視圖的理念，但並不是全部狀況都適合數據驅動。...

剖析 vue 實現原理，本身動手實現 mvvm - 前端 - 掘金
剖析Vue實現原理 - 如何實現雙向綁定mvvm 本文能幫你作什麼？一、...

數據綁定之謎 - 前端 - 掘金
所謂的雙向綁定，無非是從界面的操做能實時反映到數據，數據的變動能實時展示到界面。數據綁定換種說法，若是咱們有一個 user 對象和一個 name 屬性，一旦咱們賦了一個新值給 user.name,在 UI 上就會顯示新的姓名了。同...

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

[[vue 最新實戰] gank 客戶端（vue2 + vue-router2 + vuex +webpace + es6）新手福利，乾貨多多 - 前端 - 掘金](https://juejin.im/entry/58799...
vue-meizi 本項目是基於vue2最新實戰項目，是適合新手進階的絕佳教程。代碼簡單易懂，註釋多多。實現了移動端使用最多的無限滾動，圖片加載，左右滑動，等待。先發布預覽版本，後面更多更全的功能和教程將會陸續發出。 ...

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

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

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

寫個 vue-loading-template 組件 - 掘金
趁着5.1來臨之際，告訴大家一個好消息： demo: https://jkchao.github.io/vue-... 源碼(star ? start : start)：https://github.com/jkchao/vue... 組...

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

Vue 二維碼生成器, 贏一手支持彩色背景和彩色實點 - 前端 - 掘金
The Vue 2.x Component for SumiMakito's Awesome-qr.js The only one qr code component for Vue.js you nee...

用 Vue 實現帶 Dom 回收功能的無盡滾動列表組件 - 前端 - 掘金
前不久在掘金看到一篇譯文 [譯] 無盡滾動的複雜度 -- 來自 Google 大神的拆解，碰巧在業務中常用無限滾動列表，文中的思路很是有啓發性。因而就用vue實現了一個類似思路的infinite scroll list組件。 ...

Vonic 2.0 全新文檔站上線 - 前端 - 掘金
VONIC Mobile UI Components, based on Vue.js and ionic CSS. 介紹什麼是 vonic ？...

Vue.js 項目使用 Karma 作自動化 UI 測試 - 前端 - 掘金
Vue.js 項目使用 Karma 作自動化UI測試內部測試代碼不宜公開,所以以開源項目 Rubik UI 的測試代碼爲例子只是階段小結，暫沒有面面俱到環境安裝完 Karma 並自動生成 karma.conf.js 後選用 m...

Vonic 簡明教程（二）：組件與服務 - 前端 - 掘金
Vonic 是一個基於Vue.js和ionic樣式的UI框架，用於方便快速地搭建單頁應用。 GitHub 地址概述這裏主要介紹如何使用Vonic提供的組件與服務，並給出一個登陸頁範例組件Vonic核心js文件加載完成後，會在window上暴露一個全局變量...

Vonic 簡明教程（一）：起步 - 前端 - 掘金
Vonic 是一個基於Vue.js和ionic樣式的UI框架，用於方便快速地搭建單頁應用。 GitHub 地址如何利用Vonic快速搭建一個單頁應用腳手架寫幾個頁面組件，配下路由。對，就這樣。準備Vonic依賴於vue.js、vue-router.js、...

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

一個 Vue.js+Node.js 的博客內容管理系統 - 前端 - 掘金
在用過臃腫的WordPress後，一直想本身寫一個輕便簡約的博客內容管理器（CMS）。一拖再拖，在暑假開學前，終是完成了這麼個玩意兒。嗯，其實我想完成的功能：一個基本的博客內容管理器功能，如後臺登錄，發佈並管理文章等支持markdown語法編輯支持...

Vue 顯示 xxx 時間前的組件: vue-timeago - 前端 - 掘金
A timeago component for Vue. Install $ npm install --save vue-timeago It's also available on NPMCDN: https://npmcdn.com/vue-ti...

新手向：Vue 2.0 的建議學習順序 - 前端 - 掘金
Vue.js 做者親自寫的 Vue 2.0 新手教程，想入門 Vue.js 的前端開發不要錯過。...

基於 vue2.0+vuex 的日期選擇組件 - 前端 - 掘金
介紹一個選擇日期的vue組件基於vue2.0 + vuex 本來是想找這樣的一個組件的，查看了vuex後，發現vuex的寫法還不是基於2.0的，因此就本身動手作了 demo展現&&項目中的使用目錄結構 demo 用vue-cli 的...

Scroller for Vue 2.0 - 前端 - 掘金
下拉刷新無限加載（For Vue 1.0, please refer to https://github.com/wangdahoo/...）...

自帶氣泡提示的 vue 校驗插件 - 前端 - 掘金
安裝 npm install vue-verify-pop 使用 VUE版本：1.x 必須在vue-cli生成的webpack模板環境中使用一，在./main.js中執行全局配置 import vue from 'vue' ...

Vue-Flatpickr 更新到 2.2.0 版本了！ - 前端 - 掘金
封裝了漂亮的日期選擇工具 Flatpickr 的 vue 組件，更新到 2.2.0 版本，修復了一堆的問題，也簡化了使用方法，值得嘗試。...

JS 瀑布流 - 前端 - 掘金

前言在咱們瀏覽各大網站，網頁，手機APP的時候，可能會遇到不少圖片大小不一，看起來雜亂無章，其實，它們是狠有順序的，排列在一塊兒。這就應用到了網站中一種很流行的頁面佈局---瀑布流，又稱瀑布流佈局。 ...

瀑布流式佈局 (Waterfall Layout) 的兩種經常使用實現方式 - 前端 - 掘金
瀑布流式佈局 (Waterfall Layout) 介紹什麼是瀑布流佈局？直接到 ...

Vue.js 一個超長列表無限滾動加載的解決方案 - 前端 - 掘金
在線DEMO 序衆所周知，列表滾動加載這種需求很常見，特別是在移動webapp上。Github上各款移動端ui框架都會包含滾動加載功能的組件，但它們每每只提供很基礎的功能，例如簡單地監聽滾動條並在知足條件的時候觸發回調，而後經過某些方法把新的元素...

一段人人都應該知道的從Vue到React的過渡史 - 掘金
寫在前面之前寫Vue寫慣了，心血來潮，寫起了React。並根據Vue官網文檔的語法順序，寫了對應的React的語法，並附一個教程demo。教程的github地址：Close2React 項目使用框架版本主要有 react(15.4.1) + react-d...

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

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

基於vuejs2+webpack2+vuxui2多頁面架手腳，支持二級目錄 - 掘金
前言 vue2.0上線已經有一段時間了，如今vue2.1也都已經發布了，是時候來更新基於vue的多頁面腳手架了。相信用vue的童鞋，不少一部分在用於spa（單頁面）項目，也不排除傳統的多頁面項目，咱們就用vue開發了多頁面的webapp，相對於spa開發效率...

Vue.js 動畫在項目使用的兩個示例 - 前端 - 掘金
做者 | 李萌編輯 | 京露李萌，16年畢業，Web前端開發從業者，目前就任於騰訊，喜歡node.js、vue.js等技術，熱愛新技術，熱愛編程。 vue.js的文檔對於動畫的使用作了不少的介紹，不熟悉的小夥伴能夠先了解一下。下面就進入正題啦...

Vuex 2.0 源碼分析（上） - 前端 - 掘金
你們好，我叫黃軼，來自滴滴公共前端團隊，最近在幕課網上線了一門 Vue.js 的實戰課程——《Vue.js高仿餓了麼外賣App 2016最火前端框架》，同時，咱們團隊最近寫了一本書 ——《Vue.js 權威指南》，內容豐富，由淺入深。不過有一些同窗反饋說缺乏 ...

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

Vue.js 2.0 源碼解析以前端渲染篇 - 前端 - 掘金做者介紹：王鶴，騰訊前端高級工程師，參與過QQ情侶、QQ星影聯盟、QQ個性化裝扮等項目的研發工做。秉承「不想當產品經理的程序員，不是好的設計師」。除敲敲代碼外，對產品、設計、攝影也有必定的興趣。 1、前言 Vue.js框架是目前比較火的MVVM框架之一，簡...

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。