收藏 / 列表

yayujs 頭像

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

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

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs——初識AngularJS

AngularJS——初識AngularJS AngularJS是什麼 AngularJS是Google開源的一款前端JS結構化框架，它通過對前端開發進行分層，極好地規範了前端開發的風格——它將前端開發分為Controller層、Service層、DAO層和Model層。其中，Model對象與HTML頁面（視圖）上HTML元素進行雙向綁定，開發者可通過Controller調用Service、DAO

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

數據集成與治理 - 什麼是ETL增量抽取？企業數據治理必讀

兩年前，我在的數據團隊每天面對海量數據，總是在抱怨： 想要做個決策調整，結果部門報表裏的數字前後對不上；想整合一份完整的用户視圖，就得手動對接各個團隊，耗時耗力；數據在流轉中缺乏有效管控，既擔心泄露風險，又怕觸碰合規紅線...... 這些問題的根源，往往在於缺少一套行之有效的數據治理體系。而ETL正是破解這些難題最直接的技術手段。 那麼關鍵是要怎麼做呢？ 本文就直接上乾貨，不講虛的，手把手教你怎麼

數字化轉型 , 知識 , 數據庫 , 數據治理平台

fannaodeliushu 頭像

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

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

前端

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 - 在nodejs環境使用依賴注入

前言 一直以來static-injector都遵循修舊如舊原則,把 Angular 的依賴注入完整的提取出來 但是這樣的話在其他平台上必須使用transformer來進行一個靜態轉換,一個是影響速度,還有一個就是加大了配置難度 因為 Angular 的依賴注入增加了inject可以在構造時讀取依賴項,所以基本上不影響功能.如果想使用providedIn可以改為類中加入靜態屬性static

node.js , 依賴注入 , typescript , Javascript , Web

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

北橋蘇 - hexo 實戰：（三）獨立博客運營總結

前言 通過前面兩個步驟，完成了靜態博客從搭建到基本功能添加和界面優化。那麼，這次就要介紹一下搭在 GitHub 上的靜態博客如何運營推廣。也就是如何讓網站被各大搜索引擎收錄？如何提高網站權重，提高收錄量？ 網站收錄 平台選擇 站長相關的平台有：某度站長工具、360 站長平台、搜狗資源平台、必應網站管理員工具、谷歌站長工具等。列出的五個平台，可以按自身情況提交，提交方法也大同小異，以下以某度為例。

hexo , 博客搭建 , 前端

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

zz_641473ad470bc 頭像

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

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

flex , 前端

jianer 頭像

健兒 - 記錄arr.map 和arr.foreach 遇到的回調函數（異步和同步問題）的坑

大致問題是： 通過map或者foreach循環的回調函數操作數組，回調函數內部有ajax異步函數，通過await同步的寫法來調用的。console.log打印出數組跟實際渲染到view層的頁面始終不一致。 後來改寫成for循環就好了。 所以總結出來，基礎知識，在理解map和foreach這個api不夠深刻，也對await 關鍵詞的使用場景理解不透徹（雖然是for循環，但作用域函數可以找

promise , await-async , map , for循環 , Javascript

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

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

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

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

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

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

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

react , 同步 , 異步 , 前端

yunpan-plus 頭像

雲棧開源日記 - FFmpeg 官方彙編課程：寫出快 5 倍的視頻處理代碼

你的視頻處理程序能跑通就行了？ 同一個算法，有人用匯編優化後性能提升 5 倍。這不是天賦問題，而是技術盲區。FFmpeg 團隊把內部彙編培訓資料開源了，手把手教你寫工業級高性能代碼。 這個項目教什麼 asm-lessons 是 FFmpeg 官方的彙編語言實戰教程，專門針對音視頻處理中的性能優化。 三個核心課程： 第一課：FFmpeg 工具鏈 學習 FFmpeg 的 x86inc.asm

後端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 輕盈瀟灑卓然不羣，敏捷編輯器Sublime text 4中文配置Python3開發運行代碼環境(Win11+M1 mac)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_210 20世紀初，幾乎所有的飛機都是並列雙翼結構，此時，美國著名飛行大亨霍華德·休斯認為自己的飛機不夠快，助手委婉地提醒他，如果速度太快，飛機的上翼結構支柱很可能會支撐不住，發生斷裂。霍華德憤怒地向助手大喊：“誰説我們需要上翼結構?讓上翼和支柱見鬼去吧，我們需要的是更輕便的單翼飛機！” 於是乎，H1單翼飛機就此出現，這款機型身上

python3 , 編輯器 , 開發環境配置 , 後端 , sublime-text

simonbaker_5ec61c266b1df 頭像

simonbaker - 再談XSS攻擊的例子

舉個例子 Demo1 - 你好 在瀏覽器輸入：http://testxss.com/xss/demo1.html?search=你好 頁面效果如下所示： demo1.html的代碼如下所示： head meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1.0" /

xss

chencaize 頭像

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

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

c++ , 多線程

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

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

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

servlet , JAVA , 程序員 , 後端