收藏 / 列表

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：如何生成簡單動畫讓圖形動起來

大家好，本文分享的是如何生成簡單動畫讓圖形動起來。 在可視化展現中，動畫它是強化數據表達，吸引用户的重要技術手段。 在具體實現動畫之前，我們先來了解一下動畫的三種形式，分別是固定幀動畫、增量動畫和時序動畫。 graph LR A[動畫的三種形式] -- B[固定幀動畫] A -- D[增量動畫] A -- E[時序動畫] B -- F[使用已生成的靜態圖像，將圖像依次播放] D -- C[動態繪製

shader , css3 , 動畫 , webgl , 前端

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [axios] axios發送 及 接收處理二進制數據

一、發送攜帶二進制數據的請求 在圖片上傳、文件上傳等場景中，需要發送payload為二進制數據的'POST'請求 注: 只要請求體中不是純 JSON 或字符串，而是包含或完全由二進制數據構成的內容 (如文件、音視頻、圖片)，就需要發送payload為二進制數據的'POST'請求。 這裏的重點是設置headers，先介紹如何發送這種特殊的請求。 分別以 1.axios(config) , 2.

文件上傳 , 二進制 , Axios , blob , 前端

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）- 4.3 React Tricks

react tricks 編輯中。。。 React 自身提供的 API 並不多，但總有一些比較 trick 的 API 和點是平時可能忽略的，本節將列舉一下相關的點。 setState setState function param setState 延遲 ref ref as funct

leanreact

_607c00baa52ff 頭像

懟懟 - 【js】實現繼承的幾種方式

js繼承 原型鏈 構造函數 組合繼承(原型鏈 + 構造函數) 原型式繼承 寄生式繼承 寄生組合繼承 1.原型鏈繼承 將父類的實例作為子類的原型 //父類 function School(name) { //實例屬性 this.name = name || "父類" this.arr = [1] } //父類原型方法 School.prototype = {

繼承 , Javascript

mecode 頭像

賀公子 - 系統平台架構

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

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

opentiny 頭像

OpenTiny社區 - TinyVue自動導入插件重大升級，@opentiny/unplugin-tiny-vue1.0.0版本開啓單組件包引入新模式

近日，@opentiny/unplugin-tiny-vue 發佈了其重要的1.0.0版本更新，此次更新帶來了全新的單組件包引入模式，顯著提升了開發者的本地編譯效率以及整個項目的構建速度。 在之前的版本中，開發者需要一次性加載整個TinyVue 庫，這個不僅增加了初始時間，也使得項目構建過程變得相對緩慢。然而，隨着新版本的發佈，這一問題得到了有效的解決。通過引入單組件包模式，開發者現在可以根據實際

vue.js , 組件庫 , 開源 , 前端

u_17072679 頭像

前端小巷子 - 深入 Vue 的 nextTick

深入 Vue 的 nextTick 在初學 Vue 時，我們經常會遇到這樣的困惑：數據明明已經改了，可頁面卻沒立刻變化；或者手動去獲取更新後的 DOM，結果拿到的是舊值。這時候，Vue 官方會推薦我們使用 this.$nextTick()。它到底做了什麼？為什麼“等一下”就能解決問題？本文嘗試用通俗的語言把它的作用和實現原理講清楚。 一、nextTick 的作用 Vue 的響

事件循環 , 重繪 , Vue , 前端開發 , Javascript

grewer 頭像

Grewer - React 性能 debug 小記

前言 之前開發重構項目的時候，遇到了一些問題， 如 hooks 的性能問題和 quill 的重載問題。本文就是記錄這些問題的解決過程。 場景 在基於富文本的輸入場景中，我們發現在輸入回車後會出現明顯的卡頓現象。為了更好地展示此類場景，這裏使用了一個簡單的例子展示。 function App() { const [value, setValue] = useState(''); /

performance , react , 性能分析 , 前端 , Javascript

christian-heilmann 頭像

Christian Heilmann - The Vanilla Web Diet

Editor’s note: *This is an introductory article about a book idea to be published by Smashing Magazine with Chris Heilmann. Check out what we propose as an idea — explaining a way to reconsider how

performance , Tools , coding

jamesfancy 頭像

邊城 - Java 中模擬 C# 的擴展方法

我平時主要使用 C#、JavaScript 和 TypeScript。但是最近由於某些原因需要用 Java，不得不再撿起來。回想起來，最近一次使用 Java 寫完整的應用程序時，Java 還是 1.4 版本。 這麼多年過去，Java 確實有不少改進，像 Stream，var 之類的，我還是知道一些。但用起來感覺還是有點縛手縛腳，施展不開的感覺。這肯定是和語法習慣有關，但也不乏 Java 自身的原因

語法 , JAVA

linong 頭像

linong - 探索 IP 代理服務的類型及應用場景，以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript