收藏 / 列表

yayujs 頭像

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

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

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs的重要概念

AngularJS的重要概念 MVC模式 AngularJS最早按照MVC模式設計，在這種設計模式下，AngularJS組件可以分為： M: Model，即模型，是應用程序中用於處理應用程序數據邏輯的部分，在AngularJS中: 即作用域對象(當前為$rootScope), 它可以包含一些屬性或方法； 充當儲存數據的容器； 提供操作數據的方法。 V: View

angular , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-作用域與詞法環境

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

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 如何解決數據孤島難題？

如果你在工作中經常遇到這些問題：財務的數據銷售拿不到、用户信息在不同系統裏對不上，那麼你可能正在經歷"數據孤島"的困擾。 聽着是不是很熟？ 這幾乎是所有成長中的企業都會遇到的典型問題。 接下來，本文內容將會帶你去理解數據孤島，並提供具體的解決方法和工具。 一、什麼是數據孤島 ​數據孤島，也稱數據隔離​。指的是組織內部不同部門、不同系統中存儲和管理的數椐，彼此無法順暢共享、交換和整合的狀態。 舉個例

數據庫設計 , 系統管理

fannaodeliushu 頭像

程序員阿偉 - 《TypeScript搭建的認知橋樑：遊戲化學習應用的深層架構》

在教育形態不斷演化的進程中，遊戲化學習的價值早已超越了形式上的創新，成為重構知識傳遞路徑的關鍵支點。TypeScript以其獨特的類型系統與架構彈性，為這種融合提供了恰到好處的技術土壤——它既能承載遊戲世界的複雜規則網絡，又能守護知識體系的內在邏輯，讓關卡的推進與認知的深化形成不可分割的整體。這種架構的精妙之處，在於它不只是技術層面的實現方案，更是對學習本質的理解與轉譯，使每個遊戲元素都成為知識傳

遊戲

fkcaikengren 頭像

瘋狂踩坑人 - 別再説我不懂Node"流"了

Nodejs中包括4種類型的流：Readable、Writable、Duplex和Transform. Readable Stream 自定義Readable 自定義 Readable 流必須調用 new stream.Readable([options]) 構造函數並實現 readable._read() 方法。 import { Readable } from "node:stream"

node.js

wszgrcy 頭像

wszgrcy - 初始化項目像搭積木一樣?你可使用Code Recycle的模板功能

一般情況下,我們初始化新項目的時候,往往都是通過現有文件,製作一個模板(倉庫使用) 但是有時候一個相同的功能(模塊)更新無法同步更新到所有的文件模板上,我們需要在生成後繼續進行細節調整 這時候你可以嘗試下使用Code Recycle的模塊功能 Code Recycle所具有的模板功能 支持交互.你可以在調用時輸入字符串來修改文件中一些變量;你可以選擇選項控制內容是否生成

vscode插件 , 代碼生成 , 腳手架 , 模板

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

北橋蘇 - Audition 入門教程：音頻降速

一、前言 遊戲被稱為人類史上第九大藝術，它融合了文學、雕塑、電影、音樂等前八者造詣之和。所以在遊戲創作中，如果是獨立開發，在解決了編碼、美術外，音樂音效也是一個亟需處理的一環。 而個人要對音效進行處理就不得不用到 Audition 了，比如你自己採集的聲音，要進行降噪，音量增益等等操作。由於我自己用過 Adobe 的其他產品，對 Auditon 就是拿來直接上手，折騰過後，為了防止忘記，就整理了一

編輯器

thinking80s 頭像

Thinking80s - 我的碼農之路

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

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

zz_641473ad470bc 頭像

zZ_jie - Flex 佈局學習總結（對齊方式）

一、Flex佈局是什麼 Flex佈局是一種現代的、彈性的CSS佈局模型，一般簡稱彈性佈局， 全稱為Flexible Box Layout。它提供了一種更加高效、直觀的方式來設計、排列和對齊容器中的子元素。Flex佈局適用於響應式設計，能夠輕鬆適應不同屏幕大小和設備類型。 二、基本概念 容器默認存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）。主軸的開

flex , 前端

jianer 頭像

健兒 - 從一個請求封裝的“死循環”Bug，我學到了什麼？—— 深入剖析 async/await 與錯誤處理 前言：那個讓我頭疼的下午

我們都曾經歷過這樣的下午：一個看似邏輯嚴密的模塊，在實際運行時卻表現得像個失控的野獸。我的故事，就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400（需要登錄）或 4_01（Token 失效）時，自動完成登錄或刷新 Token，然後再重新發起剛才失敗的請求。然而，它卻在某些情況下陷入了可怕的無限循環，瘋狂轟炸着我的服務器。 起初

Ajax , 前端 , Javascript

gomi 頭像

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

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

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

wswx 頭像

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

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

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

vleedesigntheory 頭像

維李設論 - postMessage踩坑實踐

前言 在低代碼編輯器中進行頁面預覽常常不得不用到iframe進行外鏈的url引入，這就涉及到了預覽頁面與編輯器頁面數據通信傳值的問題，常常用到的方案就是postMessage傳值，而postMessage本身在eventloop中也是一個宏任務，就會涉及到瀏覽器消息隊列處理的問題，本文旨在針對項目中的postMessage的相關踩坑實踐進行總結，也為想要使用postMessage傳遞數據的童鞋提供

iframe , 編輯器 , 低代碼 , postmessage , 跨域

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

qifengliao_5e7f5b20ee3bd 頭像

起風了 - javascript中的esm是什麼？

esm是什麼？ esm 是將 javascript 程序拆分成多個單獨模塊，並能按需導入的標準。和webpack，babel不同的是，esm 是 javascript 的標準功能，在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊，比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

yunpan-plus 頭像

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

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

前端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 把酒言歡話聊天，基於Vue3.0+Tornado6.1+Redis發佈訂閲(pubsub)模式非阻塞實時通信聊天系統

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_202 “表達欲”是人類成長史上的強大“源動力”，恩格斯早就直截了當地指出，處在矇昧時代即低級階段的人類，“以果實、堅果、根作為食物；音節清晰的語言的產生是這一時期的主要成就”。而在網絡時代人們的表達欲往往更容易被滿足，因為有聊天軟件的存在。通常意義上，聊天大抵都基於兩種形式：羣聊和單聊。羣聊或者羣組聊天我們可以理解為聊天室，可以

通信協議 , redis , 實時通信 , websocket , tornado

simonbaker_5ec61c266b1df 頭像

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

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

前端

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

雲魚 - 七大經典排序算法總結（算法筆試基礎）

前言 前端面試和筆試中被問到最多的算法可能就是各種排序算法了，算法並不難，平時經常用到，但很多時候很少會去認真考慮算法優劣性和適應場景，真正一個一個去分析也需要花不少時時間，所以趁年末有空，不如再複習一遍排序算法。 所有排序算法讀者可自行嘗試coding，想看源碼戳這裏。此文配合源碼體驗更佳！ 排序算法評價標準 時間複雜度 一個算法語句總的執行次數是關於問題規模N的某個函數，記為f(N)，N稱為問

排序 , 算法 , 面試 , 筆試 , Javascript

camille_5f9b7f6b8693f 頭像

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

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

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