收藏 / 列表

yayujs 頭像

yayujs - SvelteKit 最新中文文檔教程（7）—— 構建和部署

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

數據集成與治理 - 一文教你讀懂數據架構

我發現很多企業做數字化，都遇到過這些問題： 上了ERP、MES、SCADA等系統，但數據互不聯通； 想做個生產分析，發現數據在ERP裏，質量數據在MES裏，設備數據又在另一個系統； 領導想看實時生產情況，IT部門卻要花好幾天整理數據。 但説到底，我們不是沒有數據，而是缺少一套能夠打通數據、真正服務業務的數據架構。 一、先搞清楚什麼是數據架構 一提到“架構”，有人覺得是 IT 部門的“技術

數據結構 , 架構設計

fannaodeliushu 頭像

程序員阿偉 - 《Unity渲染實戰寶典：突破平台限制的優化策略》

許多開發者初期極易陷入“參數拉滿即優質”的認知誤區，盲目調高光照強度、堆疊後處理效果、複用高面數模型，卻忽略了不同平台（移動端、PC端、主機端）的硬件架構本質差異—移動端GPU的ALU數量通常僅為PC端的1/5至1/3，顯存帶寬也存在數倍差距，而主機端則具備專屬的光線追蹤加速單元。這種硬件差異直接導致相同渲染配置在不同設備上表現天差地別，最終出現真機測試時幀率斷崖式下跌、設備異常發熱、畫面元素穿幫

遊戲開發

fkcaikengren 頭像

瘋狂踩坑人 - 【深入淺出Nodejs】異步非阻塞IO

概覽：本文介紹了阻塞I/O、非阻塞I/O、多路複用I/O和異步I/O 四種模型，在實際的操作系統和計算機中I/O本質總是阻塞的，通過返回fd狀態和輪詢的方式來使I/O在應用層不阻塞，然後通過多路複用的方式更高效實現這種不阻塞的效果。然後介紹了Node中異步I/O的實現，由於計算機本身的設計使得並不存在真正異步I/O，需要通過線程池來模擬出異步I/O。 I/O模式 I/O模式介紹 1.文件描述符 類

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

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

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

github-pages , github-actions , 運維

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

linong 頭像

linong - 前端培訓-中級階段（21）- xhr2、FormData（2019-10-17期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 AJAX 我們肯定不陌生，低版本IE使用new ActiveXObject("Microsoft.XMLHTTP")，其他瀏覽器使用new XMLHttpReq

formdata , xmlhttprequest , Ajax , html5 , Javascript

zz_641473ad470bc 頭像

zZ_jie - Spring 使用 itext7-core 根據表單 動態填寫 數據

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

文件 , spring , itextpdf , 後台 , itext

jianer 頭像

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中，你需要兩個外部變量來管理狀態： // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單：在每個請求發出去之前，都帶上當前的 token

Ajax , 前端 , 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 - 單調棧模板和適用範圍

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

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

vleedesigntheory 頭像

維李設論 - 面向邊緣場景的PWA實踐

背景 隨着5G技術的發展，物聯網邊緣側主要應用於數據傳輸量大、安全要求高以及數據實時處理等行業與應用場景中。其中，邊緣計算是一種分佈式計算模式，其將計算資源和數據處理能力推向接近數據源的邊緣設備，以減少延遲並提高響應速度。 對前端領域而言，面對邊緣場景下的應用開發也發生了相應的變化，其通常需要考慮邊緣側與終端側的實現方式，並且還需考慮相較於傳統 B/S 架構下的部署方案。本文旨在通過工業互聯網場

pwa , 雲計算 , 邊緣計算 , serverless , 前端

susuhhhhhh 頭像

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

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

css3動畫 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 如何快速查看頁面的佈局結構？

在前端頁面 UI 開發時，如何能快速查看頁面的結構佈局？ html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸，比 border 要好。

佈局 , css3 , Css , 前端 , ui

yunpan-plus 頭像

雲棧開源日記 - 拆解一個真實電商項目：微服務架構中的服務治理與性能優化

💡 項目背景 假設你接手了一個電商項目的重構任務： 現狀：單體應用，代碼20萬行，部署一次需要1小時 目標：拆分為微服務架構，支持獨立部署和彈性擴展 你會從哪裏入手？ 按業務域拆分還是按技術層拆分？ 如何保證服務間調用的可靠性？ 分佈式環境下的緩存和事務怎麼處理？ 本課程以母嬰電商平台改造為線索，探討微服務落地過程中的技術決策與實現細節，涵蓋服務註冊、負載均衡、配置中心等核心模塊

後端

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 石火電光追風逐日|前端優化之次時代圖片壓縮格式WebP的項目級躬身實踐(Python3 PIL+Nginx)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_190 我們知道，在前端界有一個共識：速度就是生命，帶寬就是金錢。怎樣將頁面加載速度有效提升是無數前端工程師無時不刻在思考的課題，目前的網絡環境中，除了視頻，圖片仍舊是佔用流量較大的一部分，對於app端尤其如此，因此，如何在保證圖片視覺不失真的前提下縮小圖片體積，對於節省帶寬和電池電量都十分重要，因此Google在十年前提出了一種

python3 , 圖片壓縮 , webp , 前端優化 , Nginx

simonbaker_5ec61c266b1df 頭像

simonbaker - koa異常處理詳解

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

koa , 前端

chencaize 頭像

點墨 - winreg的空值無法寫入導致電腦卡頓問題分析

問題背景 在使用Node.js的winreg模塊進行Windows註冊表寫入操作時，發現當寫入空字符串值時會出現嚴重問題： WinRegistry.set("test", WinRegistry.REG_SZ, "", (err) = console.error(err)) 問題現象 第一次寫入：會在註冊表中寫入一個 /f 值 後續寫入：進程會阻塞在註冊表操作上 系統影響：任務管理器中出現

windows , node.js , registry

xishui_5ac9a340a5484 頭像

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

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

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

cloudyttt 頭像

雲魚 - ES6 Promise筆試題

一動不動是王八，上一篇文章學習了那麼久Promise，是時候大顯身手了！ 基礎題 題一 const promise = new Promise((resolve, reject) = { console.log(1) resolve() console.log(2) }) promise.then(() = { console.log(3) }) console.

ecmascript-6 , 面試 , 筆試 , 異步編程 , Javascript