收藏 / 列表

yayujs 頭像

yayujs - SvelteKit 最新中文文檔教程（6）—— 狀態管理

前言 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 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象，它代表一個異步操作的最終完成（或失敗）及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態（進行中）

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 五問數據質量，一文講透從根源到治理應用

近年來，在國家推動一系列企業數據相關政策的大背景下，數據要素化改革正在全方位鋪開。數據已經從“輔助決策的信息資源”轉向“​驅動新質生產力和產業變革的核心要素​”。 根據《數據管理能力成熟度評估模型（DCMM）》的定義，數據治理主要包括質量、標準、組織、架構、安全五大支柱性能力。其中，“數據質量”被明確列為首要維度，其考察標準不僅包括數據本身的正確率、缺失率、重複率等指標，還關注企業是否建立起可持續

數據可視化

fannaodeliushu 頭像

程序員阿偉 - 《首屏加載優化手冊：Vue3+Element Plus項目提速的技術細節》

接手公司內部管理系統的前端優化需求時，首先面臨的是用户集中反饋的“首屏加載慢”問題—測試環境用Lighthouse檢測，首屏加載時間長達6秒，TTI（可交互時間）更是超過8秒，不少異地辦公的同事因為網絡波動（比如偏遠地區的4G信號），甚至要等10秒才能操作界面，有客户在反饋中明確表示“每次打開系統都要等半天，趕報表時急得冒火，嚴重影響工作效率”。這套系統基於Vue 3+Element Plus開發

前端

fkcaikengren 頭像

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

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

react , 面試 , 教程 , 前端

wszgrcy 頭像

wszgrcy - 使用任意 git 倉庫初始化項目 - `Code Recycle`

為了方便開發,一般初始化項目時都會使用 git 上的模板倉庫 想了解某個項目的功能時,可能會去運行這個倉庫下的某個實例 或者倉庫下某個文件夾內提供了一些文件模板用來限定一些模塊的初始化 上面三種場景,我們都需要拉取倉庫,但是有時候只需要拉取倉庫的一部分,這時候不妨使用Code Recycle,通過幾行配置進行自定義拉取 全部拉取 changeList: - type: copy

github , vscode-extensions , cli , template-engine , Git

chongdongdedaxiongmao_kxfei 頭像

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

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

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

zero_dev 頭像

北橋蘇 - 零成本 API 服務搭建，用 GitHub Actions 自動爬取文章？

前言 本着將成本降到最低，我目前做的應用或小程序都是單機的，也就是不用請求接口，只要一上架就沒有任何支出。但是寫死的數據畢竟有限，應用的內容單一無法緊跟時事熱點，每次打開一個樣，自然就沒有留存。遇到有錯字啥還要更新版本，那有沒有方法既能豐富應用內容，又不用增加成本呢？ 既要又要，當然也有，找網上提供的免費 API 接上去。但是這種有請求數限制，而且還和自己應用的業務不相關，那就只能自己弄接口了。

github-pages , github-actions , 運維

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

zz_641473ad470bc 頭像

zZ_jie - SpringBoot實踐設計模式———裝飾者模式

什麼是裝飾者模式？ 裝飾者模式屬於結構型設計模式之一，主要目的是通過包裝對象而不是繼承來擴展功能。這種模式允許用户動態地為對象添加新的行為而無需修改其源代碼。這與繼承相比提供了一種更為靈活的方式來擴展功能。 裝飾者模式的關鍵組成部分： 抽象組件（Component）：定義核心業務接口。 具體組件（ConcreteComponent）：核心業務實現類，實現了抽象組件接口。 裝飾器（Dec

設計 , 裝飾者模式 , spring

gomi 頭像

Gomi - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

wswx 頭像

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

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

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

vleedesigntheory 頭像

維李設論 - 基於 Webpack 插件體系的 Mock 服務

背景 在軟件研發流程中，對於前後端分離的架構體系而言，為了能夠更快速、高效的實現功能的開發，研發團隊通常來説會在產品原型階段對前後端聯調的數據接口進行結構設計及約定，進而可以分別同步進行對應功能的實現，提升研發速率。除了常見的研發流程提效之外，對於一些特殊的無法滿足前後端聯調場景下，也可在條件不允許的情況下進行 Mock 處理，等待條件滿足後再進行真實的接口聯調，如：網絡不通、多地協同等。本文從

mock , 聯調 , devserver , webpack , 接口

yunpan-plus 頭像

雲棧開源日記 - Strix：用AI做滲透測試，把安全漏洞扼殺在開發階段

你的應用真的安全嗎？傳統安全掃描工具給你一堆"可能存在的漏洞"，但哪些是真的？ Strix是一個開源的AI安全測試工具，它不只是掃描代碼找問題，而是像真正的黑客一樣——運行你的程序、嘗試攻擊、驗證漏洞是否真實存在。這個項目最近在GitHub上獲得了3.1k星標，核心亮點是把原本需要幾周的人工滲透測試壓縮到幾小時完成。 解決什麼問題 做過安全測試的人都知道這些痛點： 找安全公司做滲透測試，一次

企業信息化

simonbaker_5ec61c266b1df 頭像

simonbaker - koa異常處理詳解

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝 問題 koa是怎麼處理異常的？ 分析 首先了解下node.js是怎麼處理異常的 一般來説，node.js頂層有個uncaughtException事件，當異常沒被捕獲的時候，就會一層層上升，直到觸發定義好的uncaughtException事件。 但有個問題，node.js最大的特點是異步機制。比如讀取文件信息的stat的異步寫法： req

koa , 前端

nanian_5cd6881d3cc98 頭像

那年 - vue項目，同一個站點兩個域名，解決跨域登陸問題（vue+ifram+postmessage）

項目需求： 一個項目兩個域名其中a.com域名，嵌套了b.com域名 當進入b頁面的時候就要切換到b.com域名，同時需要保持在a域名下的登陸狀態 解決：使用ifram + postMessage 主頁面 a域名 a域名下要協商ifram 標籤 iframe id="child" ref="iframBox" src="http://127.0.0.1:8082/#/mediatio

vue.js , iframe跨域 , postmessage , 跨域

chencaize 頭像

點墨 - react函數組件使用React.memo避免重複渲染

在react的類組件裏，我們可以通過shouldComponentUpdate來主動控制組件是否需要渲染,那麼在函數組件裏，有沒有類似的方法可以讓我們主動控制組件渲染呢？有的，那就是React.memo。 React官方文檔給出的介紹: Class components can bail out from rendering when their input props are the same

react , dva.js , 前端 , Javascript

xishui_5ac9a340a5484 頭像

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面，這不太好看，接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景，這樣的效果總會讓人眼前一亮，如下圖所示。 代碼實現 接下來，讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript

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 , 程序員 , 後端

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 開源APS智能排產系統，產能預排靈活應對生產計劃變數問題

在工廠的生產運營中，計劃趕不上變化是許多企業的真實寫照，訂單頻繁插單、物料供應波動、設備突發故障……這些不確定性讓生產計劃受到阻礙。 工廠有時會出現需備料的情況，料備早了，物料積壓佔資金；料備晚了，生產停滯誤工期。在JVS-APS智能排產系統中，可以不考慮料況進行預排產，依據產能預排結果來進行備料。這種方式成為“產能預排”。 產能預排組成部分： 1、待排訂單 描述：顯示待排訂單

私有化部署 , 開源 , 開源項目介紹

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 , 前端