分享自己折騰多時的一套 vue 元件 -- we-vue
接觸 Vue.js 已經一年多了,記得用它 hello world 的時候,最新的穩定版本還是 1.0.24,而眼下,v2 都已經迭代好多次了。
不得不說,初識Vue.js 時,讓我有種初戀的趕腳。(當然了,對於 jQuery 這舊愛也是沒辦法完全拋棄的,畢竟它佔據了前端的大半壁江山,擡頭不見低頭見)正是也合著自己對 vue 的興致,也出於公司專案的需要,在學習了一段時間之後就開始嘗試折騰一套元件庫。也就是這裡要說的 we-vue。
we-vue 結合 weui.css 這一套比較規範的樣式和 vue.js 2.x的強大的元件機制,整合了一系列小元件,對於微信等手機端專案開發十分合適。
實際上這一專案從開始到現在已經摺騰很久了,但直到最近才弄好中文文件,也才覺得勉強拿得出手。專案中參考了 Mint-UI,甚至在歸搬了很多程式碼,因為修改量大,也為了便於維護,最初沒有先擇直接 fork,不過為此也取得了 Mint-UI 專案相關作者的理解和支援(畢竟都是 MIT 開源協議嘛)。
最後,奉上相關連結。
相關推薦
分享自己折騰多時的一套 vue 元件 -- we-vue
接觸 Vue.js 已經一年多了,記得用它 hello world 的時候,最新的穩定版本還是 1.0.24,而眼下,v2 都已經迭代好多次了。 不得不說,初識Vue.js 時,讓我有種初戀的趕腳。(當然了,對於 jQuery 這舊愛也是沒辦法完全拋棄的,
為公司架構一套高質量的 Vue UI 元件庫
有沒有曾遇過,產品要我們實現一個功能,但是 iview 或者 elementui 不支援,我們然後義正言辭的說,不好意思,元件庫不支援,沒法做到。 有沒有曾和設計師爭論得面紅耳赤,其實也是因為元件庫暫不支援。所以,我認為每一個前端都應該具備能為公司架構一套 UI 元件庫的能力。 因為機緣巧合,我在 Gith
JS元件系列——又一款MVVM元件:Vue(二:構建自己的Vue元件)
前言:轉眼距離上篇 JS元件系列——又一款MVVM元件:Vue(一:30分鐘搞定前端增刪改查) 已有好幾個月了,今天打算將它撿起來,發現好久不用,Vue相關技術點都生疏不少。經過這幾個月的時間,Vue的發展也是異常迅猛,不過這好像和博主都沒什麼太大的關係,博主還是老老實實研究自己的技術吧。技術之路還很長,且行
定製屬於你自己的ViewEngine(一套邏輯多套UI)
ASP.NET MVC出來這麼久了,心中卻又很多的疑惑:為什麼所有的View都要放在Views目錄下? 為什麼Shared資料夾下面的頁面可以被共享? 為什麼Page既可以是*.cshtml,也可以是*.aspx? 其實上面的幾個問題歸結起來都是檢視引擎的功效。 在傳統的ASP.NET中,可能還沒有
JS元件系列——又一款MVVM元件:Vue(一:30分鐘搞定前端增刪改查)
正文 前言:關於Vue框架,好幾個月之前就聽說過,瞭解一項新技術之後,總是處於觀望狀態,一直在猶豫要不要系統學習下。正好最近有點空,就去官網瞭解了下,看上去還不錯的一個元件,就抽空研究了下。最近園子裡vue也確實挺火,各種入門博文眼花繚亂,博主也不敢說寫
提供一套基於SpringBoot-shiro-vue的許可權管理思路.
前後端都加以控制,做到按鈕/介面級別的許可權DEMO測試地址admin/123456 管理員身份登入,可以新增使用者,角色.角色可以分配許可權控制選單是否顯示,新增/刪除按鈕是否顯示設計思路核心每個登入使用者擁有各自的N條許可權,比如 文章:檢視/編輯/釋出/刪除 後端通常我
Vue元件—通過Vue.extend定義
注意: 元件呼叫時的規範,元件名如果有駝峰改為小寫用連字元連線,JAVA規範改JavaScript規範 HTML程式碼: <!DOCTYPE html> <html lang="en"> <head> <meta
【設計和開發一套簡單自己主動化UI框架】
depth 定義 其它 而是 例如 選擇 span debug etl !有興趣的朋友請直接移步Github,本帖子已經不做更新,框架的詳細的實現已經做了優化和代碼整理,本文僅僅介紹了詳細的設計思路! 目標:編寫一個簡單通用UI框架用於管理頁面和完
基於django內置的權限管理系統寫一套自己的權限管理
obj add bad args delet 拼接 turn cts 兒童 #基礎知識 #rest framwork 的內置admin的權限控制中,默認為每個model生成了3個權限: add update delete #將信息保存在內置的content_typ
h5棋牌房間如何安裝 現在分享一套搭建教程
scrolltop esc money -- tno ast function temp col css3實現動態波紋特效,由於css3裏面有過渡和動畫效果,現在利用css3實現動態波浪效果就很簡單了,直接使用transform來實現就ok, 使得translateX 產生
分享一套網絡測試題,你能得到幾分呢?
考試 實戰 一、選擇題(每題2分,一共20分)1、關於STP協議下列說法正確的是( )(選擇兩項)A.STP用於構建局域網中兩節點之間的最短路徑B.STP用於消除局域網中的數據鏈路層環路C.STP主要使用在令牌環網中D.當活動鏈路發生故障時,STP可以激活冗余鏈路,恢復網絡的連通性 2、局域
nginx----------前端寫了一套帶有vue路由的的功能。放到nginx配置的目錄下以後,刷新會報404未找到。
HA index chat .html nginx配置 files activit nginx hat 1、 這是根據實際情況來寫的。 location /h5/activity/wechat/ { index index.html inde
Vue元件(一)——Swiper輪播元件
Vue輪播元件,詳情參見: awesome-swiper vue專案中安裝awsome-swiper元件: npm install [email protected] --save&
響鈴:提升使用者體驗,三星Quick Drive有一套自己的邏輯
文|曾響鈴 來源|科技向令說(xiangling0815) 洗衣機產品國家標準GB/T4288-2018對洗衣機行業進行了標準修訂,已在10月1日正式實行。簡單地說,新國標主要在洗滌效能、漂洗效能及磨損三個維度進行了修訂,使得洗衣機產品功能的硬性規定更為直觀化,這對中小廠商
IBM特別開發出一套全新的企業模型 元件化商業模式 Component Business Model CBM
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
vue 一套代碼支持多個項目
設置 多個 uil 根據 -s 方式 代碼 兩個文件 目的 參考:https://segmentfault.com/a/1190000015424032 一:根據不同的環境變量運行差異化不太大的不同項目 1.安裝cross-env包 cross-env能跨平臺地設置及使用環
自學java,能找到工作嗎?一位月薪13k的自學程式設計師分享自己是如何學會java的
找一份工作,和你從什麼地方獲得這些能力是沒有直接關係的。不管你是自學的,還是去培訓機構獲得的,只要你有這個能力,可以勝任職位要求,就可以找到工作。所以說能力是很重要的。 我是計算機專業畢業的,當時在網際網路公司做程式設計,並不是所有的程式設計師都是科班出身的,有的是自學,有的是參加培訓機構
5年經驗年薪百萬,一位阿里P8分享自己的成長乾貨
今天這篇文章,我前後讀了 3 遍,主人公是阿里最年輕的 P8 之一,工作五年連升三級,他在一次採訪中分享了自己的成長經歷和職場心得,非常接地氣,我們整理了 一下,真誠地推薦給每一個渴望成長和進步的職場人,希望能帶給你力量。 保持好奇心——培養主動學習的意識和習慣 我每
vue元件庫(一):前期準備工作
前言 將近期專案內自行開發一個vue元件,做個總結,記錄下自己的思維過程~~~ 正文 接到這個任務後,還是要做些準備工作的。 主要內容如下: 1.優化下所在團隊前端開發流程 伺服器搭建gitlab,採用git進行程式碼版本管理 伺服器搭建npm私服(基於verdaccio
【一套程式碼小程式&Native&Web階段總結篇】可以這樣閱讀Vue原始碼
前言 在實際程式碼過程中我們發現,我們可能又要做H5站又要做小程式同時還要做個APP,這裡會造成很大的資源浪費,如果設定一個規則,讓我們可以先寫H5程式碼,然後將小程式以及APP的業務差異程式碼做掉,豈不快哉?但小程式的web框架並不開源,不然也用不著我們在此費力了,經過研究,小程式web端框架是一套自