收藏 / 列表

小謳 - 手寫一個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 , 數字韌性 , 前端

冷冷的炒麪 - 網站為什麼要HTTPS訪問?

在瀏覽網站時,您可能注意到有些網址以“http://”開頭,而有些則以“https://”開頭。這個額外的“s”代表着安全(Secure),意味着您的連接受到SSL證書的保護。本文將解釋為什麼HTTPS如此重要。 什麼是HTTPS? HTTPS是HTTP的安全版本。它通過SSL(安全套接層)或TLS(傳輸層安全)協議對數據進行加密。當網站使用HTTPS時,瀏覽器和服務器之間的所有通信都會被加密,防

觀點 , HTTP , 知識 , 數據庫 , 前端

675173ff-65c2-413a-b556-576966012357 - 代理IP行業的未來趨勢:隱私、安全與智能化的新紀元

隨着全球互聯網環境的日益複雜化,代理IP(Proxy IP)早已不再是黑客或數據採集工程師的“專屬工具”,而逐漸成為企業數字化生態中不可或缺的基礎設施。無論是跨境電商、社交媒體運營、廣告驗證,還是AI數據訓練,代理IP都在扮演着越來越關鍵的角色。那麼,未來的代理IP行業將走向何方?本文將從技術、合規、智能化和應用場景四個角度進行深入分析。 一、隱私與合規驅動下的行業重塑 近年來,隱私保護與數據合規

前端 , Javascript

B2Proxy - 什麼是住宅IP?一文看懂住宅代理的原理與用途

在如今的網絡世界中,無論是跨境電商、廣告投放、社交媒體管理,還是數據採集與SEO測試,代理IP 都是實現穩定、安全訪問的關鍵工具。 其中,住宅IP(Residential IP) 憑藉更高的匿名性和更真實的網絡環境,正成為企業與個人用户的首選。 很多人聽説過“住宅代理”,卻不太瞭解它與數據中心代理的區別,也不清楚為什麼越來越多的業務都在轉向住宅IP。 本文將帶你深入瞭解住宅IP的

後端 , 前端

趙大碗 - Joker 智能開發平台-組件開發

組件開發 在前端項目開發中,組件開發佔據着舉足輕重的地位。通過組件封裝,能夠將公共業務或 UI 交互進行統一整合,有效避免重複開發,極大地提高開發效率。 JOKER 開發平台展現出卓越的優勢,它支持在線進行組件開發,且開發完成的組件無需經過編譯,即可在平台內直接引用並渲染。這得益於 JOKER 開發平台自主研發的渲染與沙箱機制,實現了框架層面的高度靈活性。 一個完整的組件主要由以下幾大功能點構成:

低代碼 , 低代碼開發平台 , 前端

CryptoRzz - python對接印度尼西亞股票數據接口文檔

概述 StockTV 提供全面的印度尼西亞股票市場數據接口,覆蓋印尼證券交易所(IDX)所有上市公司。支持實時行情、技術分析、公司信息等多種功能。 交易所信息 交易所: 印尼證券交易所 (Indonesia Stock Exchange, IDX) 國家ID: 42 (從文檔中馬來西亞示例推斷,具體需確認) 交易時間: 雅加達時間 09:00-12:00, 13:30-16:00 貨幣:

觀點 , chrome , 資訊 , 教程 , 知識

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

雨花石 - webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

PoloAPI - 一文看懂谷歌I/O 2025開發者大會: Android、Chrome、谷歌搜索、Gemini

谷歌I/O開發者大會以"AI原生生態"為核心戰略,圍繞技術升級、產品整合與商業模式展開深度佈局。以下是關鍵內容的結構化總結: 一、AI技術架構突破‌ ‌Gemini模型矩陣‌ Gemini 2.5 Pro新增Deep Think模式,增強複雜推理能力(數學/編程任務準確率提升37%) 輕量級Gemini 2.5 Flash實現移動端40%延遲降低,支持邊緣設備部署 多媒體生成模型V

gemini-2.5-pro , google , 人工智能 , 後端 , 前端

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括: 可離線訪問:通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕,像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括: Service Worker:用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

倔強青銅三 - 苦練Python第1天:為何要在2025年學習Python

苦練Python第1天:為何要在2025年學習Python 原文鏈接:Day 1/100: Why Learn Python in 2025? 作者:therahul_gupta 譯者:倔強青銅三 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。歡迎點贊、收藏、關注,一鍵三

python3.x , 人工智能 , 後端 , 前端 , Python

火爆的鍵盤 - 深入淺出: XML HttpRequest 入門指南

XML HttpRequest(XHR) 技術是構建動態、響應式網站的關鍵。這項技術使得網頁能在不重新加載整個頁面的情況下與服務器進行數據交互,極大地優化了用户的交互體驗。 定義 XML HttpRequest XML HttpRequest 是一種瀏覽器與服務器進行數據交換的 API。儘管它的名字包含 “XML”,XHR 實際上支持多種數據格式,如 JSON、HTML 和純文本等。初期,它主要用

xml , Ajax , httprequest , 前端 , Javascript

六月的可樂🥤 - 免費在線圖片編輯網站推薦

🔥發現神器!「可樂改圖」——一站式在線圖片編輯平台,讓工作更高效!🚀 大家好!今天我要給大家安利一個我最近發現的寶藏工具——「可樂改圖」,一個集多功能於一身的在線圖片編輯平台,簡直是職場人士和創作者的福音!🎉 官網地址: https://luckycola.com.cn 一、🌟產品介紹🌟 「可樂改圖」是一款簡單易用的在線圖片編輯神器,它不僅涵蓋了“壓縮圖片”、“圖片格式轉換”

圖片壓縮 , 圖片處理

qinyuanqiblog - vue-cli3 本地無法代理到生產環境的問題分析

問題描述 一個古老項目,之前是基於vuecli2 後來被我遷移到vue cli3, webpack 版本是4.46, vue-cli版本是4.4.4 vuecli配置,之前這個配置是可以直接訪問到生產環境的,後來同樣的配置,無法代理到生產環境,問了下運維大哥,他説就nginx加了個認證來源而已,別的啥都沒做,肯定是前端代理的姿勢不對 解決辦法 輾轉反側,經過一年終於解決了這個問題。

vue-cli , 前端

可視化PaaS開發 - Web前端設計開發工具集(框架、驗證器、編輯器)

什麼是前端開發 前端開發是創建Web頁面或app等前端界面呈現給用户的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用户界面交互。前端開發主要關注用户體驗。 前端開發的技術 超文本標記語言(HTML) HTML 是基本的前端技術之一,也是前端開發的核心,是所有網站的標記。HTML 元素可幫助您向網站添加表單、按鈕、容器和其他功能。 級聯

visual-studio-code , sublime-text , 前端 , Git , Web

細心的紅酒 - SSL證書是如何工作的

揭秘SSL證書:守護網絡通信的安全衞士是如何工作的? 在我們日常瀏覽網站時,地址欄那個小小的鎖形圖標 和 https:// 已經成為安全的象徵。這一切的背後,都是SSL/TLS證書在默默工作。它就像一位盡職盡責的安全衞士,通過一套精密的“握手”協議,確保你與網站之間的通信既私密又可信。 核心目標:解決兩大安全難題 在深入流程之前,我們首先要明白SSL/TLS協議旨在解決兩個根本問題: 加密:如何防

後端 , 前端

程序員優雅哥 - 分享一個實用的 vite + vue3 組件庫腳手架工具,提升開發效率

無論是 vue2 全家桶還是 vue3 + vite + TypeScript,組件庫的使用幾乎大家都會,但自己開發一個獨立組件庫就不是每個人都掌握的,因為搭建組件庫的基礎開發環境,就會讓很多同學望而卻步。一個組件庫應該至少要包括三個方面: 組件庫的開發和打包; 組件庫文檔的開發和打包; 命令行工具 cli 快速創建新組件。 這幾天 程序員優雅哥 搭建了一個組件庫的基礎腳手架: vue3

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

前端早早聊 - 【Node 連載 3/9】如何高效開發表現層 Node.js 應用

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自預測科技的技術總監 —— 芋頭的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻):https://www.zaozao.run/video/c35 完整版高清 PPT 請添加小助手「zzleva」獲取

node.js , 前端框架 , graphql , nestjs , 前端

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數,生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務,第一次在小程序上開發地圖,既興奮又忐忑。還好,雖然小程序地圖的 API 功能有些少,但是基本的需求都能覆蓋到。 在這裏,對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位,但缺乏示例代碼,第一次搞還是有點迷糊的。網上的文章又寫得七零八落,沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序,因

地圖開發 , 小程序 , typescript , 前端 , Javascript

不語 - elasticsearch-head 無法連接 elasticsearch問題的原因及解決

原因: elasticsearch開啓成功的前提下,elasticsearch的默認端口是9200 elasticsearch-head的端口是9100,會涉及到跨域問題所有無法直接連接 解決辦法: 安裝路徑\elasticsearch\elasticsearch-7.6.1\config 中有個elasticsearch.yml文件,這是elasticsearch的配置文件 裏面添加: http

es7 , 大數據 , JAVA , 程序員 , 前端

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度?

引言 在前端開發中,包管理器是必不可少的工具,用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器,作為 npm 的替代方案,它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是:Yarn 如何優化依賴安裝的速度? 本文將專注於這個問題,深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前,先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript