收藏 / 列表

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

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

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

webpack , babel , 前端 , Javascript

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

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

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

用户bPdeG32 - 遞歸與迭代:理解與選擇的藝術

在編程中,“遞歸”和“迭代”是兩種解決問題的常見方法。這兩者本質上都是為了處理複雜的、重複的操作或數據結構,比如樹、鏈表、數學運算等。遞歸是函數自我調用的一種形式,而迭代則是通過循環控制結構來解決問題。本文將專注於探討遞歸與迭代的不同之處、各自的優勢與劣勢,以及如何在實際開發中選擇合適的方式解決問題。 1. 什麼是遞歸? 遞歸是一種通過讓函數調用自身來解決問題的編程技術。每次函數調用時都會生成一

ecmascript-6 , node.js , typescript , 前端 , Javascript

夢想雲圖網頁CAD - (Online CAD Software)在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量,它與傳統的尺寸公差不同,不僅關注長度或直徑等線性尺寸的變化,還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示: 根據國家標準 GB/T 1182-2018(等同於 ISO 1101

node.js , typescript , npm , html5 , Javascript

beckyyyy - WebViewJavascriptBridge.js代碼學習

//notation: js file can only use this kind of comments //since comments will cause error when use in webview.loadurl, //comments will be remove by java use regexp (function() { if (window.WebViewJav

hybrid-app , 前端 , Javascript

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

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

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

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

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

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

任務欄 , 結束進程 , 流氓軟件 , 前端開發 , Javascript

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 - A Recipe For A Good Design System

This article has been kindly supported by our dear friends at Backlight, a collaborative platform empowering front-end teams to build and ship great design systems. Thank you! In theory, ev

workflow , Tools , User Experience , Design Systems

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時,瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表(Virtual Scroller)把「按需渲染」做到極致:只繪製可見區域並加少量緩衝,讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質:渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度,滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

前端路引 - Web前端入門第 84 問:JavaScript sessionStorage 那些容易踩坑的地方

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

前端 , Javascript

後山人 - 告別重複勞動:鋭智後台(RaiseAdmin)如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動:鋭智後台(RaiseAdmin)如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中,後台管理系統是不可或缺的一環。然而,重複的CRUD(創建、讀取、更新、刪除)工作常常佔據了開發者大量寶貴時間。今天,我們聚焦一個優秀的開源項目——鋭智後台(RaiseAdmin)快速開發平台,它正以其現代化技術棧和創新的“懶人”代碼生成器,為開發者帶來一場效率革命。 一、現代化技術棧:性能與體驗

vue.js , MySQL , php , Javascript

月恆 - Web 網頁性能及性能優化

Web 網頁性能及性能優化 一、Web 性能 Web 性能是 Web 開發的一個重要方面,側重於網頁加載速度以及對用户輸入的響應速度 通過優化網站來改善性能,可以在為用户提供更好的體驗 網頁性能既廣泛又非常深入 1. 為什麼性能這麼重要? 1. 性能關乎留住用户 性能對於任何在線業務都至關重要 與加載速度緩慢、讓人感覺運行緩慢的網站相比,加載速度快並能及時響應用户輸入的網站能更好地吸引並留住用户

性能監控 , 性能優化 , 性能 , 前端 , Javascript

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中,佈局是構建用户界面的核心環節。長期以來,CSS 的 float 屬性曾是實現多列布局的主要手段,但隨着 CSS 技術的發展,Flexbox(彈性盒子佈局)已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局,並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景:從 float 到 Flexbox float 最初設計用

前端

追風的苦咖啡 - SSL 證書的三個關鍵作用及其對用户信任和企業安全的影響

一、數據加密傳輸,保障信息安全 核心作用:通過 SSL/TLS 協議對用户與服務器之間的數據傳輸進行高強度加密,防止敏感信息(如密碼、支付數據、個人信息)在傳輸過程中被第三方截獲或竊取。 重要性:尤其在涉及用户隱私和金融交易的場景(如電商平台、網銀),若未加密,攻擊者可通過中間人攻擊直接獲取明文數據,導致嚴重的隱私泄露和財產損失。 技術支撐:採用哈希算法確保數據完整性,結合數字簽名驗證數據

ssl , ssl證書 , HTTP , HTTPS , 知識

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

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

ecmascript , Javascript

王大冶 - React Native 0.76 重大更新:新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性(如 Suspense、Transitions),還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

南城FE - 純CSS實現海浪文字效果

如圖所示,這是一個很炫酷的文字波動效果,文字呈現出一個海浪波動的效果,這樣的動畫效果可以顯著加強文案本身的含義。本文將解析如何使用純CSS實現這個特效,基於這個動圖可以分析出實現這個效果的主要功能要點: 整體呈現出3D文案效果 文案呈現波動狀態動畫 文案有漸變顏色的變化 文案在變化過程中有傾斜分層的效果 1. 基礎樣式 首先我們從佈局和基礎樣式開始。 通過上面的圖片可以看出動畫中的

css3 , 動畫 , Css , 前端

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

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

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