收藏 / 列表

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

數據集成與治理 - 什麼是技術架構、數據架構、業務架構、應用架構、產品架構和項目架構？

為什麼明明做好了技術設計，項目推進卻依然困難重重？ 技術團隊開發的功能業務方總説不適用；系統隨着業務發展變得臃腫難維護；跨部門協作時各説各話，推進困難。 這些問題看似毫無關聯，但它們都指向同一個根源：對架構認知的片面與缺失。 有了對架構的認知，各部門之間就有了對項目可行性的推測計算，這大大減少了資源的浪費，同時還能加強各部門之間的交流合作。 今天，我就來系統梳理六大核心架構

技術架構 , 架構 , 產品 , 後端 , 前端

fannaodeliushu 頭像

程序員阿偉 - 《冬季遊戲動態交互的底層邏輯優化全解析》

在冬季遊戲場景開發中，動態元素的自然交互與性能穩定的平衡，是決定玩家沉浸感的核心命題，其難度遠超靜態場景的質感打磨。曾主導一款雪域生存遊戲的動態渲染優化工作，項目初期，團隊為還原極致真實的雪境體驗，植入了全場景動態積雪堆積、實時雪崩觸發、雪粒與物體碰撞反彈、植被受壓積雪墜落等多重動態效果。然而，在實際測試中，這些效果的疊加暴露出嚴重的性能問題：中端設備在玩家穿越森林或攀爬地形時，幀率從目標的60幀

前端

fkcaikengren 頭像

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

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

react , 面試 , 教程 , 前端

wszgrcy 頭像

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

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

angular , node.js , l10n , i18n , Web

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , 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 - Spring 使用 itext7-core 根據表單 動態填寫 數據

前言 證書頒發 本來是第三方機構頒發的，由於需求有所更改，現在由 “我們” 頒發證書這個功能。由於每個人的證書都不一樣，但是格式都一樣，所以我們需要一個模板來動態生成證書。 製作表單效果 製作表單的工具：UPDF (收費) 紅色區域是需要填寫的數據。 對應的表單如圖下： 表單分別為：Name、Date、log(圖片)、Year、Moor、Day 注意：設置表單的名稱最好是唯一 引入

文件 , spring , itextpdf , 後台 , itext

jianer 頭像

健兒 - 如何用useRef優化重複請求

如題：如何用useRef優化重複請求。 寫業務代碼，時而會遇見這種情況，如下偽代碼： useEffect(() = { // api請求 () }, [a, b]) 參數a來源某接口請求、參數b來源另外一個接口請求 毫無疑問，上面寫法回調函數一定會進去兩次，除了用參數校驗 比如滿足條件再進入api調用，還可以用useRef來暫存參數，而又不會引起頁面的re-rende

react , hook , Javascript

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

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

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

wswx 頭像

goblin_pitcher - 數據結構算法小結

前言 解決問題思維方式 假設我們有一整套螺絲刀，要進行筆記本清灰操作，我們主要的思維邏輯如下： 若要清灰，必須先取出風扇 若要取出風扇，必須先把從外殼到風扇的螺絲全部拆下 那麼清灰問題就變成了拆一堆不同規格的螺絲，當我們看到不同規格的螺絲，就會比較螺絲口大小、形狀和螺絲刀規格，從而選取對應的螺絲刀。 可以看出，當我們遇到一個複雜問題，下意識的思維方式就是將一個複雜問題，轉移成我們熟知的一些

數據結構和算法 , 前端

vleedesigntheory 頭像

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

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

日誌 , filebeat , Nginx , elk , kafka

susuhhhhhh 頭像

用户bPcSPjP - css的rotate3d實現炫酷的圓環轉動動畫

1.實現效果 2.實現原理 2.1 rotate3d rotate3d：rotate3d() CSS 函數定義一個變換，它將元素圍繞固定軸移動而不使其變形。運動量由指定的角度定義; 如果為正，運動將為順時針，如果為負，則為逆時針。 語法： rotate3d(x, y, z, a) 含義： x number 類型，可以是 0 到 1 之間的數值，表示旋轉軸 X 座標方向的矢量。 y numb

css3動畫 , 前端

musicfe 頭像

雲音樂技術團隊 - 手把手帶你走進Babel的編譯世界

作者：BoBoooooo 前言 談及 Babel,必然離不開 AST。有關 AST 這個知識點其實是很重要的，但由於涉及到代碼編譯階段，大多情況都是由各個框架內置相關處理，所以作為開發(使用)者本身，往往會忽視這個過程。希望通過這篇文章，帶各位同學走進 AST，藉助 AST 發揮更多的想象力。 AST 概述 想必大家總是聽到 AST 這個概念，那麼到底什麼是 AST？ AST 全稱是是 Abs

ast , Javascript

yunpan-plus 頭像

雲棧開源日記 - Python 開發技術棧梳理：從數據庫、爬蟲到 Django 與機器學習

很多開發者學 Python 都是東拼西湊，學完基礎不知道怎麼做項目，學完框架不懂底層原理。最近整理了一套比較系統的學習資源，從基礎語法到架構設計都有覆蓋，分享給需要的朋友。 什麼是真正的 Python 全棧開發 在整理學習資料時，發現很多同學對"全棧開發"這個概念理解得比較模糊。到底需要掌握哪些技術？各模塊之間是什麼關係？今天結合一套比較完整的課程大綱，系統拆解一下 Python 全棧開發的技術棧

後端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 日夕如是寒暑不間，基於Python3+Tornado6+APScheduler/Celery打造併發異步動態定時任務輪詢服務

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_220 定時任務的典型落地場景在各行業中都很普遍，比如支付系統中，支付過程中因為網絡或者其他因素導致出現掉單、卡單的情況，賬單變成了“單邊賬”，這種情況對於支付用户來説，毫無疑問是災難級別的體驗，明明自己付了錢，扣了款，但是訂單狀態卻未發生變化。所以，每一筆訂單的支付任務流程中都需要一個定時輪詢的備選方案，一旦支付中發生問題，定時

python3.x , 定時任務 , celery , tornado , Python

simonbaker_5ec61c266b1df 頭像

simonbaker - window.name和postMessage跨域詳解

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝。 概念 window.name 1、在一個窗口還沒關閉之前，同一個窗口的所有頁面都共享同一個window.name。 這個窗口可理解為chrome瀏覽器的一個tab標籤頁面。另外，從一個頁面中跳轉到另一個頁面後，這些頁面都共享同一個window.name。 2、每個頁面都能讀和寫window.name。 這個可能就是安全問題的來源。 3、w

postmessage

chencaize 頭像

點墨 - 編譯器優化對多線程數據競爭的影響分析

編譯器優化如何讓多線程代碼"失效"：從彙編視角解密數據競爭謎題 在多線程編程中，我們常遇到一個反直覺現象：關閉編譯器優化反而能暴露預期的數據競爭問題。本文通過分析MSVC編譯器對同一代碼的不同優化策略，揭示現代編譯器如何通過指令重排和內存訪問優化，徹底改變多線程程序的執行軌跡。 一、現象之謎：優化等級決定程序行為 當使用/O2優化編譯給定代碼時，程序輸出穩定在10萬或20萬這兩個確定值，而非預期的

c++ , 多線程

xishui_5ac9a340a5484 頭像

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

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

next.js , 前端

cloudyttt 頭像

雲魚 - JavaScript中各種源碼實現

前言 能夠手撕各種JavaScript原生函數，可以説是進大廠必備！同時對JavaScript源碼的學習和實現也能幫助我們快速紮實地提升自己的前端編程能力。 最近很多人和我一樣在積極地準備前端面試筆試，所以就整理了一些前端面試筆試中非常容易被問到的原生函數實現和各種前端原理實現，其中部分源碼戳這裏。 實現一個new操作符 我們首先知道new做了什麼： 創建一個空的簡單JavaScript對象

面試 , 源碼 , 筆試 , 前端 , Javascript

camille_5f9b7f6b8693f 頭像

牛仔碼農 - 什麼是Servlet？動力節點servlet教程帶你快速實戰入門

sun公司制定的一種用來擴展web服務器功能的組件規範（服務器端的Java應用程序）。具有獨立於平台和協議的特性，可以生成動態的Web頁面。它擔當客户請求（Web瀏覽器或其它HTTP客户程序）與服務器響應（HTTP服務器上的數據庫或應用程序）的中間層 1、用來擴展web服務器功能（生成動態的Web頁面） 以前的CGI效率不高，用servlet來擴展替換CGI 客户端發送請求給web服務器，w

servlet , JAVA , 程序員 , 後端