VUE專案

掘金發表於2019-02-16

基於 Vue 的 WebSocket 實時聊天實戰專案

一個基於vue的,從前端到後端構建的專案。能讓學到如何用,用到了vue全家桶,nodejs,通過webpack打包,圖靈機器人,websocket等前沿知識進行構建。讓你輕鬆學會搭建一個基於vue的全家桶專案。

Vue寫一個圖片列表分頁元件

這是給vue manager寫的一個圖片列表元件, 使用了iView元件, 目前只實現比較簡單的分頁、搜尋和刪除功能。編輯功能只是給一個連結,目的是為了跳轉到其他頁面進行編輯

Vue + VueRouter + Vuex + Axios 抓取 GitHub 上的 Issues 來搭建個人部落格站點

專案背景 剛接觸 GitHub 的時候就開始在倉庫 bingoogolapple.github.io 裡建立 Issues 來記錄學習筆記,那時候我還不知道有 GitHub Pages,後來瞭解到了可以通過 GitHub Pages 來搭建 個人部落格站點,但是如果涉及到在文章裡嵌…

簡潔的 Vue2 圖片選擇元件,支援多選和拖放

Vue2 圖片選擇元件,支援多選和拖放和簡單的配置

使用 Vue2.js + Node.js 搭建一個小型的全棧專案

一個類似豆瓣評分小型的全棧專案,可以試著練練手喲。
前端Github專案地址:https://github.com/wclimb/vue…
前端預覽:http://video.wclimb.site/
後臺Github專案地址:https://github.com/wclimb/vid…
後臺線上地址:http://vue.wclimb.site/
api:https://github.com/wclimb/vid…

基於 Vue.js 和 Node.js 支援服務端渲染的開源部落格系統

支援服務端渲染,前後端分離,支援PWA,並且標題可以動態切換,支援markdown編輯器,github風格程式碼高亮,擁有歸檔和標籤功能,不錯的學習小案例

填坑:註冊登入專案–Token以及Github第三方登入(Vue + Koa2)

原專案一個對註冊登入由淺至深,註釋詳盡的 Vue + Express 專案,於5月前分享在掘金上,此專案就是填當初留下的坑啊。 前後端分成兩個小專案,原專案中夾雜了前後端兩個服務,當初的我一心只想在一個專案中開發,而且患有強迫症的我,還考慮各種實現方案,保障開發流暢,諸如什麼三…

一步步帶你做vue後臺管理框架(二)——上手使用

閒扯再多不會用也沒白搭,這節課我來帶大家直接上手框架,體驗到簡單方便之後你就會愛上這個框架欲罷不能的。
首先跟所有的vue專案一樣,兩種方式,一種去專案github地址:vue-framework-wz上下載程式碼包到本地,或者使用 無論哪種方式,只要我們能夠拿到整個程式碼包就…

探索 vue-spa 全家桶專案,解析配置,目錄結構,路由以及狀態管理的實現,附原始碼

1.簡介 專案是一個簡單的許可權管理頁面,分為3個頁面, 首頁,賬戶中心,登入頁 通過vue-router 對於路由做許可權控制, 首頁無需登入,跳轉賬戶中心會自動檢索是否登入, 登入之後首頁的登入按鈕變為退出按鈕, 頁面之間的的狀態管理全部通過vuex進行管理 專案演示 專案用到的…

也許 Vue+CSS3 做互動特效更簡單

做專案就難免會開發互動效果或者特效,而我最近開發的專案一直在使用vue,開發技術棧方面,理所當然就使用了vue+css3開發,過程中發現使用vue+css3開發特效,和javascript/jquery+css3的思維方式不一樣,但是比javascript/jquery+css…

Node.js 入門:Express + Mongoose 基礎使用

詳細的描述了從入門學習使用express+mongoose實現增刪查改的知識點

《京東E維》基於VUE+Webpack的單頁面實踐

本篇文章和大家聊一聊我們近期的專案——京東E維平臺,這是一個專門為運維工程師設計的工單處理系統。它所要肩負的任務是,針對公司內部所有員工在辦公時遇到的有關計算機、網路、軟體方面等問題,通過E維平臺發起問題上報請求。工程師通過該系統可以根據上報工單的緊急程度進行搶單、解決事件單、…

基於Vue2的資料管理系統-DBM

使用DBM在每次匯入表格成功後將生成對應表格的檢視、編輯(包括新增)和刪除三個許可權項,在角色管理頁面對指定角色授予某項許可權,另外還包含十餘項系統許可權屬於不可修改許可權,只有最高階別管理員擁有。 進入指定表格後可以對其進行一些自定義的資料篩選、匯入、匯出等基本操作,採用後臺分頁與解…

nuxt(vue) + koa + mongo 寫blog的一次小結

… 許可權部分,登入時接受伺服器返回的 token,儲存在本地, 使用 axios 攔截,以及 vue-router 路由元資訊部分攔截,會檢查 token 以及是否過期。 使用 element-ui 上傳元件配合七牛。 … … node 版本 6.x+,使用前,請安…

vue初體驗demo

vue,vuex

帶你用 Vue 全家桶和 Node.js 完成一個聚合應用

平時會經常瀏覽一些網站充電,但是老是需要切換網站也很麻煩,所以就有了做這個小專案的想法。通過爬蟲抓取一些網站,然後整合在一個應用中。雖然是個簡單應用,但是五臟六腑俱全,適合 Vue 的新手學習。 專案地址 專案技術棧 Vue 全家桶 語言:ES6 UI:這裡使用了Element…

Vue-Layout:視覺化佈局、自動生成程式碼工具

按慣例,先上GIF: demo1 banner Vue-Layout 基於UI元件的Vue視覺化佈局、生成.vue程式碼的工具。https://jaweii.github.io/Vue-… GitHub | Demo 效果展示 demo2 後臺佈局圖片的例子,你…

一個通用實用好用的vue2.0的表格元件

在做業務元件的時候需要自己自己封裝一個通用的表格,這個表格需要符合我們一切的好的幻想,左右固定,表頭固定,分頁,選擇,一直表格內容的行數限制等等,下面就為大家介紹一下這一款表格元件功能以及怎麼使用。
npm install vue-table2 操作的模板 slot ps:如果…

一套Vue的單頁模板:N3-admin

趁著週末偷來一點閒,總結近期的工作和學習,想著該花點心思把N3-admin這套基於N3-components的單頁應用模板簡單的給介紹一下。
專案路徑: https://github.com/N3-compone… ps: 本專案不同於vue-admin等…

Vant – 高效的 Vue 元件庫,再造一個有贊移動商城也不在話下

Vant ( ˈvænt ) 是有贊前端團隊基於有贊統一的規範實現的 Vue 元件庫,提供了一整套 UI 基礎元件和業務元件。通過 Vant,可以快速搭建出風格統一的頁面,提升開發效率。目前已有近50個元件,這些元件被廣泛使用於有讚的各個移動端業務中。我們會在此基礎上不斷完…

vue-仿手機qq的demo

概述 這是一個16年9月份找的開源專案原始碼,結合自己的實際情況進行的修改專案,以後內容將會有很大的不同,專案的目標是向QQ看齊 頁面效果展示 效果展示 免責宣告 本專案為開源專案,如有類同,純屬巧合。 專案已實現功能 側邊欄 聯絡頁面 動態頁面 資訊列表 搜尋好友 對話頁面 信…

從外掛元件說到 Vue 的 slot 上監聽

如何監聽vue的slot

一步步帶你做vue後臺管理框架(一)——介紹框架

本篇文章介紹如何做一個vue後臺管理框架。
在如今的科技公司中有很多前端的需求都是要寫一個類似於後臺管理框架,日常的工作中會有太多重複的內容加重我們程式設計師的工作,浪費我們的時間,導致不能早點下班回家吃飯。
普通程式設計師拿到一個專案總是會重新寫,寫路由花了兩小時,寫vuex花了兩小時,寫個Header元件花了1小時,側邊欄…

Vue 進階搭配 Node + Mongo 實現一個全棧電子商城

基於 vue+node+mongo 實現一個錘子手機商城.

寫了一個時間管理的小程式

時間管理,記錄每天的時間消耗,內設獎勵機制、評分系統。