国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

一只高擴(kuò)展性的vue組件庫 —— JSMOD

HmyBmny / 1705人閱讀

摘要：在開發(fā)面向用戶站點(diǎn)時(shí)，通常由給出，這時(shí)需要組件庫有豐富的自定義樣式能力同時(shí)保留默認(rèn)提供基礎(chǔ)樣基于這點(diǎn)再看大部分的中后臺(tái)組件庫并不能滿足需求，為大家介紹一只高擴(kuò)展性組件項(xiàng)目項(xiàng)目相關(guān)文檔示例一句裝的目標(biāo)提供高自由度高擴(kuò)展性的組件集合，并統(tǒng)一桌面

在開發(fā)面向用戶站點(diǎn)時(shí)，UI 通常由 designer 給出，這時(shí)需要組件庫有豐富的自定義樣式能力（同時(shí)保留默認(rèn)提供基礎(chǔ)樣）

基于這點(diǎn)再看大部分的中后臺(tái)組件庫并不能滿足需求，為大家介紹一只高擴(kuò)展性 UI 組件項(xiàng)目 JSMOD VUE PC

項(xiàng)目相關(guān)

文檔|示例

Github

一句裝b的目標(biāo)

提供高自由度（高擴(kuò)展性）的組件集合，并統(tǒng)一桌面端、移動(dòng)端的使用方式，是一個(gè)面向用戶端的組件庫
王哲君的自定義之路

一、王哲君接了一個(gè)農(nóng)藥管理的項(xiàng)目，在實(shí)現(xiàn)需求時(shí)使用了JSMOD For Vue 作為其組件庫，使用確認(rèn)對(duì)話窗時(shí)他可以簡單的使用如下代碼

得到了一個(gè)簡單的默認(rèn)樣式

二、L爸爸覺得藍(lán)色的風(fēng)格他不喜歡，喜歡（河對(duì)面的）紅色，且有描邊的樣式

通過使用簡單的樣式對(duì)象，王哲君滿足了L爸爸的訴求

三、暴君是整個(gè)項(xiàng)目的 Boss，他希望彈窗的布局要走非主流，于是設(shè)計(jì)如下

使用如下代碼，農(nóng)藥君拿到了他的獎(jiǎng)勵(lì)buff

  
    

      請(qǐng)注意
    


    
  
為自定義元素加入 mod-confirm 標(biāo)識(shí)即可繼承點(diǎn)擊事件
其他的自定義方式

JSMOD VUE PC 在設(shè)計(jì)時(shí)為開發(fā)者提供了豐富的自定義樣式（布局）的方式，甚至你可以使用作用域插槽更改組件的 DOM 結(jié)構(gòu)

分頁默認(rèn)提供如下樣式：

使用作用域插槽你可以簡單將樣式改為（滿足designer）：

具體使用方式搓JSMOD PAGINATION查看吧 王者君就不細(xì)說了
快節(jié)奏的開發(fā)

JSMOD VUE PC 提供了對(duì)圖片的豐富擴(kuò)展，你可以像使用原生標(biāo)簽一樣使用，同時(shí)得到了如下功能：

內(nèi)置懶加載功能

等比縮放（再也不用關(guān)心產(chǎn)品上傳的圖片不符合規(guī)格導(dǎo)致拉伸）

loading 加載中的動(dòng)畫、加載完畢的漸變特效都幫你搞定，且可以自行選擇 loading 圖片，和是否啟用這些功能

加載失敗替換圖片（甚至可以替換為dom結(jié)構(gòu)），點(diǎn)擊下是否重新加載

訪問 JSMOD IMAGE 模塊看看能不能幫助到你的項(xiàng)目

保持最小集

jsmod 目前提供的組件比較少，但每個(gè)都是自定義豐富。移除了柵格 字體 圖標(biāo)等功能（用戶端產(chǎn)品往往都有自己的UI標(biāo)準(zhǔn)），專注提供可擴(kuò)展的組件庫

40k（gizp）的體積（包括了所有的js，css，icon，svg）打包到單一 js，讓你隨意使用

王哲君想說的

Mobile 版本正在開發(fā)中，目標(biāo)提供統(tǒng)一的vue組件使用體驗(yàn)

加入awesome-vue，提供了 Chinese English 文檔

持續(xù)更新組件但保持裝B的目標(biāo)不變提供高自由度（高擴(kuò)展性）的組件集合

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/83534.html

相關(guān)文章

  • 2017-06-20 前端日?qǐng)?bào)

    摘要：前端日?qǐng)?bào)精選專題之跟著學(xué)節(jié)流冴羽的博客全家桶仿微信項(xiàng)目，支持多人在線聊天和機(jī)器人聊天騰訊前端團(tuán)隊(duì)社區(qū)編碼的奧秘模塊實(shí)現(xiàn)入門淺析知乎專欄前端每周清單發(fā)布新版本提升應(yīng)用性能的方法中文寇可往吾亦可往用實(shí)現(xiàn)對(duì)決支付寶的微信企業(yè)付款到零 2017-06-20 前端日?qǐng)?bào) 精選 JavaScript專題之跟著 underscore 學(xué)節(jié)流 - 冴羽的JavaScript博客 - SegmentFau...

    Galence 評(píng)論0 收藏0

  • 搜集React、Vue、Angular和傳統(tǒng)UI組件庫以及后臺(tái)管理平臺(tái)模板

    摘要：高顏值好用易擴(kuò)展的微信小程序庫，有贊。一套高質(zhì)量的微信小程序組件庫。用和搭建的一個(gè)通用管理后臺(tái)基于實(shí)現(xiàn)的后臺(tái)管理系統(tǒng)模板一個(gè)后臺(tái)管理系統(tǒng)模板是一套組件化框架，支持定制主題，主要服務(wù)于前臺(tái)及中后臺(tái)產(chǎn)品。基于后臺(tái)管理系統(tǒng)。 快來Star，在這里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...

    zhangrxiang 評(píng)論0 收藏0

  • 搜集React、Vue、Angular和傳統(tǒng)UI組件庫以及后臺(tái)管理平臺(tái)模板

    摘要：高顏值好用易擴(kuò)展的微信小程序庫，有贊。一套高質(zhì)量的微信小程序組件庫。用和搭建的一個(gè)通用管理后臺(tái)基于實(shí)現(xiàn)的后臺(tái)管理系統(tǒng)模板一個(gè)后臺(tái)管理系統(tǒng)模板是一套組件化框架，支持定制主題，主要服務(wù)于前臺(tái)及中后臺(tái)產(chǎn)品。基于后臺(tái)管理系統(tǒng)。 快來Star，在這里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...

    source 評(píng)論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    zxhaaa 評(píng)論0 收藏0

  • 前端資源分享-只為更好前端

    摘要：一團(tuán)隊(duì)組織網(wǎng)站說明騰訊團(tuán)隊(duì)騰訊前端團(tuán)隊(duì)，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗(yàn)設(shè)計(jì)，簡稱，騰訊設(shè)計(jì)團(tuán)隊(duì)網(wǎng)站騰訊用戶研究與體驗(yàn)設(shè)計(jì)部百度前端研發(fā)部出品淘寶前端團(tuán)隊(duì)用技術(shù)為體驗(yàn)提供無限可能凹凸實(shí)驗(yàn)室京東用戶體驗(yàn)設(shè)計(jì)部出品奇舞團(tuán)奇虎旗下前 一、團(tuán)隊(duì)組織 網(wǎng)站 說明 騰訊 AlloyTeam 團(tuán)隊(duì) 騰訊Web前端團(tuán)隊(duì)，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

    JouyPub 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<