http://colachan.com/post/3545 終於迎來一期特刊。最近打算在公司內部做一個分享,講的是組件化的設計與開發的思維方式。准備完演講資料,發現這完全可以改成一篇文章。藏着掖着不合適,發出來分享給有需求的朋友吧,就當是個試講了,希望大家幫忙指出錯誤。 下載地址:https ...
有呀,有呀,設計 最近看了一本關於設計的書 有呀,有呀,設計 ,受到了啟發,想做一個類似於有呀,有呀,設計 的 有呀,有呀,組件,旨在提供給前后端開發人員開箱即用的組件,尤其是UI組件,與樣式有關的組件,更多的是為后端人員考慮,減輕后端開發研究組件樣式的苦惱。 如果沒有UI設計提供的設計圖,那么前后端在開發時就會陷入困境,邏輯我會寫啊,功能能實現啊,但是頁面展示的好丑哦,怎么都看得不順眼,怎么調樣 ...
2021-09-23 22:44 0 116 推薦指數:
http://colachan.com/post/3545 終於迎來一期特刊。最近打算在公司內部做一個分享,講的是組件化的設計與開發的思維方式。准備完演講資料,發現這完全可以改成一篇文章。藏着掖着不合適,發出來分享給有需求的朋友吧,就當是個試講了,希望大家幫忙指出錯誤。 下載地址:https ...
Vue 組件設計 Vue 作為 MVVM 框架一員,不管是寫業務還是基礎服務,都少不了書寫組件。本文總結一下書寫業務組件的一些心得。 為什么要寫組件? 我們知道,只要是組件,就需要在引用的時候與 view 或者其他組件進行相關的交互,即 props 傳值,$emit 觸發事件, 使用 ...
NutUI 組件源碼揭秘 前言 本文的主題是 Steps 組件的設計與實現。Steps 組件是 Steps 步驟和 Timeline 組件結合的組件,在此之前他們是兩個不同的組件,在 NutUI 最近一次版本升級的時候將他們合二為一了,來看看在組件的開發過程中是如何一步步實現組件功能 ...
如何優雅的設計 React 組件 如今的 web 前端已被 React、Vue 和 Angular 三分天下,一統江山十幾年的 jQuery 顯然已經很難滿足現在的開發模式。那么,為什么大家會覺得 jQuery “過時了”呢?一來,文章《No JQuery! 原生 JavaScript 操作 ...
方法 在本文中,我想介紹一些組件相關的設計概念,在進行前端開發時應該考慮這些概念。我認為最好的方法是給每個概念一個簡潔精煉的名字,然后逐一解釋每個概念是什么以及為什么重要,對於比較抽象概念的會舉一些例子來幫助理解。 以下這個列表並不是不全面也不完整,但我注意到的只有 8 件事情值得一提 ...
目前前端三大框架(vue.js, Angular.js, react.js)都在引領着前端的組件化開發方向,組件化的前端開發方式的確為業務實現帶來了前所未有的方便,其實組件化開發早已經具有(YUI),但如何封裝一個優秀的組件,可能並不是每位前端開發者都能夠做好的。 組件封裝有一定的不確定性,更多 ...
前言 NutUI 是一套京東風格的移動端 Vue 組件庫,生態系統覆蓋面廣,支持按需加載、主題定制、多語言等,功能強大。目前 40+ 京東項目正在使用,設計精美,風格統一。在開發組件庫的過程中,NutUI 是如何處理組件間的層級關系的呢?今天就給大家解析 NutUI 中具有處理層級關系的公共組件 ...
設計全局布局組件,比如側邊欄,導航欄,標簽欄等。 在博思考試系統項目中,由於所有頁面都要用到公共的布局組件,所有將他們封裝起來,這里記錄一下用法。 首先在router.js中設置相應的父級的組件。 布局組件,Layout.vue 這里需要注意的是子組件的內容 ...