收藏 / 列表

IT開發者筆記 - Stimulsoft 響應式儀表板設計:數據展示隨設備而變

在數字化辦公與智能製造領域,儀表板(Dashboard)已成為企業進行數據可視化與業務決策的重要工具。然而,不同用户使用的設備多種多樣:電腦、筆記本、投影屏、平板甚至手機。如何保證數據在不同終端上始終保持清晰、易讀、友好? Stimulsoft在其報表與儀表板設計工具Stimulsoft Designer中,提供了“響應式儀表板設計(Responsive Dashboard Design)”功能,

企業信息化

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

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

npm , Javascript

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

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

typescript , 前端 , Javascript

雨花石 - 前端瀏覽器緩存

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

HTTP , HTTPS , 安全 , 前端

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

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

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

用户bPdeG32 - 深入理解 CSS Flexbox:如何使用彈性佈局實現自適應的水平和垂直居中

在 Web 開發中,佈局一直是 CSS 的一個重要主題,而水平和垂直居中往往是佈局中最常見、最基礎的需求。傳統的居中方法通常需要使用多層嵌套、position、margin 等屬性來實現,代碼繁瑣且不夠靈活。而隨着 CSS 彈性佈局(Flexbox)的引入,水平和垂直居中變得非常簡單、直觀,幾乎可以適應所有的佈局場景。 本文將專注於如何使用 CSS Flexbox 來實現內容的自適應居中,包括水平

ecmascript-6 , css3 , Css , HTML , 前端

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

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

ecmascript-6 , typescript , HTML , html5 , Javascript

beckyyyy - 可視化學習:如何用WebGL繪製3D物體

在之前的文章中,我們使用WebGL繪製了很多二維的圖形和圖像,在學習2D繪圖的時候,我們提過很多次關於GPU的高效渲染,但是2D圖形的繪製只展示了WebGL部分的能力,WebGL更強大的地方在於,它可以繪製各種3D圖形,而3D圖形能夠極大地增強可視化的表現能力。 相信很多小夥伴都對此有所耳聞,也有不少人學習WebGL,就是衝着它的3D繪圖能力。 接下來,我就用一個簡單的正立方體的例子來演示在Web

3d , webgl , 可視化 , 前端

前端小菜 - js合併數組的方法

1,方法一 concat() 實例:arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript

若川 - Taro 源碼揭秘:8. Taro 是如何使用 webpack 打包構建小程序的?

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

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

51搜不到你 - 平替魯大師 硬件狗狗工具箱分享

2010年魯大師被收購後,他的畫風就變了,各種廣告層出不窮,安裝後也成一個流氓軟件,簡直沒眼看。 今天分享一款平替工具箱——硬件狗狗,包含安裝板112M和免安裝版9M,免安裝版相對來説功能會少點,但也不影響主要功能,大家可以根據需求自行選擇。 免安裝 安裝版 在我的硬件中上面可以看到CPU、顯卡、主板、內存、

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , Javascript

Kirill Myshkin - Primitive Objects In JavaScript: When To Use Them (Part 2)

Writing programs in JavaScript is approachable at the beginning. The language is forgiving, and you get accustomed to its affordances. With time and experience working on complex projects, you start

Techniques , Tools , Javascript

Atila Fassina - Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about settin

API , Apps , cms , Browsers , serverless

前端小巷子 - Vue 2深入 keep-alive

Vue 2深入 keep-alive keep-alive 是 Vue 2 運行時裏最常被提及卻最少被深究的內置組件。它看上去只是“把頁面緩存起來”,背後卻涉及實例生命週期劫持、LRU 緩存策略、VNode 複用以及內存管理。 一、設計動機 單頁應用裏常見的“標籤頁”“麪包屑”“分步表單”等交互模式,都要求用户在多個路由或狀態之間來回切換。默認情況下,每一次切換都會觸發舊組件

生命週期 , 緩存 , 複用 , 前端開發 , 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前端入門第 84 問:JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟,它倆的暴露的 API 方法一模一樣。 但兩者也有不同點: 1、sessionStorage 存入的數據在頁面關閉後,會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離,互不影響。也就是説相同的鏈接,在 A 標籤頁打開和在 B 標籤打開,A 寫入的 sessionSt

前端 , Javascript

後山人 - 為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化

為什麼 PHP 依然有如此龐大的用户羣?——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現,但數據顯示,PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計,截至 2024 年,超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然,它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度,結合 鋭

vue.js , php , Javascript

月恆 - ChromeOS 133 版本更新

ChromeOS 133 版本更新 1. 增強託管用户的 Office 文件處理功能 從 ChromeOS 133 開始,託管用户 現在可以 無縫打開和編輯 Microsoft Office 文件(Word、PowerPoint、Excel),無論他們使用的是 Microsoft 365(Office for the web) 還是 Google Workspace。 1.1. 對不同用户的優化

chrome , 瀏覽器 , 前端

追風的苦咖啡 - SSL證書類型全解析:DV、OV、EV如何選擇?

SSL證書是保障網站數據傳輸安全的核心工具,根據驗證深度和信任等級可分為DV(域名驗證)、OV(組織驗證)、EV(擴展驗證)三類。 SSL證書申請入口⬇️** https://www.joyssl.com/brands/JoySSL.html?nid=59 一、DV證書(域名驗證) 特點: 驗證方式:僅驗證域名所有權(通過DNS記錄、郵箱或文件驗證),不涉及企業身份審核。 簽發速度:最

容器 , vagrant , android-studio , springboot , jenkins

李遊Leo - 深入理解 ECMAScript 2024 新特性:Map.groupBy() 分組操作

ECMAScript 2024 (ES15) 引入了一個極具潛力的新特性:Map.groupBy(),它大大簡化了數據分組的操作。無論是在處理數組、對象,還是更復雜的業務邏輯中,分組操作都是開發中常見的需求。本文將通過詳細的技術案例和代碼展示,為你剖析 Map.groupBy() 的強大之處。 什麼是 Map.groupBy()? Map.groupBy() 是 JavaScript 新增的靜態

ecmascript , 前端 , Javascript

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

南城FE - [譯]優秀的URL設計

本文翻譯自 Examples of Great URL Design,作者:Jim Nielsen, 略有刪改。 以下是Kyle Aster關於URL的設計為何重要的觀點(2010年): URL是通用的。它們可以在Firefox、Chrome、Safari、Internet Explorer、cURL、wget、iPhone、Android中使用,甚至可以寫在便籤上。它們是網絡的一種通用語法,但別

前端 , Javascript , url

superZidan - Next.js 超實用進階技巧【持續更新】

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊Next.js 進階技巧,如果大家遇到任何問題,歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能,乾貨滿滿,建議點贊➕關注➕收藏;後續還會 持續更新更多技巧和案例 温馨提示:如果你還是個 Next.js 新手,建議先閲讀這篇 Next.js 最佳實踐,照着這篇文章先把代碼敲一遍 Next.js 是一個強

性能優化 , next.js , ssr , Javascript

山頭人漢波 - 一步一步來:手寫Koa2

之前講過Koa2從零到腳手架,以及從淺入深瞭解Koa2源碼 這篇文章講解如何手寫一個 Koa2 Step 1:封裝 HTTP 服務和創建 Koa 構造函數 之前閲讀 Koa2 的源碼得知, Koa 的服務應用是基於 Node 原生的 HTTP 模塊,對其進行封裝形成的,我們先用原生 Node 實現 HTTP 服務 const http = require('http') const server

koa2 , node.js , 前端 , Javascript