博客 / 列表

維李設論 - postMessage踩坑實踐

前言 在低代碼編輯器中進行頁面預覽常常不得不用到iframe進行外鏈的url引入，這就涉及到了預覽頁面與編輯器頁面數據通信傳值的問題，常常用到的方案就是postMessage傳值，而postMessage本身在eventloop中也是一個宏任務，就會涉及到瀏覽器消息隊列處理的問題，本文旨在針對項目中的postMessage的相關踩坑實踐進行總結，也為想要使用postMessage傳遞數據的童鞋提供

iframe , 編輯器 , 低代碼 , postmessage , 跨域

維李設論 - 面向邊緣場景的PWA實踐

背景 隨着5G技術的發展，物聯網邊緣側主要應用於數據傳輸量大、安全要求高以及數據實時處理等行業與應用場景中。其中，邊緣計算是一種分佈式計算模式，其將計算資源和數據處理能力推向接近數據源的邊緣設備，以減少延遲並提高響應速度。 對前端領域而言，面對邊緣場景下的應用開發也發生了相應的變化，其通常需要考慮邊緣側與終端側的實現方式，並且還需考慮相較於傳統 B/S 架構下的部署方案。本文旨在通過工業互聯網場

pwa , 雲計算 , 邊緣計算 , serverless , 前端

維李設論 - 從2021看2022前端發展趨勢

本文參與了 SegmentFault 思否徵文「2021 總結」，歡迎正在閲讀的你也加入。 前言 又到了年底，回顧一下整個2021年的前端歷程，總體來説前端趨向到了一個比較穩定的發展階段，雖然仍然有許多層出不窮的庫及輪子，但整體來看其實今年最突出的前端發展其實可以概括為以下幾個關鍵詞，即：工程基建、低代碼、多語言、雲+邊+端。從不同大廠對整個前端的劃分視角來看，整體可以分為兩大類，一類是聚焦化，比

大前端 , 前端工程化 , 前端框架 , 前端構建 , 前端

維李設論 - 面向垂類場景的智能化低代碼引擎

背景介紹 在通信領域中，不同客户的數字化場景存在多種個性化大屏的定製需求，常見業務範圍涵蓋政務、金融、教育、工業、傳媒、互聯網等行業領域。然而，面對如此巨大的產業痛點訴求，傳統低代碼領域卻存在數據監控粒度不統一、定製化研發成本高、版本維護難度大等問題，嚴重影響了客户的交付效率及使用感知。 需求説明 基於產品的業務需求，通過抽離功能模板將整個產品層次的需求提升到企業級甚至行業級的痛點需求，而在當

大前端 , 低代碼 , 前端工程師 , 數據可視化 , aigc

維李設論 - 從2024看2025前端發展趨勢

前言 又至年關，回顧整個2024年，前端行業仍舊百廢待興，IT業界同樣也未見有所起色，AI風潮也從狂熱興奮逐步走向了冷靜穩定階段，造成此形勢感觀並非單一行業或者某一企業之特例，實為政經等綜合影響之結果。因此，私以為明年的大趨勢和調性應該不會有特別大的變化，雖然外界走向有所放緩，但整個情勢壓力還是不小的。故而，就前端行業而言，個人認為我們能做到的大概有以下幾個方面。 泛化 正如前序所言，相較於前幾

大前端 , 架構設計 , 前端工程師 , 前端 , Javascript

維李設論 - 從2023看2024前端發展趨勢

前言 流光溯影，縱觀2023全年，整個前端業界呈現出百業凋零之狀，更不乏有“前端已死”等論調甚囂塵上。從全局視角看IT行業，除了AI領域的大語言模型爆發外，整體都鮮有特別亮眼及突出的技術展現。故而，作為IT領域中細分方向的前端行業，加之整體經濟週期的影響，今年的這種形勢也算因之有素。然則，行有不得則需反求諸己，私以為各位前端同學應該以“守正”之心念搏“出新”之機遇。因此，以下個人將分享一些各位前端

2023-年度總結 , 大前端 , 前端工程化 , 前端工程師 , 可視化

維李設論 - Node.js的Web服務在Nacos中的實踐

前言 Node.js作為Web端一個重要的運行時環境，通常被當做BFF(Backend For FrontEnd)來使用，而鮮有與後端微服務進行共同融合開發的場景。然而，不同團隊中配置人員佔比及任務分配的不同，有時也會需要多種後端語言(如：Go、Python、Java、Node.js等)共同來提供提供BFD(Backend For Database)的能力。因此，本文主要介紹筆者基於Node.js

express , node.js , 微服務 , nacos , springcloud

維李設論 - 基於 Webpack 插件體系的 Mock 服務

背景 在軟件研發流程中，對於前後端分離的架構體系而言，為了能夠更快速、高效的實現功能的開發，研發團隊通常來説會在產品原型階段對前後端聯調的數據接口進行結構設計及約定，進而可以分別同步進行對應功能的實現，提升研發速率。除了常見的研發流程提效之外，對於一些特殊的無法滿足前後端聯調場景下，也可在條件不允許的情況下進行 Mock 處理，等待條件滿足後再進行真實的接口聯調，如：網絡不通、多地協同等。本文從

mock , 聯調 , devserver , webpack , 接口

維李設論 - 軟考高級系統架構師衝關預測

[ -- 2023年10月27日 -- ] 去年11月通過了軟考高級系統架構師的考試，原本想立即分享下過關的總結回顧，但是隨着軟考新版大綱及教程的發佈，也意味着題目及內容的覆盤總結經驗便不那麼適用。在即將迎來今年的軟考高架的時候，想着透過之前的考試經歷，並結合新版大綱和教程的變化，簡單分享下整個軟考高級系統架構師的感悟以及今後可能的一些重點把握。 背景 全國計算機專業技術資格考試辦公室組織專家修訂

架構師成長之路 , 架構設計 , 程序員發展 , 系統架構 , 架構師

維李設論 - vue腳手架多頁自動化生成實踐

前言 在前端開發過程中，常常面對多種業務場景。到目前為止，前端對於不同場景的處理通常會採用不同的渲染方案來組合處理，常見的渲染方案包括：CSR(Client Side Rendering)、SSR(Server Side Rendering)、SSG(Static Site Generation)、ISR(Incremental Site Rendering)、DPR(Distributed Pe

vue.js , 腳手架cli , 多頁面應用 , vue-cli3 , 架構

維李設論 - 前端日誌採集方案淺析

前言 在前端部署過程中，通常會使用nginx作為部署服務器，而對於默認的nginx服務來説，其提供了對應的日誌記錄，可以用於記錄服務器訪問的相關日誌，對於系統穩定性及健壯性監控來説，日誌採集、分析等能夠提供更加量化的指標性建設，本文旨在簡述前端應用及打點服務過程中所需要使用的nginx採集方案。 架構 打點日誌採集 對於前端應用來説，通常需要埋點及處理對應的數據服務 應用日誌採集 對於日常應用

日誌 , filebeat , Nginx , elk , kafka

維李設論 - 前端測試套件構建實踐

前言 前端開發過程中，我們常常忽略單元測試的功能和重要性，一個好的測試覆蓋是軟件穩定運行的前提和保證，作為軟件工程研發領域不可獲取的步驟，通常按照測試粒度可以區分為 單元測試、集成測試、E2E測試（UI測試），通常的測試會將最後一個粒度定位為系統測試，但是對於前端而言通常就是UI或者E2E測試，有的公司會把E2E測試單獨拿出來進行分層，這裏我們僅僅以簡單的三層模型進行區分，按照數量有正三角和倒三

jasmine , 前端測試 , 單元測試 , karma , jest