博客 RSS 訂閱

ntksol 頭像

歐雷 - 聊聊中後台前端應用：業務中的組件體系

在我寫的其他系列的文章中有提到—— 在軟件工程中，「組件（component）」一般是指軟件的可複用塊，好比製造業所使用的「構件」。這是一個比較寬泛的概念，它可以是軟件包，可以是 web 服務，也可以是模塊等。 但在前端眼裏，「組件」通常是指頁面上的視圖單元，即「UI 組件」。可以説，「UI 組件」是「組件」的子集。你可能還總會聽到「控件（control）」這個詞。放輕鬆，別抓頭，它只是「U

組件設計 , 後台管理 , 組件化 , 管理後台 , 前端設計

收藏 評論

zhaoxiaoman 頭像

漫姐賊6 - 微信小程序自定義組件

一、小程序自定義組件 一個自定義組件由 json wxml wxss js 4個文件組成 1.自定義組件聲明 { "component": true //在json文件中進行自定義組件聲明 } 2.註冊組件 在自定義組件的 js 文件中，需要使用 Component() 來註冊組件，並提供組件的屬性定義、內部數據和自定義方法 Component({ properties: {

微信小程序 , 組件通信 , 小程序 , 組件化

收藏 評論

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 低代碼表單引擎中的圖片類組件樣式設置詳解

在當今的數字化時代，視覺呈現和交互性在應用程序中扮演着至關重要的角色。圖片類組件作為低代碼開發中的重要組成部分，在軟件應用開發中，圖片類組件是必不可少的，它們為應用程序增添了豐富多彩的視覺元素，使得應用程序更加生動和易於理解。上傳的圖片存於MinIO服務器上。圖片類組件適用於圖片上傳或展示，應用非常廣泛，無論是用户頭像、產品展示，還是滑動相冊、廣告營銷，圖片類組件都發揮着不可或缺的作用。 MinI

表單 , 低代碼 , 組件化 , JAVA

收藏 評論

chunzhendegaoshan 頭像

RestCloud - ETLCloud平台組件模版的使用技巧

ETL工具介紹 在ETLCloud平台中配備了各種不同的組件、模板、規則，用户可運用不同類型的組件來實現想要的業務流程。接下來直接進入平台組件模板的使用技巧説明吧。 使用技巧 1.組件複製 平時在使用的時候，如果遇到要用到一個組件，需要再來個相同組件時，可以通過右鍵組件複製一個，裏面有配置，配置也會一同複製過去，可以節省不少配置時間。 2.流程複製 返回到流程首頁可在在操作裏面進行復制 3.

組件化 , etl

收藏 評論

gxx01 頭像

高心星 - HarmonyOS Next應用開發——自定義組件的使用

【高心星出品】 自定義組件的使用 在ArkUI中，UI顯示的內容均為組件，由框架直接提供的稱為系統組件，由開發者定義的稱為自定義組件。在進行 UI 界面開發時，通常不是簡單的將系統組件進行組合使用，而是需要考慮代碼可複用性、業務邏輯與UI分離，後續版本演進等因素。因此，將UI和部分業務邏輯封裝成自定義組件是不可或缺的能力。 創建自定義組件 自定義組件的基本結構 @Component export

arkui , harmonyos-next , 組件化 , harmonyos

收藏 評論

yuanliangwoyishengbufanggegaowenyi 頭像

原諒我一生不羈放歌搞文藝 - vue2 生成動態二維碼

因為項目使用的是vue2，下面那個組件，大佬沒有寫canvas的生成二維碼+logo的形式。 所以跟着大佬的vue3的代碼，寫了一遍vue2的。 vue3 直接安裝使用 npm install qrcode@1 @chenfengyuan/vue-qrcode@2 vue2參考下面 npm install qrcode@1 組件：QrcodeComponent.vue template

vue2 , 組件化

收藏 評論

opentiny 頭像

OpenTiny社區 - OpenTiny技術直播講師招募：與開源同行，點亮技術影響力！

OpenTiny企業級前端開發解決方案，正在尋找熱愛分享的技術達人！加入我們的直播講師團，與眾多開發者一起分享你的經驗，推動技術普惠，同時打造個人技術影響力！ 報名鏈接：https://www.wjx.cn/vm/tw7FOgC.aspx#

低代碼 , 組件化 , 開源 , 前端

收藏 評論

ntksol 頭像

歐雷 - 控件即是塊編輯器的「塊」

近期時不時地會想「反混沌前端工程」當前比較重要且優先的兩塊事情：控件（UI 組件）體系 Petals 和通用塊編輯器。 大部分人不會認為這兩者之間有什麼聯繫，然而在我眼中關係可大了去了——它們的「本質」可以近似看作是一個東西。 控件可以認為是當下 GUI 開發的重要基礎設施和基本單元，而在塊編輯器體系中則是「塊」，理論上「塊」就是控件，是被注入特殊狀態的控件——好比一個被施了法術的人成為提線木偶一

組件設計 , 塊元素 , 前端工程 , 前端架構 , 組件化

收藏 評論

sihaihande 頭像

漢得數字平台 - 零衍門户組件聯邦模式：重新定義組件開發新體驗！

引言 門户自定義組件是零衍門户的核心能力之一，基於這項能力，客户可以更靈活、自由地構建出多種風格的門户。然而隨着零衍門户被越來越多的企業使用，傳統門户自定義開發模式存在的一些問題也逐漸顯現，比如開發調試流程繁瑣、渲染性能較差等成為了用户使用過程中的痛點。 為解決上述問題，零衍經過探索與研究，推出了新的門户自定義組件開發模式——聯邦模式，全面提升了用户開發與使用體驗。 優勢與亮點 ◆ 快速編譯，輕

組件化 , 系統管理

收藏 評論

user_cwhpnk0j 頭像

xizugogo - Vue響應式原理概述

1 MVVM模式 Model-View-ViewModel源自MVC模式，核心是ViewModel，ViewModel作為一個“中轉站”，對接Model層獲得並轉換數據使得數據易管理、便於View層使用，又對接View層進行雙向的數據綁定。MVVM框架利用ViewModel這一層幫助開發者們做好了之前jQuery時代低效的查找、操作DOM的工作。View最終展現的不僅是Model的數據，也是經過V

vue.js , mvvm , 原理 , 前端

收藏 評論

louzi_xl 頭像

louzi - WPF -- PasswordBox數據綁定方法

本文介紹下PasswordBox進行數據綁定的方法，本文參考鏈接。 本文完整示例程序見GitHub。 問題描述 PasswordBox的Password屬性不是依賴屬性，因此無法進行數據綁定。 解決辦法 該問題的解決辦法有多種，本文介紹如何通過添加附加屬性解決該問題。 附加屬性是説一個屬性本不屬於某個對象，但由於某種需求附加到該對象上，通過附加屬性可以實現將屬性與宿主解耦的目的。附加屬性本質上就是

wpf , mvvm , 數據綁定

收藏 評論

louzi_xl 頭像

louzi - WPF -- 點擊空白處隱藏View

本文介紹一種點擊空白處使控件隱藏的實現方法。 問題描述 考慮如下場景，在白板類軟件中，點擊按鈕彈出一個View，希望在點擊空白處直接隱藏掉View，同時可以直接書寫，如下圖： 實現該需求，可以通過View間通信解決，但這樣會增加代碼耦合且使邏輯顯得複雜。 本文通過派生UserControl，將處理邏輯封裝在View內部，從而降低代碼耦合度。 解決方案 通過分析需求可以想到，點擊空白處時，該Vie

wpf , mvvm

收藏 評論

323duqpq 頭像

一個在奮鬥的大神 - 面試了12名開發者後，總結了62道 iOS面試題（建議收藏收藏再收藏！）

前言： 每年三四月份都是招聘高峯期，也就是我們説的金三銀四，很多想換工作的職場人士都會選擇在此時換一份工作，畢竟一年之計在於春，對於公司和個人而言都是一個新的開始。 今年受疫情的影響，各行各業都舉步維艱，然而做為iOS面試官的我也在精心準備的為公司招進優秀的iOS開發，期間收到了很多簡歷，也筆試了不少開發者，上一週我們已經發了3個offer，所以先下手為強，我們已經招滿了人的職位，依舊陸陸續續也還

swift , mvvm , 面試問題 , uiview , ios

收藏 評論

_607c00baa52ff 頭像

懟懟 - 【vue】MVVM、雙向綁定

MV*模式 MVC MVP MVVM 1 MVC 一個應用分為三部分 模型 (Model)：數據保存 應用程序的數據、控制與修改這些數據的業務規則 Model改變時：通知View，為View提供查詢Model相關狀態的能力，為Controller提供訪問封裝在Model內部的應用程序功能的能力。 視圖 (View)：用户界面

vue.js , 雙向綁定 , 代理 , mvvm , 響應式

收藏 評論

5gz5hi3e 頭像

先定一個小目標 - 寫一個MVVM快速開發框架：談一談“單Activity+多Fragment”模式

單Activity+多Fragment模式 自從知道這一招之後我基本不太願意使用activity了，fragment可以快速創建和管理，可以合理設計頁面跳轉，設計炫酷的跳轉動畫，一些操作可以統一進行管理。 用Fragment替代Activity 以前大部分時候都是將Activity作為頁面，Fragment作為頁面中的子頁面（當時稱之為碎片），基本上大部分功能由activity實現，比如老版

mvvm , Android

收藏 評論

ucrx2py9 頭像

夏夏是隻貓 - MVVM 進階版：MVI 架構瞭解一下~

前言 Android開發發展到今天已經相當成熟了，各種架構大家也都耳熟能詳，如MVC,MVP,MVVM等，其中MVVM更是被官方推薦，成為Android開發中的顯學。 不過軟件開發中沒有銀彈，MVVM架構也不是盡善盡美的，在使用過程中也會有一些不太方便之處，而MVI可以很好的解決一部分MVVM的痛點。 本文主要包括以下內容 MVC,MVP,MVVM等經典架構介紹 MVI架構到底是

mvvm , 架構 , Android , 程序員

收藏 評論

ucrx2py9 頭像

夏夏是隻貓 - MVVM 成為歷史，Google 全面倒向 MVI

前言 前段時間寫了一些介紹MVI架構的文章，不過軟件開發上沒有最好的架構，只有最合適的架構，同時眾所周知，Google推薦的是MVVM架構。相信很多人都會有疑問，我為什麼不使用官方推薦的MVVM，而要用你説的這個什麼MVI架構呢？ 不過我這幾天查看Android的應用架構指南，發現谷歌推薦的最佳實踐已經變成了單向數據流動 + 狀態集中管理，這不就是MVI架構嗎？看起來Google已經開始推薦使用M

mvvm , 架構 , Android , 程序員

收藏 評論

mstech 頭像

微軟技術棧 - 使用 Source Generators 快速編寫 MVVM 代碼

本期的微軟 MVP 實驗室研究員——陳錦華，微軟 MVP （ Windows Development 方向），專注於 .NET 開發，有十多年的客户端開發經驗。現在熱衷於撰寫博客，分享 WPF、UWP 和 Azure DevOps 相關的經驗。 1. 關於 MVVM Toolkit .NET Community Toolkit 是以用於所有 .NET 開發人員的幫助類和 API 的合集，並且與任何

mvvm

收藏 評論

youfujidebangbangtang 頭像

有腹肌的棒棒糖 - 徹底理解Android架構，重構Jetpack MVVM!

前言 匯聚了業界知名架構文章。從建築學的知識中得到一些對架構的思考，並以架構設計原則和目的對Jetpack MVVM 重新構造！github 後續本項目將持續更新，並完善 wanAndorid 的所有功能。還會用 23 種設計模式在項目中實踐，徹底理解設計模式在業務場景中的使用，歡迎關注 Github：https://github.com/blindmonk/WanArchitecture 一、什

jetpack , mvvm , Android

收藏 評論

youfujidebangbangtang 頭像

有腹肌的棒棒糖 - MVI到底是不是湊數的？通過案例與MVVM進行比較

前言 最近看到不少介紹MVI架構，即Model-View-Intent的文章，有人留言説Google炒冷飯或者為了湊KPI“發明”了MVI這麼一個詞。和後端的朋友描述了一下，他們聽了第一印象也是和MVVM好像區別不大。但是憑印象Google應該還沒有到需要這樣來湊數。 去看了一下官網，發現完全沒有提到MVI這個詞。。但是推薦的架構圖確實是更新了，用來演示MVI也確實很搭。 （官網圖） 想了想，決

mvvm , Android

收藏 評論

shuirongshui 頭像

水冗水孚 - 通俗易懂講解並手寫一個vue數據雙向綁定案例

問題描述 面試中，面試官除了問基礎知識以外，還喜歡問一些框架原理。比如：你對vue的數據雙向綁定mvvm是如何理解的？網上的部分貼子可能寫的有點抽象，不便於快速閲讀理解。本篇文章就使用通俗易懂的簡單方式，來講解並實現一個簡單的vue數據雙向綁定原理demo，希望對大家有一定的幫助 先複習基本知識 為了便於大家更好的理解下文數據雙向綁定的代碼，我們最好先複習一下舊知識，如果基礎知識紮實的道友，可以直

vue.js , mvvm

收藏 評論

yangrd 頭像

yangrd - web-compiler：mvvm 的實現思路

最近一段時間留意到一個叫Svelte的前端框架，它與Vue 等前端框架的最大不同是採用了編譯的方案進行的實現，這是官網的介紹 Svelte 是一種全新的構建用户界面的方法。傳統框架如 React 和 Vue 在瀏覽器中需要做大量的工作，而 Svelte 將這些工作放到構建應用程序的編譯階段來處理。 與使用虛擬（virtual）DOM 差異對比不同。Svelte 編寫的代碼在應用程序的狀態更改時就

css3 , mvvm , compiler , HTML , Javascript

收藏 評論

gaozhipeng 頭像

高志鵬 - 在 Vue 中為什麼不推薦用 index 做 key

尤大在vue 2.x的文檔中明確指出：建議儘可能在使用v-for時提供keyattribute，除非遍歷輸出的 DOM 內容非常簡單，或者是刻意依賴默認行為以獲取性能上的提升。 尤大的建議説白了就是説： 如果index可以做key，那直接底層幫你傳進去好了，又何必讓你們多此一舉呢？乖乖的不要用index做key 那麼:key 到底有什麼用？ 當 Vue.js 用 v-for 正在更新已渲染過的元素

vue.js , key , mvvm , diff , 前端

收藏 評論

xuexiangjys 頭像

xuexiangjys - DataBinding系列之基礎使用

1.前言 DataBinding, 又名數據綁定，是Android開發中非常重要的基礎技術，它可以將UI組件和數據模型連接起來，使得在數據模型發生變化時，UI組件自動更新，從而節省了大量的代碼和時間。 DataBinding的原理是通過編寫XML佈局文件，在其中使用特定的標籤和語法，將UI組件和數據模型連接起來。當佈局文件被加載時，DataBinding會自動生成綁定代碼，從而將UI組件和數據模型

Kotlin , databinding , mvvm , Android

收藏 評論