收藏 / 列表

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概念。我們來詳細地解釋一下全局作用域、函數作用域和塊級作用域的區別。 核心概念：作用域 作用域 就是變量、函數和對象的可訪問性範圍。換句話説，它決定了代碼中不同部分的變量可見性。 1. 全局作用域 定義：在任何函數或代碼塊 {} 之外定義的變量或函數，都擁有全局作用域。 生命週期：從定義開始，直到頁面關閉。 訪問性：在腳本中的任何地

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 終於有人把數據架構講明白了

天天聽人説“數據架構”，是不是覺得有點懵又有點煩？別急！今天咱們就拋開那些高大上的術語，好好聊聊：數據架構到底是啥？它為啥這麼重要？ 其實説白了，數據架構就是你公司裏那套管數據的“規矩”和“方法”——數據放哪？怎麼算？怎麼跑？怎麼用？全歸它管！ 為啥要搞這套“規矩”？因為數據太亂了！到處是孤島，質量參差不齊，想用的時候找不着、用不好。好的數據架構，就是來解決這些頭疼事的！​它能讓你公司的數據井井有

數據結構

fannaodeliushu 頭像

程序員阿偉 - 《從代碼混亂到架構清晰：經營類遊戲NPC行為系統重構指南》

開發古風山水經營遊戲時，初期對NPC行為的設計陷入典型誤區。當時策劃僅定義四種基礎角色類型，且行為流程單一，便沿用簡單條件判斷加函數調用的輕量實現，認為足以滿足需求。未曾想測試階段策劃追加多子類型換裝與差異化對話交互需求，比如樵夫需區分“新手樵夫”“資深樵夫”兩種子類型，前者只能砍伐幼樹且對話多為基礎指引，後者可砍伐古樹還能提供木材收購行情，這直接讓狀態分支迅速擴展至三四層，切換邏輯超二十種。代碼

架構

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，讓面試沒有難撕的JS基礎題

背景介紹： 從研一剛開始找實習到現在秋招，這一路經歷了不少八股拷打，經常被要求手撕一些js基礎題，每次面試完後不語，只是默默打開筆記，把被問到的八股/手撕自己整理，方便日後複習。因此，記錄了很多手撕題，在此做個分享，有誤之處歡迎討論指正。 下面的幾乎每道題都是筆者被大廠問到過的，都是些基礎的題目，基礎不牢地動山搖，書到用時方恨少啊~。切忌走馬觀花，務必深刻理解爛熟於心。建議

面試 , 知識 , 前端 , Javascript

wszgrcy 頭像

wszgrcy - Angular的無選擇器(Selectorless)非官方實現

Angular的無選擇器(Selectorless)非官方實現 眾所周知,Angular的組件定義,使用的時候,必須生成一個自定義標籤;某些時候使用css佈局的時候,就會比較麻煩 雖然官方已經開始考慮實現無選擇器,但是目前還在規劃中,不知道要等多久 原理 眾所周知,結構型指令可以動態插入模板 模板內容可以自定義,並且也可以使用組件內的所有屬性和方法 那麼只需要將組件變成一個模板,即

react , vue.js , angular , 前端

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API：優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API，極大地簡化了對集合的操作。傳統上，Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作，這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式，使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景，幫助你更好地掌握這一工具。 一、

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

zero_dev 頭像

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

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

php , phpstorm , 後端

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , 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 - 加速你的 Bun 並行開發：bun-tasks 全攻略

加速你的 Bun 並行開發：bun-tasks 全攻略 如果你在 Bun 項目裏需要同時運行多個腳本，又不想為兼容性煩心，bun-tasks 會是最順手的選擇。這個專為 Bun 設計的並行任務運行器，幫你在一條命令中啓動多個任務、智能合併環境變量，並自動識別 package.json 中的腳本。只要先確認環境裏 bun --version 可用，就能即刻體驗 Bun 原生的多任務流程。 為什麼選擇

node.js , bun.js , npm , 前端 , Javascript

wswx 頭像

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

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

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

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react

react , react-router , 前端

vleedesigntheory 頭像

維李設論 - 從2023看2024前端發展趨勢

前言 流光溯影，縱觀2023全年，整個前端業界呈現出百業凋零之狀，更不乏有“前端已死”等論調甚囂塵上。從全局視角看IT行業，除了AI領域的大語言模型爆發外，整體都鮮有特別亮眼及突出的技術展現。故而，作為IT領域中細分方向的前端行業，加之整體經濟週期的影響，今年的這種形勢也算因之有素。然則，行有不得則需反求諸己，私以為各位前端同學應該以“守正”之心念搏“出新”之機遇。因此，以下個人將分享一些各位前端

2023-年度總結 , 大前端 , 前端工程化 , 前端工程師 , 可視化

susuhhhhhh 頭像

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

1.實現效果 2.實現原理 CSS perspective 屬性：屬性定義 3D 元素距視圖的距離，以像素計。該屬性允許您改變 3D 元素查看 3D 元素的視圖。當為元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元素本身。 perspective 屬性隻影響 3D 轉換元素。（請與 perspective-origin 屬性一同使用該屬性，這樣您就能夠改變 3

css3動畫 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - React setState、useState同步？異步？

React setState、useState到底是同步的，還是異步的？ setState語法 用法1： this.setState({ // 數據更新 }) 用法2： this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1： const [n

react , 同步 , 異步 , 前端

yunpan-plus 頭像

雲棧開源日記 - 終端裏的 AI 編程助手：OpenCode 使用指南

寫代碼時遇到過這種情況嗎？ 想問 AI 一個問題，得切到瀏覽器；讓 AI 改代碼，又要來回複製粘貼。編輯器、終端、瀏覽器反覆切換，思路早斷了。 OpenCode 解決的就是這個問題——直接在終端使用 AI 助手。 OpenCode 是什麼 OpenCode 是一個開源 AI 編碼工具，專為終端環境設計。裝好後在命令行裏直接和 AI 對話，讓它幫你寫代碼、找 Bug、做重構。 主要特點： 原

opensource

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 前端已死？全棧當立？取法於中，僅得其下。

開篇明義，前端已死？根本就是扯淡。前端技術精微淵深，駁雜寬廣，除了基礎的 HTML、CSS 和 JavaScript 技術外，前端技術還涉及到許多其他相關技術和工具，比如前端框架、UI 庫、自動化構建工具、代碼管理工具等等。這些技術並沒有死，反而生態圈愈發健壯，但為什麼前端已死的論調甚囂塵上？ 前端市場萎靡 前端技術並未消亡，但前端工程師的坑位卻逐年減少，為什麼？是由於競爭加劇、市場飽和、經濟衰退

行業 , 前端框架 , 前端工程師 , 行業週刊 , 前端

simonbaker_5ec61c266b1df 頭像

simonbaker - svg圖標引發的思考：想晉升高級？這些得了解。

問題背景： 我在優化整理項目代碼的時候，發現項目中有通過svg-icon name="xxx"/svg-icon方式引用的svg圖標，也有通過iconfonti class="iconfont xxx"/i引用的圖標。 然後當好幾個項目改造為對接微前端的時候，發現有些樣式衝突了（千萬不要小看樣式問題（看似簡單的問題），往往背後藏着不少值得深挖的學問） 復現步驟： 先在微前端中打開A項目，圖標顏色是

前端 , svg

chencaize 頭像

點墨 - React 中使用 ECharts 報錯 "series not exists"

問題現象 在 React 項目中使用 ECharts 時，控制枱報錯： series not exists. Legend data should be same with series name or data name 但已確認 legend.data 與 series.name 完全匹配，代碼邏輯看似正確。 問題根源 未正確註冊 ECharts 圖表組件。自 ECharts 5 起，官方採

react , echarts , Javascript

xishui_5ac9a340a5484 頭像

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

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

next.js , 前端