收藏 / 列表

Zara Cooper - Kendo UI For Angular Data Grid And Angular Material: Have Your Cake And Eat It Too

This article has been kindly supported by our dear friends at Progress Telerik who are committed to giving developers the tools they need to harness and master the technological evolution shaping

angular , Techniques , Tools , ui

IT開發者筆記 - 【工業檢測行業案例】藉助TeeChart打造高精度材料強度可視化測試系統

在材料力學測試領域,數據可視化的精準性與實時性直接影響實驗的可靠性與決策效率。瑞士 Walter + Bai AG 作為全球領先的材料測試設備製造商,通過將SteemaTeeChart for .NET深度集成至其核心測試軟件中,實現了對力、位移、温度等多維數據的高性能可視化分析。該方案不僅顯著提升了系統的實時響應與數據洞察能力,更助力工程師在建築、航空航天、汽車及科研等行業中高效完成複雜材料性能

.net , 後端

另類的剪刀 - smartproxy API 代理——控制平面 + 策略治理,構建一體化可觀測與可回滾體系

面向中大型技術團隊與企業技術決策者,以”控制平面+策略治理”為核心架構,提供統一接入、統一治理、統一可觀測的 API 代理能力。我們將穩定性與性能作為首要目標,幫助團隊在全球多區域場景下顯著提升交付效率與運營可控性 1。 核心能力概覽 控制平面集中式治理:路由、鑑權、限流、熔斷、重試、可觀測等策略集中下發,實現統一變更與一鍵回滾 企業級穩定性保障:針對 AI 推理、數據採集與高併發場景

Javascript

愛跑步的番茄 - 什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

typescript , 前端 , Javascript

雨花石 - review代碼系列(二):

背景: 因技術優化需要,打算將現有項目庫的部分代碼摘出來單獨構建,所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置,既有babel.config.js,也有.babelrc。因為都在根目錄下面,所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護,覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

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

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

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

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

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

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

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

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

ecmascript-6 , typescript , HTML , html5 , Javascript

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

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

shader , css3 , 動畫 , webgl , 前端

前端小菜 - 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搜不到你 - 專業漂白工具

日常工作和生活裏,處理圖像時常讓人頭疼。掃描的文件、手機拍的文檔,甚至孩子的作業照片,幾乎總帶着陰影、灰暗背景,還有各種雜亂的干擾元素。這些瑕疵讓圖片顯得模糊不清,觀感差勁,更別提打印時會多費墨粉,平白增加開銷了。 今天分享一款神器“原本”——專業級圖片漂白軟件 當老師發羣裏的作業打印出來歪歪扭扭時,當需要大型掃描儀時,當適用於高質量圖片存檔時

3c , 批量操作 , 下載地址 , 前端開發 , Javascript

Kirill Myshkin - Orchestrating Complexity With Web Animations API

There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Web An

animation , API , Interfaces , Javascript

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

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

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

前端 , Javascript

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

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

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

月恆 - Chrome 134 版本開發者工具(DevTools)更新內容

Chrome 134 版本開發者工具(DevTools)更新內容 一、隱私與安全面板 舊的 Security 面板已演變為隱私與安全面板,並新增了一個專注於隱私的部分。在該部分中,可以: 在 DevTools 打開時,臨時限制第三方 Cookie(可帶或不帶例外),並測試網站在此情況下的表現。 查看一張表格,其中包含有關第三方 Cookie 的信息,包括它們是否被臨時限制模式攔截或豁免,以及

chrome , 瀏覽器 , chrome-devtools , 前端

微芒不朽 - Vue3開發技巧:使用jsx快速開發組件

創建項目 pnpm create vite 直接使用模板創建 pnpm create vite my-vue-app --template vue 安裝 JSX 支持依賴 cd my-vue-app npm install @vitejs/plugin-vue-jsx -D 配置 vite.config.js import { defineConfig } from 'vite' import v

vite , jsx , vue3 , 前端 , Javascript

追風的苦咖啡 - 公網 IP 面臨的安全風險及防護措施

公網 IP 因直接暴露於互聯網,易成為網絡攻擊的目標,核心風險集中在未授權訪問、惡意入侵和服務癱瘓三類,防護需圍繞 “減少暴露面、強化驗證、實時監控” 展開。 一、公網 IP 面臨的核心安全風險 端口掃描與漏洞探測黑客通過工具批量掃描公網 IP 的開放端口(如 80、3389、22 等常用端口),識別運行的服務(如 Web 服務、遠程桌面),進而尋找系統漏洞(如未修復的漏洞補丁)作為攻擊入口。

知識 , html5 , Javascript

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

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

ecmascript , Javascript

王大冶 - 如何只使用 CSS 實現網站的暗黑模式切換

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 想讓你的網站從“明亮清新”切換到“暗黑酷炫”,而不依賴任何 JavaScript?沒問題! 僅用 CSS 就能完成這個任務,根據用户設備的系統設置動態切換主題。本教程將教你如何實現一個可以隨系統設置自動切換明暗模式的網站,完全拋棄 JavaScript。 第一步:基礎 HTML 頁面結構 首先,我們需要一個簡單的

ecmascript-6 , 前端 , Javascript

南城FE - 前端如何徹底解決重複請求問題?看看這5種方案

在前端開發中,重複請求是一個常見且棘手的問題。比如用户快速點擊"保存"按鈕導致生成多條重複單據,或者列表頁頻繁刷新造成服務器壓力飆升,這些場景不僅影響用户體驗,還可能引發數據一致性問題。本文將系統梳理重複請求的解決方案,從基礎到進階進行對比分析,並結合實際代碼案例解決這一痛點。 一、重複請求不止是"多花錢" 在討論解決方案前,我們先明確重複請求的具體影響,避免因"覺得問題不大"而忽視它: 數據

前端 , Javascript

superZidan - 瀏覽器工作原理

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

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

Juan Diego Rodríguez - Gatsby Headaches And How To Cure Them: i18n (Part 1)

Internationalization, or i18n, is making your content understandable in other languages, regions, and cultures to reach a wider array of people. However, a more interesting question would be, “Why i

Guides , Gatsby , plugins , Static Generators