收藏 / 列表

yayujs 頭像

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

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

數據集成與治理 - ETL VS ELT：誰才是企業架構的最優解？

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

架構設計

fannaodeliushu 頭像

程序員阿偉 - 《 Unity開發秘籍：6個決定遊戲成敗的底層細節》

多數Unity開發者在項目推進中，往往聚焦於功能實現與玩法落地，卻容易忽略那些藏在引擎底層的隱性技術細節，表面無法直觀感知，卻直接決定了遊戲的運行效率、體驗質感與迭代空間，更是區分普通開發者與資深從業者的核心標誌。很多項目在測試階段看似流暢，上線後卻頻繁出現幀率波動、兼容性故障、續航消耗過快等問題，甚至部分項目因底層細節缺失，後期需要投入數倍於開發的時間重構，得不償失。更關鍵的是，不同平台的隱性差

遊戲開發

fkcaikengren 頭像

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

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

react , 面試 , 教程 , 前端

wszgrcy 頭像

wszgrcy - 代碼搜索與重構工具 - Code Recycle

程序員在開發過程中查詢代碼時,通常依賴文本搜索,儘管這在大多數情況下很有用,但它可能無法完全滿足我們的需求. let a = 1;let b=`let a=1` 要搜索上述代碼語句let a = 1,通常這是很難實現的,因為一方面會有字符串的干擾,另一方面格式可能不同,無法直接確定唯一語句. 但是,當我們使用code recycle時,我們可以直接使用let a=1來匹配

code , 工具 , 搜索 , cli , 定位

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

zero_dev 頭像

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

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

github-pages , github-actions , 運維

thinking80s 頭像

Thinking80s - 技術與思維的轉變

5.1 技術提升的旅程 隨着技術的不斷提升，我發現自己看待問題的角度也在悄然發生變化。我開始習慣於用編程的邏輯去分析問題，用代碼去解決問題。這種轉變不僅僅體現在我的工作中，更影響了我的整個生活。 詳細內容： 技術的提升是一個持續的過程。我不斷地閲讀技術書籍，參加在線課程，學習新的編程語言和框架。每當掌握一項新技術，我都會感到無比的興奮和滿足。更重要的是，我開始用編程的思維去看待周圍的世界，這讓我在

編輯器 , ruby , xcode , 程序員 , 前端

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 - Astro + NextUI 搭建個人博客（導航組件篇）

Astro 簡介 由於我之前的個人博客是Vue3+Quasar+Koa+MySql搭建的，整體就是SPA的思路，作為練手倒是可以鍛鍊前後端各方面的能力。但考慮到後期的遷移和更新等，實在過於麻煩，個人博客其實使用SSR或SSG之類的框架就行了，比如Nextjs，Nuxtjs，Remix等等。於是我接觸到了Astro這個框架，它厲害的是不與任何前端框架進行強行綁定，比如Nextjs是與React強綁定

astro , ssg , ssr , 博客搭建 , 前端

wswx 頭像

goblin_pitcher - 二分查找的通用模板

二分查找的概念本身很容易理解，這裏不做贅述。其使用前提只有一個：單調數組 樸素二分查找 當在一個有向數組中，查找數組中是否有某個值，代碼很簡單： const binarySearch = (nums, target) = { let l = 0; let r = nums.length - 1; while(l=r) { const mid = (l+r) 1 if(

數據結構和算法 , 前端

vleedesigntheory 頭像

維李設論 - 前端日誌採集方案淺析

前言 在前端部署過程中，通常會使用nginx作為部署服務器，而對於默認的nginx服務來説，其提供了對應的日誌記錄，可以用於記錄服務器訪問的相關日誌，對於系統穩定性及健壯性監控來説，日誌採集、分析等能夠提供更加量化的指標性建設，本文旨在簡述前端應用及打點服務過程中所需要使用的nginx採集方案。 架構 打點日誌採集 對於前端應用來説，通常需要埋點及處理對應的數據服務 應用日誌採集 對於日常應用

日誌 , filebeat , Nginx , elk , kafka

susuhhhhhh 頭像

用户bPcSPjP - 微信小程序實現歷史搜索功能（h5同理）

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

musicfe 頭像

雲音樂技術團隊 - 雲音樂服務端大規模自動化升級實踐

本文作者：邵東風 在貴州機房遷移項目中，面臨着大量的組件升級，雲音樂服務端通過自動化升級平台建設，節省約500人日，實現升級效率約83%的提升。此文介紹其在大規模自動化升級上的實踐。 一、背景 1. 痛點 在服務端推進升級是一件比較困難的事情，面臨的困難點包含但不限於： 穩定性風險：組件自身兼容性的問題或不正確升級帶來的兼容性問題，可能帶來線上穩定性風險。 升級投入成本：組件升級至少需要研發

服務端 , 後端

yunpan-plus 頭像

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

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

opensource

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 兔起鶻落全端涵蓋,Go lang1.18入門精煉教程，由白丁入鴻儒，Sublime 4 Go lang開發環境搭建EP00

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_222 Go lang，為併發而生的靜態語言，源於C語言又不拘泥於性能，高效卻不流於古板，Python靈活，略輸性能，Java嚴謹，稍遜風騷。君不見各大廠牌均紛紛使用Go lang對自己的高併發業務進行重構，原因無他，經濟下行的大背景之下，性能突出、效率拉滿的Go lang無疑是高併發場景下節約服務器資源的一劑靈藥。 與時俱進，順

windows , macos , 編程語言 , 環境搭建 , go

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

點墨 - js 字符串含中文下對齊

問題 在中文下對齊字符串會出現問題，原因是中文字符佔兩個字節，如下所示 let val = [ { title:"錯嫁豪門：萌娃集合，把渣爹搞破產", author:"左暮顏傅寒蒼" }, { title:"驚！未婚女星竟被萌娃追着叫媽", author:"大雪無聲" } ] function te

node.js , align , string , Javascript

xishui_5ac9a340a5484 頭像

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

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

next.js , 前端

cloudyttt 頭像

雲魚 - JavaScript 之原型、原型鏈

前言 其他編程語言如 Java 等使用 new 命令時，都會調用“類”的構造函數。但是，JavaScript沒有“類”，本身並不提供一個 class 實現（雖然在ES6中提供了class 關鍵字，但其只是語法糖，JavaScript仍然是基於原型的）。於是，JavaScript作了一個簡化的思想，new 命令後面跟的不是類，而是構造函數，用構造函數生成實例對象，但其缺點是無法共享屬性和方法。於是

原型原型鏈 , 類 , 面試 , 對象 , Javascript

thjjames 頭像

小皇帝James - 表格Table實現前端全選所有功能

前言 最近兩家公司都遇到了全選全頁+批量操作的功能場景，即點擊全選所有的時候需要勾選所有數據包括非當前頁的。 方案 如果純前端分頁可以參考 antdv.table，一般主流的組件庫都給封裝好了。 後端分頁一種方案是： 基於組件庫的現有能力，全選所有時設置 pageSize 為無窮大並調用列表接口得到全量數據賦值給 selectedRowKeys 即可。但是這套方案最大的問題在於

全選 , table , vue3 , selection , Javascript