收藏 / 列表

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

IT開發者筆記 - 國產化Word處理控件Spire.Doc教程:使用Java將RTF文件轉換為PDF的全面教程

在日常開發中,常常會遇到將 RTF(Rich Text Format)文件轉換為 PDF 格式的需求。RTF 格式廣泛用於文本格式化、字體樣式和圖片插入,而 PDF(Portable Document Format)則是跨平台文檔存儲和傳輸的標準格式,具有高度的兼容性和安全性。 本教程將深入介紹如何使用Spire.Doc for Java庫在 Java 中將 RTF 文件轉換為 PDF。此外,還

後端

另類的剪刀 - 豌豆住宅IP——高穩定、可控來源、城市級精準定位

在很多需要長期會話、來源可控、城市級定位的業務中(如電商監測、廣告驗證、本地化測試等),住宅IP的穩定性與地域精度往往比數量更重要。 下面總結一些企業在選型與使用靜態住宅IP時的關鍵考量指標和經驗。 🧩 一、核心指標 成功率(Success Rate) 穩定的網絡請求成功率應在 99% 以上,可支持自動重試與失敗率告警。 延遲(P95 Latency) 95分位延遲能真實反映整

教程

愛跑步的番茄 - 什麼是代理服務器?技術原理與應用解析

代理服務器(Proxy Server)是位於客户端與目標服務器之間的中間層節點,負責轉發網絡請求。在網絡通信體系中,它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下: Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP,而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

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

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

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

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前,需要經過一系列的“準備”,這被稱為執行上下文 ,其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的,每創建一個執行上下文,就會將當前執行上下文放到一個棧頂,這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文: 全局執行上下文 ,進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

用户bPdeG32 - ECMAScript 6(ES6)深入剖析:箭頭函數的革新與應用

引言 ECMAScript 6(簡稱 ES6),也被稱為 ECMAScript 2015,是 JavaScript 語言的重要版本更新,帶來了許多功能和語法的改進,極大地增強了 JavaScript 開發的簡潔性與可讀性。其中,箭頭函數(Arrow Functions) 是最為顯著的特性之一。箭頭函數提供了更為簡潔的語法,同時解決了傳統函數在 this 綁定上的問題。本文將聚焦於箭頭函數的革新,探

ecmascript-6 , typescript , 前端 , html5 , Javascript

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目,該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式,方案1:通過iframe集成mxcad項目;方案2:直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式,這種方式與iframe嵌套集成相比更加方便,集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

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

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

webgl , canvas , 可視化 , 前端

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

ecmascript-6 , es5 , Javascript

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

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

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

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

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

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

Kirill Myshkin - Discovering Primitive Objects In JavaScript (Part 1)

It seems natural to use strings to distinguish things. It’s very likely that in your codebase, there are objects with name, id, or label properties that are used to determine if an object is the one

Techniques , Tools , Javascript

Atila Fassina - SolidStart: A Different Breed Of Meta-Framework

The current landscape of web tooling is increasingly more complex than ever before. We have libraries such as Solid, Vue, Svelte, Angular, React, and others that handle UI (User Interface) updates i

Frameworks , API , Javascript

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

前端路引 - Web前端入門第 86 問:JavaScript 中的 Web Worker 為什麼能提升代碼性能?

最初的 JS 執行代碼都是一條線執行到底,當遇到比較耗時的操作時,比如大數組循環運算,就會導致頁面卡着,就像假死一樣。就像一個人在廚房燒菜一樣,需要依次完成切菜、炒菜、裝盤這些步驟,此過程中沒辦法同時做其他事情,必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力,在遇到複雜的計算型任務時,比如 canvas 圖形圖像處理(添加濾鏡、矩陣變換等),此類不依賴 DOM 操作

前端 , Javascript

後山人 - 穿越週期:堅持使用 PHP 的感悟與選擇的哲學

穿越週期:堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界,PHP 似乎每年都要經歷一次“死亡”的預言,但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言,這不僅僅是一種技術選擇,更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟,並結合 鋭智後台(RaiseAdmin)快速開發平台 的實踐,闡述 PHP 如何在現代化浪潮中,憑藉其

vue.js , MySQL , 小程序 , php , 教程

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端

微芒不朽 - 被前端存儲坑到崩潰?IndexedDB 高效用法幫你少走 90% 彎路

IndexedDB 是一種在瀏覽器中提供事務性的鍵值對存儲的低級 API。它允許你在用户的瀏覽器中存儲大量結構化數據,並且可以對其進行高效的搜索、更新和刪除操作。IndexedDB 適用於需要離線存儲和快速訪問大量數據的應用程序,如 Progressive Web Apps (PWAs) 和單頁應用程序 (SPAs)。本文將詳細介紹如何在前端項目中高效使用 IndexedDB。 1. Indexe

前端 , Javascript

追風的苦咖啡 - 政務領域應用:國密 SSL 證書如何守護 “一網通辦” 的數據安全?

政務數字化的核心安全需求,“一網通辦” 作為政務服務的核心載體,其數據安全直接關係到公眾信任與政務合規,國密 SSL 證書主要通過全鏈路加密、身份強認證、數據防篡改三大核心能力實現守護。 一、核心作用:覆蓋 “一網通辦” 全數據流轉環節 “一網通辦” 的核心數據流轉包含 “用户提交→平台傳輸→部門共享→結果反饋” 四大環節,國密 SSL 證書針對每個環節的風險點提供針對性防護: 用户提

ssl證書 , 安全證書 , 安全防護 , HTTPS , 數據結構和算法

李遊Leo - 你可能不敢想象,2025 年,jQuery要更新到 4.0 了

讓人難以置信的是,jQuery,這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫,至今仍在更新。自從 2006 年 8 月震撼亮相以來,它已走過了長達 19 年的路程。還記得麼?他的作者是:John Resig,這個年輕的小夥子也變成老大叔了。 而現在,即便在 React、Vue 這樣的現代框架盛行的今天,或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

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

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

ecmascript-6 , 前端 , Javascript

南城FE - [譯]原生CSS嵌套使用

本文翻譯自 CSS Nesting,作者:Ahmad Shadeed, 略有刪改。 如果你是一個前端開發人員,那麼你應該使用過CSS預處理器以及預處理器中的嵌套特性。它一直是一個受歡迎的功能,我一直都在使用CSS預處理器。 今年所有的主流瀏覽器都支持原生CSS嵌套:Chrome、Firefox和Safari。這是一個重要的CSS功能,這將使編寫CSS更加容易。在本文中我將記錄到目前為止我所學到的關

sass , css3 , Css , 翻譯 , 前端

superZidan - 瀏覽器工作原理

瀏覽器(也稱為網絡瀏覽器或互聯網瀏覽器)是安裝在我們設備上的軟件應用程序,使我們能夠訪問萬維網。在閲讀這篇文字時,你實際上正在使用一個瀏覽器。 有許多瀏覽器正在被使用,截至2022年,使用最多的是:谷歌瀏覽器、蘋果的Safari、微軟的Edge和火狐。 但是,它們實際上是如何工作的,從我們在地址欄中鍵入網絡地址開始,到我們試圖訪問的頁面顯示在屏幕上,會發生什麼? 關於這個問題的答案,一個極其簡化的

渲染 , dom , 瀏覽器 , cssom , webkit