收藏 / 列表

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：如何使用後期處理通道增強圖像效果

前言 大家好，本文分享的是如何使用後期處理通道增強圖像效果，通過前面幾篇文章，我們瞭解了一些動態生成紋理的方法，比如符號距離場SDF、基於參數方程生成圖案、基於噪聲生成紋理，等等。這些生成紋理的技術有相似的地方，就是根據片元的紋理座標，對片元着色，直接生成紋理。 因為GPU是並行渲染的，每個像素的着色器程序是並行執行的，這樣的渲染很高效。但是在實際需求中，有時我們計算片元色值時，需要依賴周圍像素點

webgl , canvas , 可視化 , 前端

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [html] <iframe>標籤使用 iframe&target的三種表現

1、target == iframe.name，點擊p標籤，在iframe中展示新頁面。 iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"/iframe pW3Schools.com/p 2、target != iframe.name，點擊p標籤

iframe , target , HTML , html5

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（二）：Form 表單下拉框設置初始值

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫，相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此，瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及，但是容易被忽略的，又比較重

antd , select , antd-mobile , 前端 , Javascript

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 1.3 React 組件

書籍完整目錄 1.3 React 組件 1.3.1 React 組件介紹 在 React 中組件是第一元素，是 React 的基礎，一個 React 應用就是基於 React 組件的組合而成。 前面的 JSX 練習過後，大家應該對 React 組件不陌生了，在這一節我們將温習以及深入學習 React 組件。 1.3.2 創建一個 React 組件 創建一個 React 組件的方法為，

react , leanreact , HTML , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】Object上的一些方法

Object上的一些方法 assign create defineProperties defineProperty keys values entries freeze isFrozen seal isSealed getPrototypeOf setPrototypeOf is isExtensible preventExtensions getOwnPro

方法 , object , Javascript

mecode 頭像

賀公子 - 系統平台架構

開發 SaaS 居民基層健康平台和物聯網平台的架構經歷 在醫療健康行業數字化轉型的浪潮中，我有幸參與了一個極具意義的項目 —— 開發 SaaS 模式的居民基層健康平台和配套的物聯網平台。該項目旨在通過技術手段提升基層健康服務的效率和質量，實現居民健康數據的互聯互通和實時監測。 業務架構設計 業務架構是整個項目的基石，我們首先進行了深入的業務調研。基層健康服務涉及居民、社區醫生、基

數據 , 微服務 , 物聯網 , 前端開發 , Javascript

opentiny 頭像

OpenTiny社區 - TinyVue表格重構5大關鍵幀一次曝光！內存節省 27%，JS 執行時間減少 43% ，FPS 提升 110%

本文由體驗技術團隊岑灌銘原創。 前言 表格作為組件庫高頻使用的組件，它作為承載、展示和交互數據的核心載體,每一次卡頓都可能意味着時間的浪費與耐心的消磨。 然而有小夥伴反饋説，表格組件樹表數據滾動場景卡頓，偶爾會出現白屏現象，甚至會出現表頭和表體滾動不同步的情況。 後來據瞭解是小夥伴的機器性能較為普通，加上表格樹表大數據虛擬滾動確實存在較大的性能瓶頸，存在大量的計算與dom操作。

性能優化 , vue.js , 開源 , 前端

u_17072679 頭像

前端小巷子 - Vue 2深入 keep-alive

Vue 2深入 keep-alive keep-alive 是 Vue 2 運行時裏最常被提及卻最少被深究的內置組件。它看上去只是“把頁面緩存起來”，背後卻涉及實例生命週期劫持、LRU 緩存策略、VNode 複用以及內存管理。 一、設計動機 單頁應用裏常見的“標籤頁”“麪包屑”“分步表單”等交互模式，都要求用户在多個路由或狀態之間來回切換。默認情況下，每一次切換都會觸發舊組件

生命週期 , 緩存 , 複用 , 前端開發 , Javascript

grewer 頭像

Grewer - V8 入門記錄一：初識

關於 V8 我想前端從業人員或多或少會聽説過這個詞，但是他具體是什麼， 怎麼入門， 怎麼學習是一個較高的門檻，本文就 V8 入門，來做一個記錄，也方便大家的學習。 V8 是 Google 用 C++ 編寫的開源高性能 JavaScript 和 WebAssembly 引擎。它被用於 Chrome 瀏覽器和 Node.js 等。它實現了 ECMAScript 和 WebAssembly，可在 Win

v8 , v8js , 瀏覽器 , 前端框架 , 前端

christian-heilmann 頭像

Christian Heilmann - Entering The Wonderful World of Geo Location

Then I went to my first WhereCamp, an unconference dealing with geographical issues and how they relate to the world of Web development. Even my A-Levels in Astronomy did not help me there. I was ou

coding , html5

jamesfancy 頭像

邊城 - esbuild 構建油猴腳本

前段時間思否十週年，搞了個問答打卡活動。參與打卡活動的人需要在回答問題的結尾加一個“小尾巴”。加小尾巴本身並不難，但是由於官方沒有提供快捷方式，每次都需要自己從某個地方拷貝過去，稍嫌繁瑣。正好前不久剛裝了油猴插件，就想：自己給編輯器注入一個按鈕用來添加小尾巴如何？ 在使用油猴之前，使用過一個叫“User JavaScript and CSS”的插件，可以對特定的網頁注入腳本和樣式。不過這個插件在

插件 , esbuild , plugin , 油猴腳本 , Javascript

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript