收藏 / 列表

yayujs 頭像

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

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

react , 前端

best-doraemon 頭像

大雄的叮噹貓 - Angularjs的工程化

Angularjs的工程化 AMD規範和CMD規範 為什麼需要模塊化管理工具 在編寫項目時可能需要加載很多js文件，若b.js依賴a.js，且a.js比b.js大很多，那麼瀏覽器會讓b.js等待a.js加載完畢後再去執行b.js裏的內容；而即使d.js並不依賴a.js，b.js，c.js，也會等待這三個文件均加載完畢才執行，為了讓瀏覽器能夠按需加載，提出了模塊化管理工具。 script type=

angular , 前端

feng_fanfan 頭像

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

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

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 終於有人把數據架構講清楚了！

“​數據架構​”這個詞，搞數據的同行們天天都在説。 但你真的能一句話講清楚它到底是啥、為啥那麼重要、又該怎麼設計嗎？ 是不是一提到它，腦子裏就蹦出來一堆​技術名詞和分層模型​，比如 ODS、DWD、DWS、ADS？ 打住！數據架構可遠不只是技術的堆砌。 今天，我就拋開那些模糊的概念和花哨的術語，用大白話手把手拆解​數據架構的核心邏輯​—— 數據架構到底是什麼？ 為什麼需要數據架構？它有什麼作

數據結構

fannaodeliushu 頭像

程序員阿偉 - 《Unity3D NavMeshAgent與Rigidbody移動同步問題的技術拆解》

NavMeshAgent（導航網格代理）與物理剛體（Rigidbody）的協同，是實現角色“智能路徑規劃+真實物理交互”的核心技術組合。前者依託預烘焙的導航網格，能自動計算最優移動路徑，保障角色在複雜場景中自主避障、精準追蹤目標；後者則通過PhysX物理引擎模擬重力、碰撞反饋等物理效果，讓角色與可移動障礙物（如箱子、石塊）、地形（如斜坡、台階）的交互更貼近現實邏輯。筆者在近期負責的科幻題材生存探索

3d

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，總結瀏覽器十大問題

一、瀏覽器對象模型(BOM)有哪些屬性 這裏不會詳細介紹每個BOM屬性（確實沒必要哈）。主要是圍繞BOM，發散一些常見的面試題，看看是如何回答的。 BOM的屬性： window location navigator history screen location - hash路由 http://foouser:barpassword@www.wrox.com:80/WileyCDA/

chrome , 教程 , 知識 , 前端

wszgrcy 頭像

wszgrcy - 通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

react , vue.js , angular , typescript , 前端

wanzuqiudeshangba 頭像

玩足球的傷疤 - JavaScript與TypeScript的對比：深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言，尤其在前端開發中，它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似，但它們有着顯著的差異，尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異，幫助開發者理解何時選擇使用 JavaScript 或 TypeScript，以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

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

tanking 頭像

TANKING - PHP輕量級、超簡單、入門級、易上手的框架：CodeIgniter

摘要 CodeIgniter 3 是一個輕量級的 PHP Web 應用程序開發框架，專注於簡單性和性能。它提供了一系列的庫和工具，幫助開發者快速構建各種規模的 Web 應用程序。 簡單易用：CodeIgniter 設計簡潔，學習曲線低，使得開發者可以快速上手並開始構建應用程序。 MVC 架構：CodeIgniter 遵循 MVC（Model-View-Controller）設計模式，將應用程序的邏

php , php框架 , codeigniter , mvc , 後端

danjuanfe 頭像

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日，第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範，這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map，Map中的 key由回調提供： Map.groupBy([0, -5, 3, -

ecmascript , 前端 , Javascript

zero_dev 頭像

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

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

編輯器

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

zz_641473ad470bc 頭像

zZ_jie - AES 加密和解密demo

前言 我們數據庫中有一條用户信息的數據，需要給到第三方，那麼在發送這條數據的時候，我們不能直接把用户的姓名、電話號、身份證號等一些信息發給第三方，不能暴露用户的個人信息，這個時候就需要用到數據加密進行傳輸。 什麼是AES AES（Advanced Encryption Standard，高級加密標準）是一種用於保護電子數據的對稱加密算法。在 HTTPS 協議中使用的 TLS（傳輸層安全協議）就使用

加密 , springboot , base , aes

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 - 二分查找的通用模板

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

數據結構和算法 , 前端

winnn 頭像

Winn - 【前端面試】V8事件輪詢

在前端面試中，面試官可能會問你V8的引擎機制，給你這樣的一道題目如下： console.log(1); setTimeout(() = { console.log(2); }); new Promise(reslove = { console.log(3); reslove(); }).then(() = { console.log(4); }); console.log(5)

v8 , 面試 , 瀏覽器原理 , 程序員 , 前端

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

zaotalk 頭像

前端早早聊 - 今天聊：2~4 年前端走出離職困境與舒適區

本文寫於 2019 年，原鏈接 404 了，重新發布同步於此。1 萬個小時和 3 萬行代碼，會成為工作前 4 年非常核心的量化指標，把握住這段週期，可以在職場建立非常有競爭力的擇業優勢，更關鍵的是自己真正的潛能會被挖掘出來，繼而有機會成為那個心目中的大牛，而把握二字，知易行難，背後需要不斷的走出舒適區，不斷的突破困境區，需要你的決心和勇氣。我是一個做了10 年前端、堅信創業是場修行的趕路人，如果你

職業發展 , 前端工程師 , 職業規劃 , 程序員 , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

jsliang 頭像

jsliang - CSS 實例系列 - 04 - Dropdown 下拉麪板

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 今兒要實現的是：Dropdown 下拉麪板 本期將和小夥伴們探討： √ 通過精簡結構，講解 HTML 和 CSS 搭配如何實現 Dropdown 下拉麪板 本實例的代碼地址： Github - all for one 碼上掘金 - 04 - Dropdown 下拉麪板 視頻講解 一 前言 本 CSS 系

css3 , Css , css3動畫 , 前端 , html5

heiyanjing 頭像

HeiYanjing - 迷你版webpack實現

調試webpack過程瞭解執行流程 開始-合併配置------------實例化compile-------設置node文件讀寫能力-----通過循環掛載plugins-----處理webpack內部默認的插件（入口文件） 開始-compiler.beforeRun-compiler.run--------compiler.beforeCompile-compiler.compile----

webpack4