最近在做性能優化，具體優化手段，網上鋪天蓋地，這裡就不重覆了。性能優化可分為以下幾個維度：代碼層面、構建層面、網路層面。本文主要是從代碼層面探索前端性能，主要分為以下 4 個小節。使用 CSS 替代 JS、深度剖析 JS、前端演算法、電腦底層 ...
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：空山 什麼是沙箱 沙箱即 SandBox，它是一種安全機制，用於嚴格控制訪問資源。通過在程式中創建一個獨立的運行環境，把一些來源不可信、具有破壞力或者又是無法 ...
首先，先說說我要實現的內容：如下圖，點“新增”會添加一個灰框內容，form表單是一個數組，一個灰框為一個對象，各對象保存時各自校驗自己表單里的內容，互不幹擾！ 上頁面代碼（看部分代碼就懂了）： 1 <div v-for="(item,index) in formList" :key="index"> ...
用到的技術 父組件向子組件的傳值 類型檢查和預設值：您可以為props指定類型檢查和預設值。這可以確保傳遞給子組件的數據符合期望的類型，以及在沒有傳遞數據時具有合理的預設值。例如： props: { message: { type: String, default: 'Default Message ...
標簽組件的效果如下 組件作用 這是一個div，包含了兩個文本框，後面是添加和刪除按鈕 添加按鈕複製出新的div，除了文本框沒有內容，其它都上面一樣 刪除按鈕將當前行div刪除 組件實現 <template> <div> <template v-for="(item,index) in tags"> ...
頁面效果 具體實現 新增 1、監聽滑鼠抬起事件，通過window.getSelection()方法獲取滑鼠用戶選擇的文本範圍或游標的當前位置。 2、通過 選中的文字長度是否大於0或window.getSelection().isCollapsed (返回一個布爾值用於描述選區的起始點和終止點是否位於 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 前言 前兩天我的新同事告訴我一個困擾著他的問題，就是低代碼平臺中存在很多模塊，這些模塊的渲染是由模塊自身處理的，簡言之就是組件請求了自己的數據，一個兩個模塊還好，要是一次請求了幾十個模塊，就會出現請求阻塞的問題，而且模塊的請求都特別大。 ...
一段包含 bytes 類型的 protobuf 二進位數據，經過 pbjs 解碼生成的 json 文件，再傳遞給 pbjs 編碼後生成的二進位數據和原始數據差異巨大，經過一番探究，發現居然是 pbjs 的一個 bug，快來看看你是否踩過這個坑吧~ ...
[簡介]： 關鍵代碼; <el-row class='midPart' style=''>{{ menu.name }}</el-row>.midPart { float: left; width: 4%; padding: 7px 7px; background: #444;} [內容]： <te ...
npm 依賴安裝 眾所周知，npm 全局安裝依賴位置預設是c盤，c盤一般是系統安裝盤，裝太多東西容易造成系統運行緩慢，因此想將依賴包安在指定位置 node.js的安裝 nodejs的安裝可以直接到菜鳥教程查看： http://www.runoob.com/nodejs/nodejs-install- ...
作為一名全棧工程師，在日常的工作中，可能更側重於後端開發，如：C#，Java，SQL ，Python等，對前端的知識則不太精通。在一些比較完善的公司或者項目中，一般會搭配前端工程師，UI工程師等，來彌補後端開發的一些前端經驗技能上的不足。但並非所有的項目都會有專職前端工程師，在一些小型項目或者初創公... ...
9 月 16 日，全棧 Web 框架 Remix 正式發佈了 2.0 版本，Remix 團隊在發佈 1.0 版本後經過近 2 年的持續努力，發佈了 19 個次要版本、100 多個補丁版本，並解決了數千個問題和拉取請求，終於迎來了第二個主要版本！ Remix 具有以下特性： 追求速度、用戶體驗（UX） ...
在現代的Web開發中，優化用戶體驗至關重要。一種常見的方法是在頁面載入時預載入圖片，並展示一個載入進度條，讓用戶瞭解載入進度。在本文中，我們將深入探討如何實現這兩個關鍵功能，以提高網站性能和用戶滿意度 ...
背景介紹 我們存在著大量在PC頁面通過表格看數據業務場景，表格又分為兩種，一種是 antd / fusion 這種基於 dom 元素的表格，另一種是通過 canvas 繪製的類似 excel 的表格。 基於 dom 的表格功能豐富較為美觀，能實現多表頭、合併單元格和各種自定義渲染（如表格中渲染圖形 ...
UI組件庫提供了各種常見的 UI 元素，比如按鈕、輸入框、菜單等，只需要調用相應的組件並按照需求進行配置，就能夠快速構建出一個功能完善的 UI。 雖然市面上有許多不同的UI組件庫可供選擇，但在2023年底也並沒有出現一兩個明確的解決方案能夠適用於所有情況。因為不同的前端框架（例如React、Angu ...
React和Vue是前端開發中的兩大熱門框架，各自都有著強大的功能和豐富的生態系統。然而，你有沒有想過，在一個項目中同時使用React和Vue？是的，你沒有聽錯，可以在同一個項目中混用這兩個框架！本文就來分享 3 個用於混合使用 React 和 Vue 的工具！ Veaury Veaury 是一個基 ...
Vue-router路由 什麼是vue-router？ 服務端路由指的是伺服器根據用戶訪問的 URL 路徑返回不同的響應結果。當我們在一個傳統的服務端渲染的 web 應用中點擊一個鏈接時，瀏覽器會從服務端獲得全新的 HTML，然後重新載入整個頁面。 然而，在單頁面應用中，客戶端的 JavaScrip ...
搭建後臺管理系統模板 2.1項目初始化 今天來帶大家從0開始搭建一個vue3版本的後臺管理系統。一個項目要有統一的規範，需要使用eslint+stylelint+prettier來對我們的代碼質量做檢測和修複，需要使用husky來做commit攔截，需要使用commitlint來統一提交規範，需要使 ...