收藏 / 列表

yayujs 頭像

yayujs - SvelteKit 最新中文文檔教程（7）—— 構建和部署

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs的工程化

Angularjs的工程化 AMD規範和CMD規範 為什麼需要模塊化管理工具 在編寫項目時可能需要加載很多js文件，若b.js依賴a.js，且a.js比b.js大很多，那麼瀏覽器會讓b.js等待a.js加載完畢後再去執行b.js裏的內容；而即使d.js並不依賴a.js，b.js，c.js，也會等待這三個文件均加載完畢才執行，為了讓瀏覽器能夠按需加載，提出了模塊化管理工具。 script type=

angular , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分：核心概念 - 為什麼需要原型？ JavaScript 在誕生之初，被設想為一種簡單的腳本語言，並未打算引入類的概念。為了實現對象之間的屬性和方法共享，從而節省內存並建立繼承關係，設計了基於原型的繼承模型。 第二部分：理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - ETL VS ELT：誰才是企業架構的最優解？

​在雲原生當道的2025年，企業建數據平台，ETL和ELT到底怎麼選？​這個看似基礎的架構選擇，後期一旦選錯，遷移成本可能高達初始投入的5倍！雖然ETL和ELT這兩個詞提了十幾年，​但今天它們的內涵和適用場景已經大不相同。​別再憑老經驗做決定，​選錯數據架構，燒錢又費勁！​這篇文章就帶你徹底搞清ETL和ELT的本質區別，並​基於你的數據本身、團隊技能和現有基礎設施，給出2025年的務實選擇建議。​

架構設計

fannaodeliushu 頭像

程序員阿偉 - 《根治開放世界坐騎卡頓：從時鐘同步到負載均衡的架構級解決方案》

在奇幻開放世界遊戲《蒼穹牧場》的內測階段，一個直接影響核心探索體驗的“坐騎移動卡頓”Bug，成了研發團隊必須攻克的難題。這款遊戲的核心玩法之一，就是玩家通過操控不同類型的坐騎（如飛天翼獸、陸地巨象）在廣闊的開放世界中探索，而“破碎高原”作為遊戲中地形最複雜的區域之一，不僅遍佈高低錯落的懸崖、隨機分佈的動態岩石障礙，還散落着玩家臨時建造的木屋、柵欄等建築，是玩家獲取稀有資源的關鍵區域。但正是在這裏，

架構

fkcaikengren 頭像

瘋狂踩坑人 - 400行mini-react，圖文解説React原理

引言： 在我學習React原理的時候，一上來看的非常全而細節的書/博客（頭大），或者是看的教你實現一個簡單mini-react（還是一知半解），最終學的痛苦又效果不好。所以，寫了這篇博客，希望能幫助您入門React原理。此外，在我看來，這篇文章幫助你應付面試完全足夠了。 説明： 本文章主要圍繞Zachary Lee的 400行實現mini-react 項目進行分析，結合圖文詳細分析

react , 面試 , 教程 , 前端

wszgrcy 頭像

wszgrcy - 代碼搜索與重構工具 - Code Recycle

程序員在開發過程中查詢代碼時,通常依賴文本搜索,儘管這在大多數情況下很有用,但它可能無法完全滿足我們的需求. let a = 1;let b=`let a=1` 要搜索上述代碼語句let a = 1,通常這是很難實現的,因為一方面會有字符串的干擾,另一方面格式可能不同,無法直接確定唯一語句. 但是,當我們使用code recycle時,我們可以直接使用let a=1來匹配

code , 工具 , 搜索 , cli , 定位

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 深入 JavaScript：前端開發的核心語言

JavaScript 是一種廣泛應用於前端開發的編程語言，最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言，JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一，還隨着 Node.js 的出現，逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景，幫助你掌握這門現代化的編程語言。 一

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

zero_dev 頭像

北橋蘇 - phpstorm開發項目中5種常用的使用方法

前言： 有時因為各種原因重裝了系統，工具有時也重裝，但是又沒有把軟件的設置導出來。最開始的工具配置過了段時間給遺忘了，比如平時順手的關閉窗口快捷鍵，composer，git等的設置。 方法總結： 修改快捷方式點擊”File”-”Settings”-”keyMap”就可以看到那些快鍵鍵的各種分類，比如我常喜歡用”ctrl+w”關閉正在打開的窗口，所以就選擇”windows”分類下的Editor

php , phpstorm , 後端

thinking80s 頭像

Thinking80s - 我的碼農之路

還記得畢業那段時光，命運似乎總是充滿巧合。當時恰好有位親戚在市裏的電腦城工作，出售各類電腦產品。於是乎，我順理成章地在那裏找到一份差事，負責電腦組裝、網絡安裝以及其他瑣碎事務。 儘管大學時期主修的是計算機專業，但所學知識卻與編程毫無瓜葛。如今回想起來，也就不難理解為何許多人會詢問我關於編程方面的問題了。對於他們而言，這或許是對我專業能力的一種期待；而於我來説，則更像是一種無法言説的尷尬。每當此時，

編輯器 , ruby , 人工智能 , 程序員 , 前端

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

zz_641473ad470bc 頭像

zZ_jie - 使用canvas對圖片進行標註

前言 我們的圖像標註系統中，標註的時候，每人需要一個容器（docker），需要把數據推到去LabelStudio裏面去標註，利用webhook回推標註好的數據。 Canvas的使用，當選中某個矩形框的時候，會變成藍色。 畫布大小 設置的是，圖片有多大，畫布就有多大,然後以畫布的中心點對齊。默認是左上角對齊 this.ctx.drawImage(this.image, -this.image

canvas , HTML , 前端

jianer 頭像

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平，根據搜索字符在打平數組裏去filter出滿足條件的node節點，但此時被篩選的節點只有子節點，然後再通過被篩選出的子節點去找對應的父節點，然後拿到結果後轉成tree結構 優點：思路簡單，打平數組用了遞歸，好理解 缺點：找父節點的時候相對麻煩。 2、寫一個遞歸算法，滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中，但是由於調用各廠商的AI接口基本上無法實現完全免費，即使免費額度也是有限制的，所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要，一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口，比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

wswx 頭像

goblin_pitcher - 單調棧模板和適用範圍

刷力扣時，遇到關鍵詞：下一個更大/小的數這類題目時，往往會採用單調棧的解法，如每日温度 刷題最常見的問題就是，看到題解，感覺很精妙，但下次遇到一模一樣的題目時，往往知道思路，但寫不出代碼，有或者遇到類似的變體題目時，不會往這方面想。這兩種情況在之前的文章(數據結構算法小結)中提到過，分別有兩方面的原因： 對工具（如單調棧知識點）的特性（適用範圍）不明朗 對工具的原理沒有真正的理解 初學單調

數據結構和算法 , 前端 , Javascript

vleedesigntheory 頭像

維李設論 - 面向邊緣場景的PWA實踐

背景 隨着5G技術的發展，物聯網邊緣側主要應用於數據傳輸量大、安全要求高以及數據實時處理等行業與應用場景中。其中，邊緣計算是一種分佈式計算模式，其將計算資源和數據處理能力推向接近數據源的邊緣設備，以減少延遲並提高響應速度。 對前端領域而言，面對邊緣場景下的應用開發也發生了相應的變化，其通常需要考慮邊緣側與終端側的實現方式，並且還需考慮相較於傳統 B/S 架構下的部署方案。本文旨在通過工業互聯網場

pwa , 雲計算 , 邊緣計算 , serverless , 前端

susuhhhhhh 頭像

用户bPcSPjP - 微信小程序實現歷史搜索功能（h5同理）

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - React.PureComponent深入瞭解機制及其原理

起因 用React.PureComponent時，更新state裏面的count用的方式是++this.state.count，但是意外的導致組件沒有重新render（本人用Hook組件較多，所以感到很疑惑） import React from 'react'; import { Button } from 'antd-mobile'; class DemoChildClass extends

react , setstate , component

yunpan-plus 頭像

雲棧開源日記 - Rachoon：基於 TypeScript 和 PostgreSQL 的自部署發票管理系統

每個月為發票管理工具付費？ 其實你可以用一個開源項目，在自己的服務器上搭建發票系統，數據完全由自己掌控。 這是什麼項目 Rachoon 是一個發票管理系統，專門給自由職業者和小團隊用的。名字來自波斯尼亞語裏"račun"這個詞，就是發票的意思。 它能做這些事： 開發票和報價單 記錄客户信息 跟蹤哪些錢收到了、哪些還沒收 自己設計發票模板

前端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 石火電光追風逐日|前端優化之次時代圖片壓縮格式WebP的項目級躬身實踐(Python3 PIL+Nginx)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_190 我們知道，在前端界有一個共識：速度就是生命，帶寬就是金錢。怎樣將頁面加載速度有效提升是無數前端工程師無時不刻在思考的課題，目前的網絡環境中，除了視頻，圖片仍舊是佔用流量較大的一部分，對於app端尤其如此，因此，如何在保證圖片視覺不失真的前提下縮小圖片體積，對於節省帶寬和電池電量都十分重要，因此Google在十年前提出了一種

python3 , 圖片壓縮 , webp , 前端優化 , Nginx

simonbaker_5ec61c266b1df 頭像

simonbaker - 隱藏性很高的npm惡意依賴包

KOI的一篇文章，揭露了npm依賴包又一次被攻擊的問題。詳情可查看底部的原文地址。 之前的npm可看這裏《你的項目是否正在使用“帶毒”的chalk npm包？》。 這裏簡單説下幾個點： 1、為什麼惡意的依賴包能上傳到npm？ 2、這些依賴包是怎麼執行的？ 3、這些依賴包想竊取什麼？ 4、竊取到信息後黑客怎麼拿到？ 5、怎麼防禦？ 1、為什麼惡意的依賴包能上傳到npm？ npm會對上傳的包都

前端

chencaize 頭像

點墨 - qt輸出源碼日誌

在QT源碼裏，很多qCDebug打印的日誌，如何輸出？ 在C:\Users{yourname}\AppData\Local\QtProject增加日誌配置文件qtlogging.ini 如果需要開啓全部日誌,則配置如下所示: [Rules] *=true 如果需要開啓部分模塊日誌,比如開啓lcQpaWindows,首先需要找到lcQpaWindows對應的模塊字符串 配置如下所示: [Rule

qt , 日誌

xishui_5ac9a340a5484 頭像

夕水 - 為了方便學習icss項目上的css技巧，我用next.js寫了一個網站

icss-website 一、項目簡介與定位 icss-website 是一個基於 Next.js 14（App Router 架構）開發的現代化 CSS 技巧展示平台，致力於為前端開發者、設計師和技術愛好者提供一個高效、優雅、易用的 CSS 奇技淫巧學習與交流空間。項目以 GitHub 上的 iCSS 倉庫為內容源，通過 API 動態獲取、分類、展示和高亮 CSS 相關的文章與代碼示例，支持多主

next.js , 前端

cloudyttt 頭像

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

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

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