收藏 / 列表

yayujs 頭像

yayujs - Svelte 最新中文文檔教程（22）—— Svelte 5 遷移指南

前言 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 頭像

數據集成與治理 - 信息化≠數字化，盤點二者的主要區別

最近總會有一些做IT行業的朋友來問：信息化和數字化兩個有什麼區別？不都是利用數據做決策嗎？ 但其實，這兩者還是有很大的區別的。 用過來人的經驗告訴你，怎麼區分關鍵在於理解它們解決問題的不同層次。就拿我們最熟悉的報銷流程來説： 以前需要填寫紙質單據，找領導簽字，送到財務部等待支付；現在在辦公系統裏提交電子報銷單，在線審批後直接打款到銀行卡。 你可能會覺得這已經很先進了，但我想説，這僅僅是信息化的範疇

算法 , 知識 , 數據庫 , 後端 , 前端

fannaodeliushu 頭像

程序員阿偉 - 《3D端遊開放世界場景流式加載的資源調度優化實踐》

場景流式加載是平衡“超大地圖容量”與“硬件資源限制”的核心技術，其資源調度效率直接決定玩家探索時的流暢度—若加載過慢，會出現“地形空白”“紋理彈出”；若加載過早，又會佔用過多內存導致卡頓。此前參與某玄幻題材開放世界端遊“靈墟紀元”開發時，團隊在“蒼梧山脈”區域遭遇典型困境：該區域包含森林、峽谷、溶洞三類地形，總資源量達8GB，傳統流式加載採用“固定半徑預加載”（預加載玩家周圍500米資源），當玩家

3d

fkcaikengren 頭像

瘋狂踩坑人 - 【深入淺出Nodejs】異步非阻塞IO

概覽：本文介紹了阻塞I/O、非阻塞I/O、多路複用I/O和異步I/O 四種模型，在實際的操作系統和計算機中I/O本質總是阻塞的，通過返回fd狀態和輪詢的方式來使I/O在應用層不阻塞，然後通過多路複用的方式更高效實現這種不阻塞的效果。然後介紹了Node中異步I/O的實現，由於計算機本身的設計使得並不存在真正異步I/O，需要通過線程池來模擬出異步I/O。 I/O模式 I/O模式介紹 1.文件描述符 類

node.js

wszgrcy 頭像

wszgrcy - 我從 Angular 中分離出來本地化:`@cyia/localize`

最近在做 VSCode Extension 開發的時候,發現一個問題,插件部分和 WebView 部分有時候會共用一部分代碼,而這部分代碼裏又恰好有需要翻譯的內容,這就導致 VSCode 本身提供的 l10n 沒法使用 因為 WebView 部分頁面是使用 Angular 開發,所以如果能用一種翻譯實現是最好的了,所以我想到了 Angular 中的 localize,對分離模塊,使其成為通用

angular , node.js , l10n , i18n , Web

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 - 我的編程之路

3.1 初識編程 在深圳的這個新起點，我開始了對編程世界的探索。哥哥不僅是我的家人，也成了我編程路上的第一位導師。他耐心地從基礎開始教我，從變量、數據類型到條件語句、循環結構，每一個概念都講解得清清楚楚。 詳細內容： 我還記得第一次編寫代碼時的緊張和興奮。那是一段簡單的程序，用來計算兩個數的和。儘管現在看來非常簡單，但當時卻讓我激動不已。隨着時間的推移，我逐漸掌握了更多的編程知識，開始嘗試編寫更復

服務器 , ruby , 數據庫 , 深度學習 , 前端

zz_641473ad470bc 頭像

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

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

canvas , HTML , 前端

gomi 頭像

Gomi - JavaScript基礎學習——面向對象部分(屬性類型)

前言 JavaScript發明之始，從技術上來講就是一門面向對象的語言，但在ES6之前，JS的很多特性和傳統的面嚮對象語言有所不同，比如沒有類的概念（ES6有了class）。今天結合《JS高編》第六章開始回顧和深入學習面向對象部分,包括對象、原型、原型鏈、繼承等部分。 一、理解對象 談JS的對象之前，先複習一下面向對象的基礎概念和特點吧。 面向對象OOP（Object-oriented pr

面向對象編程 , javascript原型 , oop , Javascript

wswx 頭像

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

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

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

vleedesigntheory 頭像

維李設論 - 前端日誌採集方案淺析

前言 在前端部署過程中，通常會使用nginx作為部署服務器，而對於默認的nginx服務來説，其提供了對應的日誌記錄，可以用於記錄服務器訪問的相關日誌，對於系統穩定性及健壯性監控來説，日誌採集、分析等能夠提供更加量化的指標性建設，本文旨在簡述前端應用及打點服務過程中所需要使用的nginx採集方案。 架構 打點日誌採集 對於前端應用來説，通常需要埋點及處理對應的數據服務 應用日誌採集 對於日常應用

日誌 , filebeat , Nginx , elk , kafka

yunpan-plus 頭像

雲棧開源日記 - 前後端全棧技術棧深度剖析：從Vue到Node.js的完整學習路徑

做了三年前端，發現自己還停留在"調用API"的層面？想突破瓶頸卻找不到方向？本文從實際項目出發，梳理了前端進階的關鍵技術節點：框架底層原理、全棧開發能力、工程化思維，以及那些面試官真正關心的技術深度。 📚 介紹 前端全棧技術體系深度解析 本技術資料系統梳理了現代Web前端開發的完整技術棧，適合有一定基礎的開發者進行系統性學習和技術深度提升。 技術覆蓋範圍 基礎夯實部分 從JavaScript核

前端

nanian_5cd6881d3cc98 頭像

那年 - antdesign填坑， select下拉選項隨着滾動而定位失效 ， 添加getPopupContainer 失效

1- 官方給的解釋 但是當我添加getPopupContainer 之後，定位任然失效 解決： .tel-box { width: 140px; display: inline-block; position: relative; }

antd , select , 定位

chencaize 頭像

點墨 - java 獲取子串速度比較

有個需求,需要將給定字符串提取子串,比如(aaa.xx)變成aaa,有幾個思路。 使用正則模式匹配，然後替換 使用正則替換 使用substring 代碼如下: import java.time.Duration; import java.time.LocalDateTime; import java.util.ArrayList; import java.util.List; impor

JAVA , string

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 會由工作線程處理。另外，合成器線程和光柵化線程也在渲染進程中運行，確保網頁高效、流暢地渲染。 渲染進程的核心任務是將

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

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Ajax基礎原理及使用教程（來自動力節點）

首先，我們來回顧下ajax是什麼? Ajax = 異步 JavaScript 和XML。 Ajax是一種用於創建快速動態網頁的技術。 通過在後台與服務器進行少量數據交換，Ajax可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。 傳統的網頁(不使用 Ajax)如果需要更新內容，必須重載整個網頁面 前面談到ajax是什麼，其主要也就是異步提交，大家是否知道同步

Ajax , JAVA , ajax跨域 , 後端 , 前端

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 告別重複造輪子！邏輯應用擴展接口實現企業級代碼原子化複用

在複雜的數字化業務場景中，企業應用系統間也需要協同，傳統邏輯開發需要重複編寫相似功能節點、跨系統接口調用，JVS邏輯引擎中提供了應用擴展接口組件，可以通過標準化接口實現跨應用邏輯的原子化封裝與按需調用。 邏輯應用擴展接口組件專門是提供邏輯引擎可以直接內部相互調用, 做跨應用數據交互和接口交互操作。 配置説明 在實際運用場景中，很多邏輯都需要調用某一接口，或者都有某些相同節點，那麼就可以把這些

邏輯 , 低代碼 , 接口

tusi_5c8a591841687 頭像

程序員白彬 - 我以為我很懂Promise，直到我開始實現Promise/A+規範

我一度以為自己很懂Promise，直到前段時間嘗試去實現Promise/A+規範時，才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中，我經歷了從“很懂”到“陌生”，再到“領會”的過山車式的認知轉變，對Promise有了更深刻的認識！ TL;DR：鑑於很多人不想看長文，這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

zxbing0066 頭像

嘿嘿不務正業 - Mac M1（arm 系列芯片）如何安裝 Chromium | Puppeteer

最近寫個腳本用到 puppeteer，然後安裝 Chromium 出現一點問題，這裏記錄一下解決方案。 Puppeteer 自動安裝失敗 在 Puppeteer 安裝時會自動安裝 Chromium，然而卻總是報錯 502 導致下載失敗，直接下載可以下載，命令行 wget 也可以，猜測是因為 Puppeteer 開啓了新的 process 來安裝導致環境變量丟失，然後就科學上網失敗了。 這會回頭看了

puppeteer , 前端

integrated_product_development 頭像

IPD產品研發管理 - 蘋果造車失敗？這些百億級項目立項都應該做的正確決策！

從2014年到2024年，蘋果公司宣佈叫停“泰坦計劃”。 一場歷時十年、耗資百億、匯聚全球頂尖人才的造車嘗試最終以失敗告終。 可以看到，當全球頂尖的技術團隊、雄厚的資金儲備與強大的品牌勢能都難以扭轉敗局時，我們不得不思考：項目立項的決策邏輯，遠比想象中更為關鍵。 一、敗於既要又要的完美主義？ 你有沒有聽過“大道至簡”？ 這種“少而精”的思維模式在蘋果的產品設計中體現得淋漓盡致。 但在造車這件事上，

產品經理 , 創業 , 產品開發 , 產品設計