收藏 / 列表

雲魚 - 深入瞭解瀏覽器渲染進程的工作方式

你是否曾經好奇過瀏覽器是如何渲染網頁的?本文將通過 30 張圖將帶你瞭解瀏覽器渲染進程的內部工作機制。 渲染進程負責處理標籤頁中的所有內容。 在渲染進程中,主線程處理大部分發送給用户的代碼。如果使用 Web Worker 或 Service Worker,部分 JavaScript 會由工作線程處理。另外,合成器線程和光柵化線程也在渲染進程中運行,確保網頁高效、流暢地渲染。 渲染進程的核心任務是將

性能優化 , 面試 , 瀏覽器原理

牛仔碼農 - Javaweb入門完整版學習教程,簡單粗暴,通俗易懂!

JavaWeb是用Java技術來解決相關web互聯網領域的技術總和,Java提供了技術方案可以解決客户端和服務器端的實現。 web包括:web服務器和web客户端兩部分。 Java在客户端的應用有 java applet,不過使用得很少,Java在服務器端的應用非常的豐富,比如Servlet,JSP和第三方框架等等。 Java技術對Web領域的發展注入了強大的動力。 目前,Java Web開

servlet , JAVA , jsp , 後端 , 前端

軟件部長 - jvs-logic服務編排揭秘:固定變量的核心作用與優勢

概要 固定變量是一個數據格式。指在數據傳輸或存儲過程中,數據的格式和結構保持不變的變量。這些數據格式固定變量通常用於確保數據的準確性和一致性,避免在傳輸或存儲過程中出現數據丟失或格式錯誤的情況。 通常用對象函數GETVALUE取值。 配置説明 取固定值 例如在結果值返回處填寫固定值,節點執行的結果就是填寫的值。注意:變量綁定不影響結果值的返回。 查看返回的值。 取變量值 例如

服務編排 , 邏輯 , 變量

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道,React 作為一個視圖庫,在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力,以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

程序員白彬 - npm init @vitejs/app的背後,僅是npm CLI的冰山一角

結尾的話説在前面。 我有時候會得出這樣的結論:原來那些我不常用的命令或工具,都是為了解決大佬們遇到的問題而存在的! 我們每天都和npm打交道,但是不少人對npm的掌握程度還停留在一個比較淺的層面(當然這也包括我)。就比如説一個用 vite 創建 app 的命令npm init @vitejs/app,很多人就懵了,“npm init不是用來創建package.json文件的嗎?” 同樣還有n

cli , npm , 前端

IPD產品研發管理 - “你覺得客户需要”是殺死TA的最後一根稻草 | IPD集成產品開發

這個米老鼠洗衣機,大家眼熟嗎? 相信最近熱衷於在網上衝浪的朋友們,對這款形似米老鼠的“懶人洗衣機”並不陌生,甚至算是小小地參與了一下這個產品研發項目。 在海爾的周雲傑總裁爆火出圈後,有網友在海爾的媒體賬號下,喊話周總研發一款可同時並分區洗衣服、內衣、鞋子和襪子的 “懶人洗衣機”。基於此,2天后,海爾集團宣佈“懶人洗衣機”即將上市。 這個看似偶然的“懶人”產品的誕生,實則折射出如何精準洞察客户需求

產品經理 , 程序員 , 產品 , 後端 , 前端

aqiongbei - 來學一個值錢的知識,Chrome插件如何優雅的捕獲頁面的請求結果

背景 今天在寫一個某網站限流檢測的chrome插件,需要捕獲頁面的某個請求結果。那麼問題就來了,我們該如何捕獲頁面的請求結果呢?我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3,下文內容也是在這個基礎上展開的。 本文只列舉方案,一些需同步在manifest_version進行配置地方並未提及,請自行配置。 可行的方案 一、chrome.webReques

chrome , chrome-extension , chrome-devtools , 前端 , Javascript

用户bPdeUmS - TypeScript 中的類型推斷詳解:為什麼我們應該信任 TypeScript 的推斷能力?

在 TypeScript 中,類型推斷(Type Inference)是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解,從而簡化代碼,同時仍然享受強類型系統帶來的安全性和可靠性。然而,對於初學者或經驗不足的開發者來説,常常會疑惑:我真的可以完全信任 TypeScript 的類型推斷嗎?它的邊界和侷限性是什麼? 本文將聚焦於這個問題,通過深入解析 TypeScript 的類型

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

LYX6666 - 釘釘企業內部應用SSO單點登錄實戰及踩坑過程

前言 之前一直因為騰訊的文檔可讀性差而吐槽,而這次對接釘釘開放平台時也遇到了很多問題。 一句話概括原因:當前(2025年)正值釘釘兩代API切換的過程中,新舊API同時存在,造成釘釘官方文檔內容分散,來不及更新,且第三方博客新舊共存。初次接觸時無從下手,API調用時因為版本不對可能導致問題。 本文基於最新的API及文檔,儘可能全面的描述釘釘SSO流程。 SSO SSO(Single Sign-On

釘釘 , sso , springboot , JAVA , 後端

卡頌 - 對於“前端狀態”相關問題,如何思考比較全面

大家好,我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了?前端應該跟着React走還是跟着JS、TS走?- beeplin的回答。 在這個回答的基礎上,我想引申出一個問題 —— 對於前端狀態相關問題,如何思考比較全面? 今天,我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣,帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之,在他們

react , vue.js , mobx , redux , 前端

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效?💭

我是月弦笙音,今天給大家分享為什麼使用 reduce() 按順序解析 promise 有效,嘎嘎的😍,看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的,但它會很混亂,你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的,但你明白了。真是太好了😂。不過,有時它需要一點幫助來解決一些獨特的挑戰,比如當你試圖按順序解決一堆承諾時,一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

小X學技術 - Y 分鐘速成 CMake

源代碼下載: CMake-cn CMake 是一個跨平台且開源的自動化構建系統工具。通過該工具你可以對你的源代碼進行測試、編譯或創建安裝包。 CMake 試圖去解決Makefile 跨平台的自動配置問題(不同的make解釋器有不同的命令),以及鏈接第三方庫時的易用性問題。 CMake 是一個可擴展的開源系統,它以操作系統和與編譯器無關的方式管理構建過程。與其他許多跨平台系統不同的是, CMa

自動化構建工具 , cmake , 入門 , 開源

蘇琢玉 - 微信小程序開發全流程:從註冊到上線的完整指南

最近在刷小紅書時,看到不少人在分享自己的微信小程序如何靠廣告月入上萬,甚至更多。 這種説法不能説不真實,只能説肯定不是這麼簡單的事情。畢竟廣告收入的多少,歸根結底還是取決於用户量,不可能隨便做個小程序,就能吸引大量用户來看廣告。 不過,完全説不可能也不太準確,畢竟人活着總得有夢想。而且其實做一個簡單的小程序成本並不高,尤其得益於雲開發。小程序後期沒有域名、服務器等額外的軟成本,所有內容都可以部署在

微信小程序 , 微信開發

十五 - 受夠了團隊代碼風格不統一?7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系,主要內容為:通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化,通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字,主要內容分為 7 個大章節,內分多個小章節。請耐心讀完,相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章,該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

華為雲開發者聯盟 - 【API進階之路】因為不會創建雲服務器,我被實習生擺了一道

摘要:9個步驟通過API創建雲服務器。 事情是這樣的,公司成立了一個新項目,要給項目建官網,並搭建一個web服務器。按照我的習慣,搭建一個本地虛擬機就好了,部署簡單方便還好配置,雲服務器嘛,寫了10年代碼,還是不習慣那玩意兒。 我這剛開始動手,就看見實習生屁顛屁顛地跑過來,我心想這小子肯定是想來學虛擬機搭建部署的,這麼簡單的事都不會,真是白瞎了他那985的學校了。 可是...萬萬沒想到啊,小

API , 華為雲 , 虛擬機 , 雲服務器 , web服務器

高德開放平台 - 高德開放平台全球LBS服務,MCP Server正式登陸阿里云云市場

高德地圖作為全球領先的LBS提供商,憑藉其強大的數據處理能力和廣泛的地理信息覆蓋,每日處理定位及路徑規劃需求超過千億次。高德地圖數據覆蓋全球200多個國家和地區,擁有7000w個國內POI數據、1.2億海外POI數據,同時覆蓋全球4億地址數據。並且基於全球路網、路況數據的全面覆蓋,為用户提供全球範圍內的精準、實時的地圖服務,滿足多樣化的地理信息需求。 今日,高德開放平台宣佈正式入駐阿里云云市場,推

地圖開發 , 資訊 , 人工智能 , 前端

李不要熬夜 - ES6 變量作用域與提升:變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前,JavaScript 中只存在着函數作用域;而在 ES6 中,JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域,在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中,所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

葡萄城技術團隊 - 3D組合地圖在數據可視化大屏中的應用

前言 當下數據可視化大屏展示的花樣層出不窮,可視化大屏的C位越來越卷,地圖的樣式已經不再止步於普通的平面地圖,在虛擬環境中探索和交互,今天我們要介紹的這一款3D組合地圖可以將複雜的數據以直觀的方式呈現出來,使得數據更容易被理解和分析。例如,通過將人口分佈、經濟狀況等數據與3D地圖相結合,可以直觀地展示這些數據在空間上的分佈情況,從而幫助決策者更好地理解和分析這些數據。今天小編為大家介紹如何藉助葡萄

地圖 , 可視化

來了老弟 - JavaScript閉包

本文將帶你用正確姿勢看待JavaScript閉包。 在 JavaScript 中閉包描述的是 function 中 外層作用域的變量 被內層作用域 引用的場景,閉包的結構為 內層作用域 保存了 外層作用域的變量。 要理解閉包,首先要知道 JS詞法作用域 是如何工作的。 JS詞法作用域(lexical scoping) 來看這段代碼: let name = 'John'; function gre

閉包 , 面試問題 , Javascript

友人A - ubuntu 16.04搭建gitlab

hint: 此次搭建由於沒有root賬户權限,所以最開始準備用在線安裝方式的步驟開始,在安裝gitlab-ce的時候無法換鏡像源,所以gitlab-ce採用了離線下載安裝包的方式,其餘的依賴是在線安裝方式。 最開始傳統步驟👇 sudo apt update sudo apt install curl openssh-server ca-certificates sudo apt inst

ubuntu16.04 , Linux , gitlab , gitlab-ce

杭州程序員張張 - 使用 Node.js 和 htmx 構建全棧應用程序

在本教程中,我將演示如何使用 Node 作為後端和 htmx 作為前端來構建功能齊全的 CRUD 應用程序。這將演示 htmx 如何集成到全棧應用程序中,使您能夠評估其有效性並確定它是否是您未來項目的不錯選擇。 htmx 是一個現代 JavaScript 庫,旨在通過實現部分 HTML 更新來增強Web應用,而無需重新加載整個頁面。與傳統前端框架中的 JSON 有效載荷不同,它通過有線方式發送 H

全棧 , node.js , htmx , 前端

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳,閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案,其原理是: 1.把真實的 DOM 樹轉換成 js 對象(虛擬 DOM) 2.數據更新時生成新的 js 對象(新的虛擬 DOM) 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

數據庫知識分享者 - 記一個詭異的TCP揮手亂序問題

本文內容包括但不限於:tcp四次揮手(同時關閉),tcp包的seq/ack號規則,tcp狀態機,內核tcp代碼,tcp發送窗口等知識。 問題是什麼? 內核版本linux 5.10.112 一句話:四次揮手中,由於fin包和ack包亂序,導致等了一次timeout才關閉連接。 過程細節: 同時關閉的場景,server和client幾乎同時向對方發送fin包。 client先收到了server的

tcp , 雲計算 , tcp-ip , 阿里雲 , 遷移

同創永益 - 產品動態丨同創永益 IStorM ITEMS IT應急管理平台V3.0發佈

一、版本概述IStorM ITEMS IT應急管理平台V3.0.1本次迭代基於市場動態調研、客户交付反饋及IT應急建設指南,圍繞功能革新、性能優化、規格細化三大方向,全面升級產品能力。通過新增18項功能與12項優化項,顯著提升事件管理效率、智能化支持水平及平台擴展性,致力於打造行業領先的IT應急解決方案,助力客户實現風險高效應對與業務連續性保障。 二、新增功能亮點事件全生命週期管理 事

it , 數字韌性 , 前端