收藏 / 列表

IT開發者筆記 - JavaScript數據網格方案AG Grid 34.2 發佈:更靈活的數據結構、更流暢的大數據交互與全新 UI 體驗

近日,JavaScript 數據表格方案AG Grid版本,本次更新為開發者帶來了更靈活的數據分組方式、更順暢的大數據集交互體驗,以及更直觀的 UI 提示與操作反饋。 AG Grid最新版下載,請聯繫AG Grid中國區合作伙伴慧都科技 以下為本次更新的核心亮點: 核心功能更新 1. 日期與時間分組 支持基於日期的層級分組(如日、周、月、季度、年等),開發者可通過rowGroupingHiera

前端 , Javascript

另類的剪刀 - HTTP 與 SOCKS5 代理協議:企業級選型指南與工程化實踐

面向企業網絡與數據團隊的工程化、可落地的代理協議選型與治理指南。核心思路:按流量特徵選協議,用多協議網關統一出站,以託管網絡降低複雜度,最終實現穩定吞吐、可預測時延與合規落地。2 一、核心定位與結論 1.1 目標讀者 企業網絡架構、數據平台與安全合規團隊 1.2 核心結論 協議選型原則: HTTP 代理:優先用於 Web 爬取與 API 調用等應用層流量 SOCKS5 代理:優先用於多協議、

fiddler , Javascript

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

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

typescript , 前端 , Javascript

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源(針對靜態資源和get請求),減少傳輸壓力,提高訪問速度。 2、那麼緩存的目標應該是:資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況,設置適當的緩存策略。 3、瀏覽器無緩存的過程: 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

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

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

面試 , this , 前端 , 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 - 可視化學習:WebGL實現簡易的局部“馬賽克”

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

webgl , canvas , 可視化 , 前端

前端小菜 - 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

若川 - 50行代碼串行Promise,koa洋葱模型原來是這麼實現?

1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

51搜不到你 - 電腦廣告攔截工具分享

今天分享2款電腦廣告攔截工具 1、SoftCnKiller(流氓軟件清理檢測): 若懷疑電腦已感染流氓軟件,可通過本工具進行全面掃描與清理。使用前請先運行黑名單更新程序(見下文圖示),以獲取最新特徵庫,支持檢測更多新型流氓軟件。 該工具可深度掃描電腦中的絕大多數流氓軟件及捆綁安裝程序(俗稱"下崽器")。個人實測:因

任務欄 , 結束進程 , 流氓軟件 , 前端開發 , 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

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 - 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前端入門第 90 問:JavaScript 也能無中生有的創建音頻

網頁播放音樂這個常識應該都知道,畢竟百度 MP3 搜索可是風靡一時! 但使用瀏覽器無中生有的創建音頻,在 HTML5 規範落地之前可是一片空白。 AudioContext 的體量與 Canvas 差不了多少,一個針對圖形圖像,一個用於音頻,兩者結合起來就把 flash 給拉下了神壇~~ 本文源之於一次技術研究,曾經有一個需求要用 H5 搞一個網頁 K 歌,技術難點在於要將原唱、伴唱、錄音的音頻數

前端

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

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

vue.js , thinkphp

月恆 - Electron 客户端項目自啓動

app.setLoginItemSettings 與 auto-launch 對比分析 一、穩定性對比 1. app.setLoginItemSettings 優點:作為Electron官方API,有官方維護和支持 缺點: 在某些Windows版本上存在已知問題 部分Windows 10/11更新後可能失效 在macOS權限更嚴格的版本上可能需要額外授權

electron-builder , electron , 前端 , Javascript

微芒不朽 - Koa2實現多併發文件上傳

koa2批量上傳文件 目前的是為了實現批量導入md文件,發佈文章。這樣就不用自己一篇一篇同步文章了。一次可以同步幾千篇文章。 實現界面 內容 主要包含上傳的文件標題,文件大小,上傳狀態。 el-upload ref="uploader" v-model:file-list="fileList" drag multiple :accept="accept" :maxSize="maxS

koa2 , vue3 , 前端 , Javascript

追風的苦咖啡 - 雙證書部署 + 國密算法:企業滿足多行業監管要求的最優解

雙證書部署 + 國密算法:企業跨行業監管合規的最優解 一、引言:跨行業監管合規 —— 企業數字化轉型的 “必答題” 在《密碼法》《數據安全法》及等保 2.0/3.0 標準全面落地的背景下,企業面臨前所未有的合規壓力:政務系統需滿足國產化加密要求,金融平台要兼顧跨境支付合規與數據主權,醫療行業則需符合《個人信息保護法》的數據傳輸規範。傳統單一加密方案難以適配多行業監管差異,導致合規成本高企、系統兼容

算法新解 , ssl證書 , 安全防護 , HTTPS

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

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

ecmascript , Javascript

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

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

ecmascript-6 , 前端 , Javascript

南城FE - 純CSS絲滑邊框線條動畫

在這個網站(minimal-portfolio-swart.vercel.app)發現一個不錯的交互效果,用户體驗效果很不錯。如封面圖所示,這個卡片上有一根白色的線條圍繞着卡片移動,且在線條的卡片內部跟隨這一塊模糊陰影,特別是在線條經過卡片圓角部分有特別絲滑的感覺。 今天的文章就來解析如何實現這種效果,文末附源碼預覽地址。根據示例圖片分析需要實現的功能點如下: 線條跟隨卡片邊框勻速移動 線

css3 , 動畫 , Css , 前端

superZidan - 使用 Socket.io 和 React 開發一個聊天應用

這篇文章是關於什麼的 相信大家對於 web 版的線上聊天室都不陌生,這篇文章主要講的就是如何使用 Socket.io 和 React 開發一下簡單的線上聊天應用。 所謂線上聊天應用,就是你給一個人或者一個羣發送一條消息,他們可以看到這條消息並且可以回覆。既簡單又複雜。 開發一個聊天室應用,你需要在新信息來到的時候及時的感知到。 通常來説,為了獲得服務端的信息,我們需要發送一個 HTTP 請求。但是

socket.io , react , node.js , Css , Javascript