關於一些Vue的文章。(3) – 掘金
原文連結我的blog,歡迎STAR。 這次和想要大家分享的一篇文章解析Vue diff 演算法 在上篇裡,我們提到在渲染時,render>template>el,但是最終,我們得到的都是render函式,那麼render函式的作用是什麼?接下來該幹…
vue-bel-table: 更優雅地使用 element ui 的 table 元件 – 前端 – 掘金
Description A vue table component that base on element ui.Just for using el-table component more conve…
基於原生js拖拽庫, 順便封裝成 vue 元件, 寫文件時間比寫程式碼時間還長, 分享給大家~~~ – 前端 – 掘金
dnd.js 拖放庫 drag and drop 檢視DEMO …
Vue.js 外掛開發詳解 – 掘金
前言 隨著 Vue.js 越來越火,Vue.js 的相關外掛也在不斷的被貢獻出來,數不勝數。比如官方推薦的 vue-router、vuex 等,都是非常優秀的外掛。但是我們更多的人還只停留在使用的階段,比較少自己開發。所以接下來會通過一個簡單的 vue-toa…
Vuex2 與 Axios 開發 – 前端 – 掘金
總結筆者最近在專案中使用Vuex2和Axios的總結和小技巧,方便日後檢視。本人能力有限,如有錯誤還請大大們指正探討?。 閱讀前須知 接上一篇的Axios的配置,閱讀本文預設您已經掌握了Vuex2的基本語法、Axios的使用配置與方法、Promi…
通過 Weex 300 行程式碼開發一款簡易的跑步 App – 前端 – 掘金
一套構建高效能、可擴充套件的原生應用的跨平臺開發方案 Weex 給大家帶來的無疑是客戶端開發效率的提升,我們可以通過一套程式碼,實現web,android, iOS的三個平臺上執行。自己最近嘗試了一次…
如何寫一手漂亮的 Vue – 前端 – 掘金
前幾日聽到一句生猛與激勵並存,可怕與尷尬同在,最無奈也無解的話:“90後,你的中年危機已經殺到”。這令我很受觸動。顯然,這有些誇張了,但就目前這日復一日的庸碌下去,眨眼的功夫,那情形就會在這骨感的現實面前,悄然的被顯現。所以,越發體驗到,當必要有計劃的去做,去…
寫給 iOS 程式設計師的 Weex 教程(5):增量更新實現 – iOS – 掘金
Weex 的一大特點就是可以熱更新,繞過 App Store 的稽核。但 Weex 本身沒有提供相關工具,需要我們實現。 就熱更新本身而言,最簡單的方案是下載一個 zip 包,然後解壓替換原來的。只是這個方案的缺點是每次都需要下載一個完整的 zip 包,耗時長…
VUE + VUEX + FIREBASE + BULMA 實現的 VUE SPA SSR 專案 – 前端 – 掘金
這是一個 VUE + VUEX + FIREBASE + BULMA … 實現的 SPA SSR專案 live demo …
奇舞週刊第 202 期:揭祕 Vue.js 中的 diff 演算法 – 前端 – 掘金
記得點選文章末尾的“閱讀原文”檢視喲~ 下面先一起看下本期週刊摘要吧~ 時間過得好快,轉眼又到週五~ 新一期週刊出爐啦,雖然週刊君的 bug 還沒改完 TAT,啊快賜予週刊君力量!~ 你一定會注意到,本期的文章數量較以前少了一些些。含…
解析 vue2.0 的 diff 演算法 – 前端 – 掘金
前言 vue2.0加入了virtual dom,有向react靠攏的意思。vue的diff位於 patch.js 檔案中,我的一個小框架 aoy 也同樣使用此演算法,該演算法來源於&n…
如何使用 Vue2 做服務端渲染 – 前端 – 掘金
花費了一個月時間,終於在新養車之家專案中成功部署了vue2服務端渲染(SSR),並且使用上了Vuex 負責狀態管理,首屏載入時間從之前4G網路下的1000ms,提升到了現在500-700ms之間,SSR的優勢有很多,現在讓我來跟你細細道來。 技術棧 服務端:N…
towebp-loader 誕生記~ 一個 webpack 圖片 loader – 前端 – 掘金
在上篇Vuejs webp圖片支援,外掛開發過程~ 中我做了一個圖片轉換成webp的元件,並且使用了相關的loader,但是我們在使用過程中發現webp和原圖的hash是不一樣的,這樣我們就沒有辦法保留版本的概念了,臨時我使用時間戳來作為替代,但是這樣每次上傳…
vswipe.js – 前端 – 掘金
又小又流暢…
一隻基於 Vue2.x 的移動端 & 微信 UI。 -YDUI Touch – 前端 – 掘金
Vue-ydui 是 YDUI Touch 的一個 Vue2.x 實現版本,專為移動端打造,在追求完美視覺體驗的同時也保證了其效能高效。提供使用 rem 和 px 樣式單位的兩個版本。真正意義上的按需載入元件,可以只載入宣告過的元件及其樣式檔案,無需再糾結檔案…
vue-ssr (Vue 服務端渲染) – 前端 – 掘金
前言 自從前端技術棧換到 mvvm 之類的以後網站的原始碼檢視就只會有一些js了,對於使用者是沒什麼問題但是卻對 seo 有很大的問題。 因為百度之類的爬蟲不會執行js來渲染所以無法得到內容。大部分主流的mvvm框架都有了 ssr(Server Side Rend…
Vue2 全家桶與微信開發 – 前端 – 掘金
此專案本身有一個APP了,為了方便將APP和微信端資料打通,需要使用者微信和APP使用者繫結。在開發的過程中單頁面的模式在微信JS API的配置踩了很多坑,特別是IOS。由於本人表述能力和篇幅有限Orz,這裡只介紹關鍵的實現步驟和程式碼,有些安全的地方和路由地方處理…
企鵝社群移動版Vue2.0升級手記 – 掘金
騰訊雲技術社群-掘金主頁持續為大家呈現雲端計算技術文章,歡迎大家關注! 劉小松:2010年加入騰訊,從事區域業務的應用開發,具備十餘年的專案經驗。在Vue的應用、騰訊新聞和微信的SPA開發有深度實踐。 前言 企鵝社群移動版前端採用VUE 1.0開發。隨著…
Vue2全家桶+Echarts實現多種圖表(附原始碼) – 前端 – 掘金
資料視覺化 將資料通過圖表的形式展現出來將大大的提升可讀性和閱讀效率 本例包含柱狀圖、折線圖、散點圖、熱力圖、複雜柱狀圖、預覽皮膚等 後續會有新的版本,歡迎大家關注 技術棧 vue2.x vuex 儲存公共變數,如色值…
一個基於vue2、koa2和mongodb的部落格 – 掘金
部落格終於差不多寫完了,雖然還是可能有一堆bug, 不過我迫不及待要寫一篇博文來分享了= = 部落格前臺展示 部落格前臺展示 部落格後臺展示 部落格後臺展示部落格後臺編輯 專案地址 github地址:https://github.com/BUPT-HJM/v…
vuex 快速上手 – 前端 – 掘金
Vuex 理解 簡單解釋下: Vuex 使用 單一狀態樹,通俗理解就是一個應用的資料集合,可以想象為一個“前端資料庫”,讓其在各個頁面上實現資料的共享,並且可操作 Vuex 規定,屬於應用層級的狀態只能通過 Mutat…
使用 Vue 渲染可配置表單 — 記一次問卷平臺專案 – 前端 – 掘金
近幾天來了個緊急專案,想要做一個內部版本的問卷星。相當於可以編輯問卷並提供問卷展示,資料統計的這麼一個平臺。整個專案耗時不長,本著積澱和積累的原則,將過程中的思路和收穫進行一下沉澱。由於公司原因,程式碼尚未開源。 不過沉澱了個動態配置表單的嘗試: git…
Vue2.0 進階元件篇 5 解析 vux(無逢 marquee 元件) – 掘金
作者 : 混元霹靂手-ziksang 我這裡就不帖圖了,marquee就是輪播廣告或公告。。。。。 給vux打打廣告吧,我感覺功能最強大的還是vux ui庫,我帶大家看看這玩意如何實現的,你別看學別人寫元件,還能學到一些你平常用不到的弱知識點,雙擊,6666…
Vue2.0 探索之路——vuex 入門教程和思考 – 前端 – 掘金
Vuex是什麼 首先對於vuex是什麼,我先引用下官方的解釋。 Vuex 是一個專為 Vue.js 應用程式開發的狀態管理模式。它…
Vue2.0進階元件篇1 教你秒擼(簡訊倒數計時元件) – 掘金
作者 混元霹靂手-ziksang 原本我想隔個幾天再發文章,剛好今天專案上線,環境有問題,導致只有乾等,剛好要為公司打造一套屬於公司自己的一系列功能元件,這個使命就交給我了,大家也一直叫我來點乾貨,說實話我只是一個溼貨,肚子裡幹一點就給你們出點貨,那從今天開…
分享一個 Vue 進度條元件 – 前端 – 掘金
vue-progress…
Vue2.0進階元件篇2 解析餓了麼(spinner元件) – 掘金
作者 混元霹靂手-ziksang 前兩天一個同學問我想叫我寫了一個spinner元件,那OK我就是那麼能滿足大家的口味,如果寫一個spinner元件,別看一個小小的元件如何去寫,很多人問我vuex,vue-router怎麼玩,這東西有什麼好玩的,看看api文…
提高 webpack 構建 Vue 專案的速度 – 掘金
前言 最近有人給我的 Vue2 後臺管理系統解決方案 提了 issue ,說執行 npm run build 構建專案的時候極其慢,然後就引起我的注意了。在專案中,引入了比較多的第三方庫,導致專案大,而每次修改,都不會去修改到這些庫,構建卻都要再打包這些庫,浪…
VUE + VUEX + FIREBASE + BULMA 實現的 VUE SPA SSR 專案 – 前端 – 掘金
這是一個 VUE + VUEX + FIREBASE + BULMA … 實現的 SPA SSR專案 live demo …
技術 | Vue2.0 實踐,順手擼了一個小專案 – 前端 – 掘金
如圖:愜意 傳送門:https://github.com/icepy/inde…,或閱讀原文。 這個專案的背景還要從“移動企業門戶”說起,這是我廠的一個小專案,現也開源在Github上,其目的是為了給企業開發自己的企業門戶提供參考和…
史上最詳細VUE2.0全套demo講解 基礎2(列表渲染) – 掘金
作者 :混元霹靂手-Ziksang 在基礎1釋出之後,我真心發現,根據api進一步分析,再結合工作中的實際demo給大家講解之後,大清早就收穫了平均一分種一個喜歡,這使我很欣慰,自己的努力沒有白費,我決心稱熱打鐵馬上出擊,打造基礎2,在基礎上的部分我將給大家…
史上最詳細VUE2.0全套demo講解 基礎1(模板語法) – 掘金
作者 : 混元霹靂手 ziksang 一開始在vue1.0的時候我就開始關注掘金的vue專欄,但是一直給我一種感受,真正能靜下心來給讀者寫好每一個細講,每一個講解點,我覺得是最重要的,雖然我沒有什麼能力給大家帶來像iview,mint ui等一系列大牛的基礎…
打造 Vue.js 可複用元件 – 前端 – 掘金
Vue.js 是一套構建使用者介面的漸進式框架。我們可以使用簡單的 API 來實現響應式的資料繫結和組合的檢視元件。 從維護檢視到維護資料,Vue.js 讓我們快速地開發應用。但隨著業務程式碼日益龐大,元件也越來越…
前端週刊第 47 期:Vue.js 後臺模板 + React Conf 2017 + 餓了麼面試寶典 – 掘金
本文共 2676 字,讀完需 5 分鐘,速讀需 1 分鐘。認真閱讀每期推送的同學可能發現,前端週刊收錄的文章很大比例是英文,早期甚至全是英文,後來接到很多同學反饋才適量增加了中文內容的比例。但是整體來講,我期望能給大家一個刻意學習技術英語的機會,期望有心人能把…
Vuex 通俗版教程 – 前端 – 掘金
本文基本上是官方教程的盜版,用通俗易懂的文字講解Vuex,也對原文內容有刪減。 如果你對以上宣告不介意,那麼就可以繼續看本文,希望對你有所幫助。 學習一個新技術,必須要清楚兩個W,”What &&…
Vue2 全家桶與微信開發 – 前端 – 掘金
此專案本身有一個APP了,為了方便將APP和微信端資料打通,需要使用者微信和APP使用者繫結。在開發的過程中單頁面的模式在微信JS API的配置踩了很多坑,特別是IOS。由於本人表述能力和篇幅有限Orz,這裡只介紹關鍵的實現步驟和程式碼,有些安全的地方和路由地方處理…
一個生成 svg 圖示元件的工具: vue-svgicon (vue 2.x) – 前端 – 掘金
A tool to create svg icon components. (vue 2.x) Inspiration https://github.com/Justineo/v… demo https://mmf-fe….
Vue 服務端渲染業務入門實踐 – 前端 – 掘金
作者:威威(滬江前端開發工程師) 本文原創,轉載請註明作者及出處。 背景 最近, 產品同學一如往常笑嘻嘻的遞來需求文件, 縱使內心萬般拒絕, 身體倒是很誠實。 接過需求,好在需求不復雜, 簡單構思 後決定用Vue, 得心應手。 切好圖,…
現學現賣微信小程式開發(二) – 掘金
現學現賣微信小程式開發(一)現學現賣微信小程式開發(三):引入Rx,為小程式插上翅膀 一個Todo應用的小程式版 好的,那麼下一步我們就先照貓畫虎,新建一個todos資料夾,然後一套四樣同名檔案準備齊全 新建todos目錄和相關檔案 先在app.json中報個…
npm – 參考手冊 – 前端 – 掘金
Menu Close Home Subscribe 索引 許可權 …
50+ Web 開發者必備指南 & 文件 – 前端 – 掘金
Web 開發語言 CSS –層疊樣式表 CSS Cheatsheet via OverAPI.com Web CSS Vocabulary Web View Media Queries Cheat Sheet Web View font…
10 個最適合 Web 和 APP 開發的 NodeJS 框架 – 前端 – 掘金
在瀏覽器以外執行JavaScript對於JavaScript愛好者來說非常神奇,同時也肯定是web應用程式開發界最受歡迎的進步之一。全球各地的開發者張開雙臂擁抱NodeJS。 對於新手來說,Node.js 是JavaScript執行時,允許你在瀏覽器之外…
掘金前端團隊 Vue.js 元件化程式設計分享 – 前端 – 掘金
很感謝 Coding 邀請我來分享我們團隊 Vue.js 的一些積累。使用 Vue 也已經超過 1 年了,從一開始的簡單應用,到現在相當複雜的 web 應用,Vue 社群不斷壯大也有更多好的工具為我們所用。這個分享裡我主要講了 Vue.js 的 Compone…
React Native 從入門到原始碼分析 – 瞭解 RN 百態 – iOS – 掘金
閱讀本文大約需要8分鐘本文帶你瞭解React Native出現的背景、解決的問題以及深入學習理解React Native的執行機制。本文投稿人bestswifter:部落格:https://bestswifter.com/react…本文所講知識點…
使用 webpack 進行 ES6 開發 – 前端 – 掘金
年前摸索著寫了一個 使用gulp 進行ES6開發 ,今天再摸索著學習一下webpack吧。。 一些題外話 使用 webpack 的初衷其實是想用 React。學習 React 的時候,始終被一個問題困擾:既然元件已經模組化了,比如一個 jsx 檔案對應一個元件…
webpack 入坑之旅(一)不是開始的開始 – 前端 – 掘金
最近學習框架,選擇了vue,然後接觸到了vue中的單檔案元件,官方推薦使用 Webpack + vue-loader構建這些單檔案 Vue 元件,於是就開始了webpack的入坑之旅。因為原來沒有用過任何的構建工具與模組化工具,所以本系列會十分的基礎。並且可能…
VUE 2.0 學習總結 – 前端 – 掘金
VUE2.0學習 vue介紹 vue是什麼? https://vuefe.cn/guide vue也是一個資料驅動框架,做spa頁面的 vue如果不做頁面可以當做一個單獨使用的js庫,做雙向資料繫結用 Vue的核心庫只關注檢視…
前端每週清單第10期:Firefox53、React VR 釋出、JS 測試技術概述、Microsoft Edge 現代 DOM 樹構建及效能之道 – 前端 – 掘金
作者|王下邀月熊 編輯|尾尾 由於微信不支援外鏈,故在相關內容後的提供了短連結,方便大家複製。檢視本文帶連結版請移步:https://zhuanlan.zhihu.com/p/…。 新聞熱點 國內國外…
Nodejs進階:MD5入門介紹及crypto模組的應用 – 掘金
本文摘錄自《Nodejs學習筆記》,更多章節及更新,請訪問 github主頁地址。歡迎加群交流,群號 197339705。 簡介 MD5(Message-Digest Algorithm)是電腦保安領域廣泛使用的雜湊函式(又稱雜湊演算法、摘要演算法),主要用來…