收藏 / 列表

yayujs 頭像

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

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

react , 前端

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 VS ELT：誰才是企業架構的最優解？

​在雲原生當道的2025年，企業建數據平台，ETL和ELT到底怎麼選？​這個看似基礎的架構選擇，後期一旦選錯，遷移成本可能高達初始投入的5倍！雖然ETL和ELT這兩個詞提了十幾年，​但今天它們的內涵和適用場景已經大不相同。​別再憑老經驗做決定，​選錯數據架構，燒錢又費勁！​這篇文章就帶你徹底搞清ETL和ELT的本質區別，並​基於你的數據本身、團隊技能和現有基礎設施，給出2025年的務實選擇建議。​

架構設計

fannaodeliushu 頭像

程序員阿偉 - 《API網關在智能製造產線協同中的定製化實踐與可靠性重構》

主導某汽車焊裝車間的API網關升級項目時，工業系統的協同困境遠比技術文檔中描述的更為複雜。車間內數十台西門子PLC控制器、上百台KUKA焊接機器人及各類檢測設備，仍依賴ProfiNet、EtherCAT、Modbus等多種工業協議傳輸數據，而後台的製造執行系統（MES）、監控與數據採集系統（SCADA）則採用標準化接口，二者之間形成了難以逾越的"協議鴻溝"。更棘手的是車間環境的特殊性—機牀高頻振動

API

fkcaikengren 頭像

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

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

react , 面試 , 教程 , 前端

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

北橋蘇 - 如何將 Python 項目打包成 exe，另帶卸載功能！

前言 雖然我是做 web 的，但是對 Python 的眾多開源項目一直都很關注。像之前的 stable diffusion 的 AI 繪畫，和 so-vits-svc 音色替換等源碼的部署文檔都很完善了。儘管如此，對於剛入門的和本地環境搭建各種踩坑的同學，又急於一試就顯得不太友好了。針對這一現象，網上早有了各種大佬做了一鍵部署的解決方案，不用安裝 Python 環境，不用下載各種依賴包，點一下 e

gui , tkinter , pyinstaller , Python

thinking80s 頭像

Thinking80s - 我的碼農之路

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

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

zz_641473ad470bc 頭像

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

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

flex , 前端

jianer 頭像

健兒 - 多級數組Tree如何做搜索

兩種方案 1、數組打平，根據搜索字符在打平數組裏去filter出滿足條件的node節點，但此時被篩選的節點只有子節點，然後再通過被篩選出的子節點去找對應的父節點，然後拿到結果後轉成tree結構 優點：思路簡單，打平數組用了遞歸，好理解 缺點：找父節點的時候相對麻煩。 2、寫一個遞歸算法，滿足條件就返回tree 比如有一個簡單個tree const treeData = [ {

遞歸 , tree , 算法 , 前端

gomi 頭像

Gomi - Chrome 138 beta Summarizer API 嚐鮮

前言 之前一直想把視頻AI總結的功能集成到Video Roll中，但是由於調用各廠商的AI接口基本上無法實現完全免費，即使免費額度也是有限制的，所以想免費提供給用户使用就捉襟見肘。另一種方式就是讓用户自己填各個廠商的key來做一箇中間件而已。於是覺得沒太大必要，一直擱置了這個功能。但是最近Chrome宣佈138版本將正式內置AI接口，比如Summarizer, Translater等。於是我趕緊下

chrome , gemini-pro , 人工智能 , 前端 , Javascript

wswx 頭像

goblin_pitcher - 數據結構算法小結

前言 解決問題思維方式 假設我們有一整套螺絲刀，要進行筆記本清灰操作，我們主要的思維邏輯如下： 若要清灰，必須先取出風扇 若要取出風扇，必須先把從外殼到風扇的螺絲全部拆下 那麼清灰問題就變成了拆一堆不同規格的螺絲，當我們看到不同規格的螺絲，就會比較螺絲口大小、形狀和螺絲刀規格，從而選取對應的螺絲刀。 可以看出，當我們遇到一個複雜問題，下意識的思維方式就是將一個複雜問題，轉移成我們熟知的一些

數據結構和算法 , 前端

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

yunpan-plus 頭像

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

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

後端

liuyue_5e7eb6745e089 頭像

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

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

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

simonbaker_5ec61c266b1df 頭像

simonbaker - 不同tab頁的數據如何保持一致？

背景 後端同事提了個問題： 當打開實例詳情頁面後，再打開一個tab頁面，然後再訪問實例詳情頁面。如果這時候在某一個tab頁面切換到不同實例了，然後去到另一個tab頁面進行實例的操作，比如升級或者停止。會誤以為當前操作的是同一個實例。但很明顯兩個tab頁的實例是不一樣的，這樣很容易出現誤操作。 所以就想要保持不同tab頁的數據統一。也就是在tab頁面切換實例後，其他tab頁也要跟着切換到該實例。 解

postmessage , storage

chencaize 頭像

點墨 - qt輸出源碼日誌

在QT源碼裏，很多qCDebug打印的日誌，如何輸出？ 在C:\Users{yourname}\AppData\Local\QtProject增加日誌配置文件qtlogging.ini 如果需要開啓全部日誌,則配置如下所示: [Rules] *=true 如果需要開啓部分模塊日誌,比如開啓lcQpaWindows,首先需要找到lcQpaWindows對應的模塊字符串 配置如下所示: [Rule

qt , 日誌

xishui_5ac9a340a5484 頭像

夕水 - SCSS即將廢棄`@import`，以前的`@import`該何去何從？

SCSS即將廢棄@import，以前的@import該何去何從？ 1. 引言 隨着前端開發技術的不斷髮展，SCSS（Sass）作為一種流行的CSS預處理器，已經在眾多前端項目中得到了廣泛應用。其優雅的語法、強大的功能以及靈活的模塊化機制，使得開發者能夠更加高效地構建和管理樣式表。然而，隨着SCSS的不斷迭代更新，我們也迎來了一個重要的變革：@import語法即將被廢棄。雖然@import曾經是SC

scss , 前端

cloudyttt 頭像

雲魚 - JavaScript之函數柯理化

引語 最近在社區閲讀技術博客的時候偶然間看到了函數柯里化幾個字，還有要求手寫js函數柯里化，心想是柯里化是什麼高級的東西？沒聽説過啊？ 就帶着問題出發，專門去學習了一下，做了一些整理。 什麼是函數柯里化？ 什麼是函數柯里化？先看看維基百科如何解釋： 在計算機科學中，柯里化（英語：Currying），又譯為卡瑞化或加里化，是把接受多個參數的函數變換成接受一個單一參數（最初函數的第一個參數）的函數

前端優化 , currying , Javascript

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Javaweb入門完整版學習教程，簡單粗暴，通俗易懂！

JavaWeb是用Java技術來解決相關web互聯網領域的技術總和，Java提供了技術方案可以解決客户端和服務器端的實現。 web包括：web服務器和web客户端兩部分。 Java在客户端的應用有 java applet，不過使用得很少，Java在服務器端的應用非常的豐富，比如Servlet，JSP和第三方框架等等。 Java技術對Web領域的發展注入了強大的動力。 目前，Java Web開

servlet , JAVA , jsp , 後端 , 前端

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 開源基礎框架，如何通過配置化實現文件管理（文檔下載、預覽等）

在數字化業務場景中，文件管理與動態文檔生成是企業高效運營的關鍵環節。傳統文件處理方式往往依賴人工操作或複雜編碼，難以滿足靈活多變的業務需求。JVS開源框架通過低代碼配置化能力就可以實現。接下來我結合模板化文檔生成和文件預覽/下載兩大核心場景，來看看如何通過可視化配置實現。 JVS開源框架中，系統提供對後台上傳的相關的文件進行管理，操作如下圖所示 點擊【上傳文件】按鈕選擇桶名和標

前端框架 , 開源 , 開源框架

shenfq 頭像

Shenfq - 下一代的模板引擎：lit-html

前面的文章介紹了 Web Components 的基本用法，今天來看看基於這個原生技術，Google 二次封存的框架 lit-html。 其實早在 Google 提出 Web Components 的時候，就在此基礎上發佈了 Polymer 框架。只是這個框架一直雷聲大雨點小，內部似乎也對這個項目不太滿意，然後他們團隊又開發了兩個更加現代化的框架（或者説是庫？）： lit-html、lit-ele

模板引擎 , webcomponents , HTML , 前端

tusi_5c8a591841687 頭像

程序員白彬 - npm init @vitejs/app的背後，僅是npm CLI的冰山一角

結尾的話説在前面。 我有時候會得出這樣的結論：原來那些我不常用的命令或工具，都是為了解決大佬們遇到的問題而存在的！ 我們每天都和npm打交道，但是不少人對npm的掌握程度還停留在一個比較淺的層面（當然這也包括我）。就比如説一個用 vite 創建 app 的命令npm init @vitejs/app，很多人就懵了，“npm init不是用來創建package.json文件的嗎？” 同樣還有n

cli , npm , 前端