vue技術棧

時間 2019-12-06

標籤 vue 技術简体版

原文原文鏈接

Vue.js - 起手式

請各位讀者添加一下做者的微信公衆號，之後有新的文章，將在微信公衆號直接推送給各位，很是感謝。 0x00：前言此次前言不想扯太多。本文主要是記錄一下本身的學習歷程，順帶作一個總結。其中有參考 Vue.js 的中文文檔,也有去查看其它大大們給出的總結。最後也是一個期盼，但願…

vue

[[vue 最新實戰] gank 客戶端（vue2 + vue-router2 + vuex +webpace + es6）新手福利，乾貨多多](https://juejin.im/entry/58799...

本項目是基於 vue2 最新實戰項目，是適合新手進階的絕佳教程。代碼簡單易懂，註釋多多。實現了移動端使用最多的無限滾動，圖片加載，左右滑動，等待。先發布預覽版本，後面更多更全的功能和教程將會陸續發出。

node

karma+webpack 搭建 vue 單元測試環境

最近作了一次關於 vue 組件自動化測試的分享，如今將 vue 組件單元測試環境搭建過程整理一下。此次搭建的測試環境和開發環境隔離，因此理論上適用全部使用 vue 的開發環境。

react

Vue.js 學習系列二 —— vuex 學習實踐筆記（附 DEMO）

本文介紹了做者在學習 vuex 過程當中所獲的經驗，用簡潔的語言解釋 vuex 的用法

webpack

Vue + webpack 項目實踐

最近在內部項目中作了一些基於 vue + webpack 的嘗試，在小範圍和同事們探討以後，仍是蠻多同窗承認和喜歡的，因此經過 blog 分享給更多人。

ios

使用 vue2+Vuex+Router 重寫餓了麼點餐系統和 vue 插件簡析

最新寫的 Demo，技術分享

git

vue2 + vuex 高度還原餓了麼 App，與官方後臺真實數據交互，獲取商品信息，實現登錄、購物車、下單等功能

vue2 + vuex 高度還原餓了麼 App，與官方後臺真實數據交互，獲取商品信息，實現登錄、購物車、下單等功能

es6

Vue 2.0 服務端渲染怎麼玩？

Vue 2.0 發佈了也有一段時間了，新版本比較大的更新就是支持服務端渲染，最近有空折騰了下 Vue 的服務端渲染，記錄下來。

vue+node 實現的一套博客系統, 包括博客前端展現頁和博客後臺管理頁

一個完整的博客系統

使用 Vue.js 實現論壇客戶端

一個 Vue.js 練習項目，從零開發到部署上線，代碼開源在 https://github.com/crazy0x/vu...，本文主要記錄了項目中遇到的一些問題以及使用 docker 進行打包部署的主要過程。

搭建 vue+webpack+mock 腳手架（一）

本文適合第一次搭建項目的朋友，講講我是怎麼從零開始摸索着搭建一個項目框架的，屬於總結概括性質的文章。

基於 vue 的多頁應用
支持自定義 mock 數據
支持熱加載
js 打包成多個

適用於 vue-cli 的，用於編寫 vue 組件的項目模板

本文從一名新手的角度（默認對 Vue 有了解，對 Koa 或者 Express 有了解）出發，從 0 開始構建一個數據經過 Koa 提供 API 的形式獲取，頁面經過 Vue 渲染的完整的前端項目。能夠了解到 Vue 構建單頁面的一些知識以及前端路由的使用、Koa 如何提供 API 接口，如何進行訪問過濾（路由）、驗證（JSON-WEB-TOKEN）以及 Sequelize 操做 MySQL 數據庫的一些知識和技巧，但願可以做爲一篇入門全棧開發的文章吧。

2017 Vue.js 2 快速入門指南

2017 Vue.js 2 快速入門指南翻譯自 Vue.js 2 Quickstart Tutorial 2017 從屬於 Web 前端入門與工程實踐。Vue 與 React 都是很是優秀的前端界面輔助庫，筆者在工做中使用 React 會多一點，不過在學習 Vue 的過程當中也獲得了不少啓發。Vue 和 React 在功能的完備、社區的活躍與性能的比較上筆者以爲毋庸多言，不過從筆者我的來看以爲兩者的某些優點也是其劣勢。Vue 是漸進式的 JavaScript 庫，能夠在項目擴展的過程當中逐步添加所須要的模塊，可是相對約束就較弱，而且強耦合於基於 DOM 的 Web 平臺。React 則是更多的關注於跨平臺與大型 Web 應用的工程實踐，可是學習曲線比較曲折，入門門檻相對較高，對於活動頁、移動 Mobile 也有點太重。詳細討論參考筆者的 2016 - 個人前端之路: 工具化與工程化。

Vue.js 學習系列四——Webpack 學習實踐

要想學好 Vue 組件化開發，必先對 webpack 有充分的瞭解。

3-vuejs2.0 實戰：仿豆瓣 app 項目，建立 Swipe 圖片輪播組件

swipe 圖片輪播不論是在 pc 端，仍是移動端都是常見的效果，在這一章將用開源插件 swiper 完成一個比較簡單的 swipe 循環輪播組件

Vonic 2.0 全新文檔站上線

just title。

VueJS 組件編碼規範

VueJS 組件編寫規範，組件編寫，從規範開始。

Keen UI - 基於 Vue.js 的 Material Design 前端組建庫

支持幾乎全部 Material Design 基礎樣式，代碼組建格式優美

Vue.js 學習系列三——axios 學習實踐

本文介紹了 Vue 推薦網絡通信庫 axios 的使用

基於 vue2 + vuex 構建一個具備 45 個頁面的大型單頁面應用

vuejs 目前爲止最大的開源單頁面項目

這多是目前最新的 Vue 相關開源項目庫彙總

在 Github 上作了一個很新的 Vue 相關開源項目彙總。對 Vue 開發感興趣的歡迎 Star ，後續也會按期維護更新這個列表。固然，你也能夠去 opendigg 上查看。

掘金陰明：後端渲染實踐

Vue.js、React.js 及 Angular.js 等等前端開發框架引入了 UI = framework(State) 的前端編程邏輯，大範圍下降了前端業務開發的難度，尤爲是面向複雜前端應用。而這些優質開源框架的普及、多端業務統1、先後端分離的需求讓愈來愈多的架構設計將大部分業務邏輯寫在了前端。

可是，純前端產品也有着它的問題。上述的幾個前端框架都支持了後端渲染的功能，從而融合了先後端的問題。如何有效地整合現有前端邏輯實現後端渲染、如何優化後端渲染性能、如何實現服務器流式吐內容更快地渲染頁面的經驗，會成爲新一代 Web 開發的方向，提升前端業務開發的效率。在由七牛雲主辦的 ECUG 十週年盛會上，陰明爲你們帶來了他的實踐分享。

webpack -> vue Component 從入門到放棄（二）

上一篇簡單介紹了 webpack 的打包功能，應該說是比較無心義的打包，對於開發人員來講，這種效率是很是低的。因此咱們來點昇華。

簡約至上，美炸了的 Vue 圓環菜單組件

一個開源的基於 vue 寫的圓環菜單，可自定義多種了類型和動畫，追求一中簡約的風格

從零搭建 vue2+vue-router2+webpack2 工程

適合新手，vue-cli 能夠很方便的初始化一個工程，可是若是想本身動手從零搭建一個工程該如何開始？這篇博客提供了很是詳細的步驟。

[[使用 Weex 和 Vue 開發原生應用] 0 項目介紹和文章目錄](https://juejin.im/entry/58a27...

Weex 和 Vue 已經互相支持，Vue.js 也所以具有了開發原生應用的能力。Vue 官方倉庫中包含了適配 Weex 平臺的代碼，Weex 也引入了 Vue Runtime 並集成進了 SDK 中，第一個支持 Vue 的 WeexSDK 版本是 v0.9.5，後續版本也都將會支持，建議保持更新。

每日一句

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