收藏 / 列表

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 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象，它代表一個異步操作的最終完成（或失敗）及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態（進行中）

教程 , 知識 , 前端 , Javascript

leguandeludeng 頭像

數據集成與治理 - 為什麼總有人説低代碼不行？

我接觸IT領域這麼多年，我太知道IT部門每天要煩惱的問題了： 業務部門急着要一個數據報表系統，IT部門説至少等三個月； 公司想優化辦公流程，報價卻要大幾十萬起步，結果好不容易系統上線了，業務規則一變，又要重新開發，費時費力。 這背後，其實是三個困擾無數企業的核心問題：IT資源永遠不夠用、開發成本居高不下、業務需求變化太快。 這些問題，正是“低代碼”技術要解決的核心。

it , 低代碼 , 開發 , 後端 , 前端

fannaodeliushu 頭像

程序員阿偉 - 《錨定App Store生態：編程工具上架零踩坑的核心操作指南》

iOS App Store憑藉其高用户質量、完善的生態閉環與嚴格的審核標準，成為編程工具觸達核心用户的關鍵渠道，但也因審核邏輯的精細化、政策的動態調整以及對“優質應用”的極致追求，讓不少開發者在了你上架路上屢屢碰壁。從事編程工具開發與上架服務多年，見過太多案例：有的工具核心功能紮實，卻因隱私政策表述模糊被反覆駁回，錯失推廣窗口期；有的工具性能優異，卻因啓動速度超標或機型適配不全卡在審核環節；還有的

app

fkcaikengren 頭像

瘋狂踩坑人 - 【面試系列】萬字長文，速通TCP、HTTP(s)、DNS、CDN、websocket、SSE

引言： 本文用通俗簡練的語言又不失細節（自認為doge）地介紹TCP/UDP、HTTP、HTTPs、DNS、CDN、Websocket和SSE等。本文面向求職面試人羣，比較全面的歸納了面試中計算機網絡涵蓋的面試點，你可以結合本文自行拓展深度和廣度。如果你準備時間不夠，更加推薦你看這篇文章！ 如果錯誤或侵權之處歡迎指正和聯繫我。 一、OSI 七層模型 計算機網絡的7層模型，也稱為O

tcp , dns , HTTP , HTTPS , cdn

wszgrcy 頭像

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

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

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

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API：優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API，極大地簡化了對集合的操作。傳統上，Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作，這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式，使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景，幫助你更好地掌握這一工具。 一、

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

tanking 頭像

TANKING - fetch異步上傳圖片（附html+JavaScript+php代碼）

效果 index.html !DOCTYPE html html head title圖片上傳示例/title meta charset="utf-8" script src="upload.js"/script style *{ padding: 0;

文件上傳 , php , fetch , 上傳圖片 , Javascript

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 - 我的碼農之路

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

編輯器 , 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 - 使用canvas對圖片進行標註

前言 我們的圖像標註系統中，標註的時候，每人需要一個容器（docker），需要把數據推到去LabelStudio裏面去標註，利用webhook回推標註好的數據。 Canvas的使用，當選中某個矩形框的時候，會變成藍色。 畫布大小 設置的是，圖片有多大，畫布就有多大,然後以畫布的中心點對齊。默認是左上角對齊 this.ctx.drawImage(this.image, -this.image

canvas , HTML , 前端

jianer 頭像

健兒 - 從一個請求封裝的“死循環”Bug，我學到了什麼？—— 深入剖析 async/await 與錯誤處理 前言：那個讓我頭疼的下午

我們都曾經歷過這樣的下午：一個看似邏輯嚴密的模塊，在實際運行時卻表現得像個失控的野獸。我的故事，就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400（需要登錄）或 4_01（Token 失效）時，自動完成登錄或刷新 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

winnn 頭像

Winn - 純css編寫開關按鈕點擊切換

效果圖預覽： 完整代碼如下： !DOCTYPE html html head title純css編寫開關按鈕點擊切換/title style type="text/css" #toggle-button{ display: none; } .button-label{ position: relative; displa

Css , 程序員 , css3動畫 , 前端 , html5

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 一文了解 history 和 react-router 的實現原理

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 在前一篇文章中，我們詳細的説了 react-router@3.x 升級到 @6.x 需要注意的問題以及變更的使用方式。 react-router 版本更新非常快，但是它的底層實現原理確是萬變不離其中，在本文中會從前端路由出發到 react

react , react-router , 前端

zaotalk 頭像

前端早早聊 - 【Node 連載 2/9】Node.js ORM 在語雀的探索與實踐

本文是 2021 年 12 月 26 日，第三十五屆 - 前端早早聊【前端搞 Node.js】專場，來自螞蟻金服 語雀前端團隊 —— 小琿的分享。感謝 AI 的發展，藉助 GPT 的能力，最近我們終於可以非常高效地將各位講師的精彩分享文本化後，分享給大家。（完整版含演示請看錄播視頻和 PPT）：https://www.zaozao.run/video/c35 完整 PPT 請聯繫小助手（vx：zz

orm , node.js , 前端框架 , 數據庫 , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：Flex 佈局

flex 佈局原理 全稱 flexible box，彈性佈局。 如何開啓：為元素添加 display: flex。 開啓 flex 佈局的元素，稱為 flex 容器（flex container），其子元素成為容器成員，稱為 flex 項目。 flex 佈局原理：通過給父盒子添加 display: flex，來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

jsliang 頭像

jsliang - CSS 實例系列 - 01 - Tab 滑動門

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 本 CSS 系列文章： 主推學以致用。結合面試題和工作實例，讓小夥伴們深入體驗 61 個工作常見的 CSS 屬性和各種 CSS 知識。 主推純 CSS。儘可能使用 HTML + CSS 完成學習目的，但仍然有 “一小部分” 功能需要用到 JavaScript 知識，適合新人學習 + 大佬複習。 如果文章在一些細節

實例 , Css , css3動畫 , 前端

heiyanjing 頭像

HeiYanjing - 根據tapable調試結果，手寫SyncHook實現

調試過程瞭解SyncHook案例運行基本原理 let hook = new SyncHook(['name', 'age'])操作構建了一個SyncHook實例,掛載一些屬性核心屬性是_x和taps屬性,最後調用call方法 // SyncHook.js // 非tap模式全部拋出異常 tapAsync、 tapPromise const TAP_ASYNC = () = { thr

tapable , webpack4