收藏 / 列表

zara-cooper 頭像

Zara Cooper - Core Web Vitals Tools To Boost Your Web Performance Scores

The success of your website depends on the impression it leaves on its users. By optimizing your Core Web Vitals scores, you can gauge and improve user experience. Essentially, a web vital is a qual

performance , Resources , Web Core Vitals

software-Development 頭像

IT開發者筆記 - DHTMLX重磅發佈React Scheduler組件，強勢賦能日程管理開發！

React開發者們的呼聲，DHTMLX團隊聽到了！繼DHTMLX React Gantt圖表廣受歡迎後，DHTMLX再次帶來全新力作 ——DHTMLX React Scheduler正式發佈！ 該組件將成熟穩定的JavaScript Scheduler功能完美移植到React生態，為現代Web開發提供強大的日程排程能力，極大地提升項目開發效率與界面體驗。本文將帶您快速瞭解其核心能力與典型用法，助力

react , 前端

lingleidejiandao 頭像

另類的剪刀 - 豌豆住宅靜態IP——穩定性與地域精度的企業級解決方案

通過高穩定性與城市級地域精度，支撐長期會話、來源可控與精準定位需求。基於可量化SLA、API全生命週期管理和彈性計費模式，助力中大型團隊以更優TCO實現規模化擴張1[4]。 核心優勢（數據驅動） 8000萬+ 真實住宅IP資源池，覆蓋 200+ 國家/地區，支持城市級精準定位[4] 99% 請求成功率，P95延遲可觀測並支持告警閉環[1] 無限流量與會話，支持高併發場景（simul

教程

aipaobudefanqie 頭像

愛跑步的番茄 - 代理IP是什麼？核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中，代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性，對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP（Proxy IP）指用户通過代理服務器訪問互聯網時，以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

yuhuashi_584a46acea21f 頭像

雨花石 - webpack優化：提高二次構建速度

痛點： 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的，基於webpack和vue2開發，未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考： @vue/cli4已經默認配置過一些優化方法了，比如為babel-loader增加cache-loder。請教了deepseek和google之後，根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

yinzhixiaxue 頭像

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

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

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

daoshanghundesijidou 頭像

用户bPdeG32 - 深入理解 HTML 語義化標籤：為什麼語義化標籤對網頁結構和 SEO 至關重要

在前端開發中，HTML 是構建網頁的基礎。HTML 的功能不僅僅是展示信息，還要幫助網頁結構化數據，以便瀏覽器、搜索引擎和輔助技術更好地理解網頁內容。語義化標籤是 HTML5 引入的一個重要概念，旨在讓標籤名稱表達其內容的意義。合理使用語義化標籤可以提高網頁的可訪問性和 SEO（搜索引擎優化）效果，使得頁面更具可讀性和結構性。 本文將專注於HTML 語義化標籤的定義、優勢、常用標籤及其適用場景，幫

ecmascript-6 , css3 , node.js , HTML , html5

yangy5hqv 頭像

夢想雲圖網頁CAD - （WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：WebGL實現簡易的局部“馬賽克”

前言 接觸過Canvas的小夥伴應該都知道，在Canvas2D中我們要加載一個圖片很簡單，通過調用drawImage API就能將圖像繪製到畫布上，當然在WebGL中我們也可以繪製圖像，在繪製時我們需要用到WebGL中的紋理對象，在之前WebGL實現網格背景的文章中，我使用了一個叫做紋理座標的配置，現在要完成紋理的加載我們也需要用到紋理座標，並且我們可以通過對紋理座標處理實現簡單的”馬賽克“效果。

webgl , canvas , 可視化 , 前端

jrue 頭像

前端小菜 - js解析url的三種方法

js解析url，將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1，split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：9. Taro 是如何生成 webpack 配置進行構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-22），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

u_17443142 頭像

51搜不到你 - Pro版磁盤清理工具SmartDefrag

分享一款磁盤清理器，該工具無需安裝，打開即可使用。核心功能包含常規磁盤整理、啓動時碎片整理。注意：工具只針對機械盤有用、固態盤沒有用，固態盤使用可能會造成損傷。 操作流程很簡單：在進行磁盤整理前，先勾選需要整理的盤符，之後點擊 “智能磁盤整理” 按鈕，即可自動完成整理操作。 管快速清理碎片，優化碎片，大文件整理碎片。

盤符 , 固態盤 , 系統文件 , 前端開發 , Javascript

kirill-myshkin 頭像

Kirill Myshkin - Precise Timing With Web Animations API

I previously viewed animations as something playful. Something that adds fuzziness to interfaces. Apart from that, in good hands, animation can make interfaces clearer. One property of animations on

animation , API , Interfaces , Javascript

atila-fassina 頭像

Atila Fassina - Code Documentation, Streamlined

This article has been kindly supported by our dear friends at Swimm who have built the first code knowledge management tool that helps developers easily understand code. Thank you! Everythi

Techniques , Tools , coding

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Building An Offline-Friendly Image Upload System

So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file

User Experience , serverless , Javascript

linx 頭像

前端路引 - Web前端入門第 89 問：總結 8 種跨域通信處理方案

為什麼會跨域？跨域是誰附加的限制？為什麼 APP 不會有跨域問題？ 首先跨域問題是由於瀏覽器的同源策略（Same-Origin Policy）導致的，基本上所有瀏覽器都有限制，默認情況是不允許跨域訪問的！！ APP 的請求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個服務器像另一個服務器發起請求一樣，也不會受跨域影響。 想想一下：如果瀏覽器沒有同源策略限制，A 網站可以隨意訪問 B 網站內容，

前端

hsr2022 頭像

後山人 - 有些數據管理的軟件，真心不用找人寫的

我們的Simplest Admin快速開發系統，有國企、高校、政府、公司、個人等各類用户。他們都有同樣的特點，就是需要快速的完成，功能不是特別複雜的系統，他們本身就是各個組織信息部門的人員，本事就有責任落實這些需求，但是，苦於沒有合適的，上手就用的系統；這時候，我們的Simplest Admin系統就恰好滿足了他們的需求。 首先，快速且完整，他們可以使用代碼生成，不同於很多系統一鍵生成，需要

vue.js , thinkphp

gqkmiss 頭像

月恆 - Chrome 瀏覽器插件 Manifest.json V3 中權限（Permissions）字段解析

本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、權限（Permissions） 再使用拓展程序的 API 時，大多數的時候，需要在 manifest.json 文件中聲明 permissions 字段。 一、權限類型 在 V3 版本中可以聲明以下類別的權限： permissions： 包含下面 permissions 權限列

2023-年度總結 , permissions , 瀏覽器 , chrome-extension , 前端

kestrel_task 頭像

微芒不朽 - Vue 3 ref 與 reactive 選哪個？

在 Vue 3 中，ref 和 reactive 都是用於創建響應式數據的方式，但它們在使用場景和特性上有所不同。選擇哪一個取決於你的具體需求。 ref 特點： 基本類型支持：ref 可以用於任何類型的數據，包括基本類型（如 number, string, boolean）和複雜類型（如 object, array）。 包裝對象：當你將一個對象傳遞給 ref 時，它會被包裹在一個對象中，通過

前端

zhuifengdekukafei 頭像

追風的苦咖啡 - SM2 vs RSA/ECC：雙算法 SSL 證書的性能對比與優化方案

SM2 vs RSA/ECC：雙算法 SSL 證書的性能對比與優化方案 雙算法 SSL 證書（如同時支持 SM2 與 RSA/ECC）的核心價值在於平衡合規性（如國內政務、金融場景的國密要求）與國際兼容性（歐美市場依賴 RSA/ECC），但兩種算法的底層數學原理差異會直接影響性能表現。本文從實測數據出發，對比 SM2、RSA、ECC 的性能差異，並針對雙算法部署的瓶頸提供可落地的優化方案。 雙算法

微服務 , 教程 , Linux , Css , sublime-text

shimiandeshatanku 頭像

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

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

ecmascript , Javascript

minnanitkong 頭像

王大冶 - 使用 React Query 時還需要 Redux 嗎？| 狀態管理 2024

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 隨着前端技術的不斷髮展，狀態管理一直是React應用開發中的核心問題。Redux作為長期佔據主導地位的狀態管理庫，為開發者提供了可預測的狀態容器和強大的生態系統。然而，隨着React Query等新興工具的出現，開發者們開始重新思考狀態管理的最佳實踐。本文將深入探討在2024年的前

ecmascript-6 , 前端 , Javascript

nanchengfe 頭像

南城FE - 基於 Letterize.js + Anime.js 實現炫酷文本特效

如上面gif動圖所示，這是一個很炫酷的文字動畫效果，文字的每個字符呈波浪式的擴散式展開。本次文章將解讀如何實現這個炫酷的文字效果。 基於以上的截圖效果可以分析出以下是本次要實現的主要幾點： 文案呈圓環狀擴散開，擴散的同時文字變小 文字之間的間距從中心逐個擴散開，間距變大 文案呈圓環狀擴散開，擴散的同時文字變大 文字之間的間距從中心逐個聚攏，間距變小 動畫重複執行以上4個步驟 實現過

css3 , 動畫 , Css , 前端 , Javascript

zzd41 頭像

superZidan - React 18 如何提升應用性能

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 18 如何提升應用性能 這個話題，如果大家遇到任何問題，歡迎 聯繫我 React 18 引入了併發功能，從根本上改變了 React 應用程序的渲染方式。 我們將探討這些最新功能如何影響和提高應用程序的性能 首先，讓我們退一步來了解長任務的基礎知識和相應的性能測量 主線程和長任務 當我們在瀏覽器運行 JavaScrip

性能優化 , react , chrome , dom , Javascript