收藏 / 列表

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

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

react , 前端

大雄的叮噹貓 - 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 - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分:核心概念 - 為什麼需要原型? JavaScript 在誕生之初,被設想為一種簡單的腳本語言,並未打算引入類的概念。為了實現對象之間的屬性和方法共享,從而節省內存並建立繼承關係,設計了基於原型的繼承模型。 第二部分:理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

數據集成與治理 - 什麼是ETL增量抽取?企業數據治理必讀

兩年前,我在的數據團隊每天面對海量數據,總是在抱怨: 想要做個決策調整,結果部門報表裏的數字前後對不上;想整合一份完整的用户視圖,就得手動對接各個團隊,耗時耗力;數據在流轉中缺乏有效管控,既擔心泄露風險,又怕觸碰合規紅線...... 這些問題的根源,往往在於缺少一套行之有效的數據治理體系。而ETL正是破解這些難題最直接的技術手段。 那麼關鍵是要怎麼做呢? 本文就直接上乾貨,不講虛的,手把手教你怎麼

數字化轉型 , 知識 , 數據庫 , 數據治理平台

程序員阿偉 - 《從木偶江湖到活色長安:NPC行為失控的架構級解決方案》

在武俠開放世界遊戲《江湖餘燼》的內測階段,一個直擊核心體驗的Bug讓研發團隊倍感壓力。當時,玩家在“長安城”核心區域—這個NPC密度超過50個/平方公里的繁華地段,只要長時間停留超過30分鐘,並且頻繁與不同NPC進行交互,比如接取任務、購買道具或是觸發劇情,就會有大約25%的NPC出現“行為崩壞”的情況。那些本該守着攤位、有條不紊售賣商品的商販,會突然在原地不停轉圈,機械地重複“取貨”的動作,卻始

架構

瘋狂踩坑人 - 別再説我不懂Node"流"了

Nodejs中包括4種類型的流:Readable、Writable、Duplex和Transform. Readable Stream 自定義Readable 自定義 Readable 流必須調用 new stream.Readable([options]) 構造函數並實現 readable._read() 方法。 import { Readable } from "node:stream"

node.js

wszgrcy - [Angular]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

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

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

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

chongdongdedaxiongmao_kxfei - 深入 JavaScript:前端開發的核心語言

JavaScript 是一種廣泛應用於前端開發的編程語言,最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言,JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一,還隨着 Node.js 的出現,逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景,幫助你掌握這門現代化的編程語言。 一

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

TANKING - 整理幾個國內常用的個人創作者知識付費平台!

摘要 個人創作者的作品如何出售?如何解決收款問題?如何曝光?個人的作品如何才能發揮其價值?例如文件、文檔、源碼、繪畫、動漫、視頻、音頻、樂譜、小説、圖集、軟件等,需要通過一個平台方便作者與用户的交易和聯繫,那麼知識付費平台應運而生。 愛發電 愛發電是一個連接創作者與粉絲的平台。創作者可以通過愛發電創建自己的會員、售賣商品(虛擬或實體)、發起眾籌等等。創作者可以發佈過各種各樣的虛擬、實體商品,包括但

微信支付 , 支付寶 , 知識付費

前端蛋卷 - 快來看看 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

北橋蘇 - phpstorm開發項目中5種常用的使用方法

前言: 有時因為各種原因重裝了系統,工具有時也重裝,但是又沒有把軟件的設置導出來。最開始的工具配置過了段時間給遺忘了,比如平時順手的關閉窗口快捷鍵,composer,git等的設置。 方法總結: 修改快捷方式點擊”File”-”Settings”-”keyMap”就可以看到那些快鍵鍵的各種分類,比如我常喜歡用”ctrl+w”關閉正在打開的窗口,所以就選擇”windows”分類下的Editor

php , phpstorm , 後端

Thinking80s - 技術與思維的轉變

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

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

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時,加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設,整理了一下現有的線上報錯,其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

zZ_jie - SpringBoot實踐設計模式———裝飾者模式

什麼是裝飾者模式? 裝飾者模式屬於結構型設計模式之一,主要目的是通過包裝對象而不是繼承來擴展功能。這種模式允許用户動態地為對象添加新的行為而無需修改其源代碼。這與繼承相比提供了一種更為靈活的方式來擴展功能。 裝飾者模式的關鍵組成部分: 抽象組件(Component):定義核心業務接口。 具體組件(ConcreteComponent):核心業務實現類,實現了抽象組件接口。 裝飾器(Dec

設計 , 裝飾者模式 , spring

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

我們都曾經歷過這樣的下午:一個看似邏輯嚴密的模塊,在實際運行時卻表現得像個失控的野獸。我的故事,就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400(需要登錄)或 4_01(Token 失效)時,自動完成登錄或刷新 Token,然後再重新發起剛才失敗的請求。然而,它卻在某些情況下陷入了可怕的無限循環,瘋狂轟炸着我的服務器。 起初

Ajax , 前端 , Javascript

Gomi - Astro + NextUI 搭建個人博客(導航組件篇)

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

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

goblin_pitcher - 數據結構算法小結

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

數據結構和算法 , 前端

Winn - 簡易聊天室【NestJS+Socket.io】

用過nestjs的前端小夥伴都會覺得,它是一個好用但不火的框架。不火的原因是它和springBoot風格近似,但是相比較spring的生態,nestjs還是太弱了,對於純後端人員來説確實不夠用。 但如果是單純的前端開發人員用過nestjs就會覺得比較驚豔,不僅前後端可以一把擼,且從中可以學習到後端的知識體系。 今天本文帶來前端使用Vue3 + TS,後端使用NestJS+Socket.io練手的簡

socket.io , 聊天室 , 程序員 , nestjs , 即時通訊

袋鼠雲數棧UED - 流程圖渲染方式:Canvas vs SVG

我們是袋鼠雲數棧 UED 團隊,致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神,探索前端道路,為社區積累並傳播經驗價值。 本文作者:霽明 背景 我們產品中會有一些流程圖應用,例如審批中心的審批流程圖: 我們數棧產品內的流程圖,基本都是使用的 mxGraph 實現的,mxGraph 使用了SVG來渲染圖形。 流程圖組件庫除了 mxGraph,還有其他一些流行的庫,例如:Re

canvas , 前端 , svg

前端早早聊 - 【Node 連載 3/9】如何高效開發表現層 Node.js 應用

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自預測科技的技術總監 —— 芋頭的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻):https://www.zaozao.run/video/c35 完整版高清 PPT 請添加小助手「zzleva」獲取

node.js , 前端框架 , graphql , nestjs , 前端

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

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

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

jsliang - CSS 實例系列 - 03 - Rate 愛心評分

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 今兒要實現的是:Rate 評分 本期將和小夥伴們探討: √ 通過 CSS,配合簡單的 HTML + JS 完成評分組件 本實例的代碼地址: Github - all for one 碼上掘金 - 03 - Rate 愛心評分 一 前言 本 CSS 系列文章: 主推學以致用。結合面試題和工作實例,讓小夥

css3 , css3動畫 , 前端

HeiYanjing - AST語法樹增刪改查

AST 是 Abstract Syntax Tree 的縮寫,即 “抽象語法樹”.它是以樹狀的形式表現編程語言的語法結構. webpack 打包 JS 代碼的時候,webpack 會在我們的原有代碼基礎上新增一些代碼, 例如我們可以在打包JS 代碼的時候將高級代碼轉為低級代碼,就是通過 AST 語法樹來完成的 AST在線生成地址 babel插件查看使用地址 AST生成過程由源碼-詞法分

ast , 前端