貢獻者13
粉絲0
搞前端時間比較長的同學都會知道一個東西，那就是HTC（HTML Components），這個東西名字很現在流行的Web Components很像，但卻是不同的兩個東西，它們的思路有很多相似點，但是前者已是昨日黃花，後者方興未艾，是什麼造成了它們的這種差距呢？ HTML Components的一些特性 因為主流瀏覽器裏面只有IE支持過HTC，所以很多人潛意識都認為它不標準，但其實它也是有標準文檔的，
昵稱 浪遏飛舟
前言 如果我們選擇不使用任何框架的情況下來進行前端開發，那麼針對一個完整的網頁，我們需要開發以下代碼： HTML 代碼 CSS 代碼 JavaScript 代碼 就幾年之前來説，HTML 部分的代碼基本不存在複用的可能，這就導致我們可能需要開發大量重複的 HTML 代碼，即使使用 CV 法，代碼的冗餘卻是不可避免的。 Web Components 誕生的背景 近幾年，我們在使用前端框架（
昵稱 編程三昧
前言 今天前端生態裏面，React、Angular和Vue三分天下。雖然這三個框架的定位各有不同，但是它們有一個核心的共同點，那就是提供了組件化的能力。W3C也有Web Component的相關草案，也是為了提供組件化能力。今天我們就來聊聊組件化是什麼，以及它為什麼這麼重要。 正文 其實組件化思想是一種前端技術非常自然的延伸，如果你使用過HTML，相信你一定有過“我要是能定義一個標籤就好了”這樣的
昵稱 浪遏飛舟
一、背景 vivo遊戲中心是一款垂類的應用商店，為用户提供了多元化遊戲的下載渠道。隨着遊戲中心手遊品類的豐富，各品類用户的量級也不斷增加，不同遊戲偏好的用户核心關注點也不同，從預約、測試、首發、更新到維護，不同遊戲生命週期節點的運營需要突出的重點不同。 針對上述不同業務場景，運營人員為了服務好廣大的vivo遊戲用户，需要進行精細化運營，以不同的視覺樣式呈現給不同用户。比如，針對獨立遊戲品類的用户，
昵稱 vivo互聯網技術
AVM（Application-View-Model）前端組件化開發模式基於標準Web Components組件化思想，提供包含虛擬DOM和Runtime的編程框架avm.js以及多端統一編譯工具，完全兼容Web Components標準，同時兼容Vue和React語法糖編寫代碼，編譯工具將Vue和React相關語法糖編譯轉換為avm.js代碼。 基於標準 Web Components 組件化思想
昵稱 YonBuilder
本文是一個文章系列的第一篇，主要説明幾個基本概念以及所要探討的目標主體，目的是統一認知上的「上下文」以儘量避免因信息不對稱而造成理解障礙。 這一系列文章是關於前端 UI 組件的，我想通過這個系列靜下心來好好聊聊與之相關的內容。 每個名詞都是概念，就像一個「數據包」，根據其被「壓縮」的信息量，要真正地理解一個詞語可能需要大量的知識儲備。 基本概念 我們要聊的是「前端 UI 組件」，這個詞可以進一步拆
昵稱 歐雷
本文是文章系列「聊聊前端 UI 組件」的第二篇，內容與本系列的上篇文章《聊聊前端 UI 組件：核心概念》有所關聯，如果還沒看過，建議去看下。 本文的主要內容是根據特徵對前端 UI 組件進行建模，讓我們儘可能充分地瞭解它的方方面面，併為如何設計以及建立一個組件體系打下基礎。 組件構成 從關注點分離的角度分解 UI 組件，並分析其各部分的易變性。 構成元素 一個完整的具備功能的 UI 組件的構成，有結
昵稱 歐雷
本文是文章系列「聊聊前端 UI 組件」的第三篇。 在本系列的上篇文章《聊聊前端 UI 組件：組件特徵》中，通過從關注點分離的角度進行前端 UI 組件的構成分析，並以較為抽象的視角對 UI 組件分門別類，以及描述了讓組件間可以表現複用的繼承關係，從而建立出前端 UI 組件的特徵模型。 本文將以上篇文章中所得出的特徵模型為基礎，探討下如何設計並建立一個前端 UI 組件體系。 在做組件體系設計的時候，最
昵稱 歐雷
在本系列文章《聊聊前端 UI 組件：組件體系》中初步説明了 UI 組件的架構設計，本文將在此基礎上進一步展開説説那篇文章中一筆帶過的部分，並闡述在設計一個 UI 組件時應該注意的點有哪些。 目錄結構 在《聊聊前端 UI 組件：組件體系》中列出的目錄結構的基礎上做了些許調整—— component ├── demo # 示例相關文件 │ └
昵稱 歐雷
在我寫的其他系列的文章中有提到—— 在軟件工程中，「組件（component）」一般是指軟件的可複用塊，好比製造業所使用的「構件」。這是一個比較寬泛的概念，它可以是軟件包，可以是 web 服務，也可以是模塊等。 但在前端眼裏，「組件」通常是指頁面上的視圖單元，即「UI 組件」。可以説，「UI 組件」是「組件」的子集。你可能還總會聽到「控件（control）」這個詞。放輕鬆，別抓頭，它只是「U
昵稱 歐雷
一、小程序自定義組件 一個自定義組件由 json wxml wxss js 4個文件組成 1.自定義組件聲明 { "component": true //在json文件中進行自定義組件聲明 } 2.註冊組件 在自定義組件的 js 文件中，需要使用 Component() 來註冊組件，並提供組件的屬性定義、內部數據和自定義方法 Component({ properties: {
昵稱 漫姐賊6
在當今的數字化時代，視覺呈現和交互性在應用程序中扮演着至關重要的角色。圖片類組件作為低代碼開發中的重要組成部分，在軟件應用開發中，圖片類組件是必不可少的，它們為應用程序增添了豐富多彩的視覺元素，使得應用程序更加生動和易於理解。上傳的圖片存於MinIO服務器上。圖片類組件適用於圖片上傳或展示，應用非常廣泛，無論是用户頭像、產品展示，還是滑動相冊、廣告營銷，圖片類組件都發揮着不可或缺的作用。 MinI
昵稱 軟件部長
ETL工具介紹 在ETLCloud平台中配備了各種不同的組件、模板、規則，用户可運用不同類型的組件來實現想要的業務流程。接下來直接進入平台組件模板的使用技巧説明吧。 使用技巧 1.組件複製 平時在使用的時候，如果遇到要用到一個組件，需要再來個相同組件時，可以通過右鍵組件複製一個，裏面有配置，配置也會一同複製過去，可以節省不少配置時間。 2.流程複製 返回到流程首頁可在在操作裏面進行復制 3.
昵稱 RestCloud
【高心星出品】 自定義組件的使用 在ArkUI中，UI顯示的內容均為組件，由框架直接提供的稱為系統組件，由開發者定義的稱為自定義組件。在進行 UI 界面開發時，通常不是簡單的將系統組件進行組合使用，而是需要考慮代碼可複用性、業務邏輯與UI分離，後續版本演進等因素。因此，將UI和部分業務邏輯封裝成自定義組件是不可或缺的能力。 創建自定義組件 自定義組件的基本結構 @Component export
昵稱 高心星
因為項目使用的是vue2，下面那個組件，大佬沒有寫canvas的生成二維碼+logo的形式。 所以跟着大佬的vue3的代碼，寫了一遍vue2的。 vue3 直接安裝使用 npm install qrcode@1 @chenfengyuan/vue-qrcode@2 vue2參考下面 npm install qrcode@1 組件：QrcodeComponent.vue template
@yuanliangwoyishengbufanggegaowenyi
昵稱 原諒我一生不羈放歌搞文藝
OpenTiny企業級前端開發解決方案，正在尋找熱愛分享的技術達人！加入我們的直播講師團，與眾多開發者一起分享你的經驗，推動技術普惠，同時打造個人技術影響力！ 報名鏈接：https://www.wjx.cn/vm/tw7FOgC.aspx#
昵稱 OpenTiny社區
近期時不時地會想「反混沌前端工程」當前比較重要且優先的兩塊事情：控件（UI 組件）體系 Petals 和通用塊編輯器。 大部分人不會認為這兩者之間有什麼聯繫，然而在我眼中關係可大了去了——它們的「本質」可以近似看作是一個東西。 控件可以認為是當下 GUI 開發的重要基礎設施和基本單元，而在塊編輯器體系中則是「塊」，理論上「塊」就是控件，是被注入特殊狀態的控件——好比一個被施了法術的人成為提線木偶一
昵稱 歐雷
引言 門户自定義組件是零衍門户的核心能力之一，基於這項能力，客户可以更靈活、自由地構建出多種風格的門户。然而隨着零衍門户被越來越多的企業使用，傳統門户自定義開發模式存在的一些問題也逐漸顯現，比如開發調試流程繁瑣、渲染性能較差等成為了用户使用過程中的痛點。 為解決上述問題，零衍經過探索與研究，推出了新的門户自定義組件開發模式——聯邦模式，全面提升了用户開發與使用體驗。 優勢與亮點 ◆ 快速編譯，輕
昵稱 漢得數字平台
在工作中，樹形選擇器（tree-select）是一種常見的基礎組件, 這次我們針對此組件做一些業務適配 背景: 在一個大型組織（2 萬以上）內，需要有一個選擇人、組的一個選擇器, 支持搜索功能。 一開始我的思路是這樣： 層級加載+後端搜索 **既然數據量很多，那最好不要一次性加載，不然會有以下的一些問題： 問題一是後端的加載速度很慢 二是前端也會手動很大的影響，比如需要開
昵稱 Grewer
我以往寫的技術類文章，絕大部分是問題反思、方法論之類的，極少有某個具體技術或工具的介紹與使用教程——除非是我創造的。 眼看着曾經經常針對前端領域問題進行有價值思考與討論的前輩、大佬、同行們接連退隱或沉默，這塊兒的高價值新產出內容越來越少。 因此，我打算自告奮勇地正式接下「對前端領域問題進行思考並儘量產出高價值內容」這個生態位的接力棒。 需要特別説明的是，「前端領域」不侷限於以 HTML、CSS、J
昵稱 歐雷