【筆記】React 國際化
React 國際化 前言 僅管市面上存在多款流行的國際化解決方案，但是筆者個人精力有限在此只記錄工作學習中遇到的解決方案（持續更新） react-i18next 方案 1. 安裝 pnpm install react-i18next i18next --save 2. 創建文件 在 src 目錄下新建 locales ，並創建 en-US.json 、zh-CN.json 和 resources
昵稱 世界盡頭守望的勇者
@前端
貢獻者508
粉絲0
貢獻者
@前端
動態 列表
SvelteKit 最新中文文檔教程（6）—— 狀態管理
前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文
昵稱 yayujs
SvelteKit 最新中文文檔教程（7）—— 構建和部署
前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文
昵稱 yayujs
前端藝術實踐：用Storybook構建交互式組件文檔
對於前端來説，組件話已經從熱門話題變成了基礎能力，自定義組件或自建組件庫已是再常見不過的事了。在實際工作中組件庫的文檔直接決定開發體驗和效率，文檔建設的重要性不言而喻。今天要推薦的工具叫Storybook，為此我特地通過用99元買的服務器搭了一套CI/CD系統部署了一套Demo，歡迎點擊體驗：Demo (首次加載速度尤為感人，請耐心等待。僅用於效果演示，希望大家別被這潦草的Demo迷惑)。組件庫的
昵稱 ASER_1989
開源免費！一個在線的數據庫實體關係繪圖工具！
大家好，我是 Java陳序員。 之前，給大家介紹過一款基於實體連接圖的數據庫設計工具。 可視化！一款基於實體連接圖的數據庫設計工具！ 今天，給大家介紹一個同款的在線數據庫實體關係繪圖工具。 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawDB —— 一個開源免費的在線數據庫圖表編輯器，通過鼠標拖拽可視化設計數據庫，並支持
昵稱 codechen8848
一體化白板！一款開源的白板工具！
在日常工作中，我們常常需要使用到白板工具，用於作圖，生成思維導圖、流程圖等來輔助工作。 今天，給大家介紹一款開源的白板工具，支持多種類型圖！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawnix —— 一款開源的、基於 React 實現的白板工具（SaaS），實現一體化白板功能，包含自由畫、思維導圖、流程圖等。 功能
昵稱 codechen8848
絕了！一款簡潔優雅的高性能個人博客系統！
大家好，我是 Java陳序員。 作為一名程序員，你是否會想搭建個人技術博客，卻被各種技術配置搞得頭大？用靜態博客系統要手動部署，用動態系統又擔心速度太慢，找圖牀、配評論、做統計還要東拼西湊各種工具？ 今天，給大家介紹一款簡潔優雅的高性能個人博客系統，開箱即用！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 VanBlog ——
昵稱 codechen8848
DHTMLX重磅發佈React Scheduler組件，強勢賦能日程管理開發！
React開發者們的呼聲，DHTMLX團隊聽到了！繼DHTMLX React Gantt圖表廣受歡迎後，DHTMLX再次帶來全新力作 ——DHTMLX React Scheduler正式發佈！ 該組件將成熟穩定的JavaScript Scheduler功能完美移植到React生態，為現代Web開發提供強大的日程排程能力，極大地提升項目開發效率與界面體驗。本文將帶您快速瞭解其核心能力與典型用法，助力
昵稱 IT開發者筆記
釦子 Coze 產品體驗功能
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：長路 認識釦子 相關鏈接 官方文檔：什麼是釦子 https://www.coze.cn/open/docs/guides/welcome 學習資源：https://www.coze.cn/open/docs/guides/learning_res
昵稱 袋鼠雲數棧前端
Node.js環境和antd初始化項目
Node.js 環境準備 為了方便切換 Node.js 版本, 在 Ubuntu 下使用 nvm 做 Node.js 的版本管理, 在 Windows 10 下使用 fnm 做 Node.js 的版本管理 Ubuntu 22.04 Node.js 環境準備 以下操作使用 Ubuntu 22.04 環境 訪問 Node.js 下載説明頁 https://nodejs.org/en/download
昵稱 Milton
實現一個 AI 編輯器 - 行內代碼生成篇
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：佳嵐 什麼是行內代碼生成？ 通過一組快捷鍵（一般為cmd + k)在選中代碼塊或者光標處喚起 Prompt 命令彈窗，並且快速的應用生成的代碼。 提示詞系統 首先是完成一個簡易的提示詞系統，不同功能對應的提示詞與提供的上下文不同， 定義不
昵稱 袋鼠雲數棧前端
【醫療行業案例】基於 React 的預約系統：DHTMLX 助力高效排班與預約管理
在醫療、酒店、美容等服務行業中，預約（Booking）與排班（Scheduling）是線上服務的兩大核心功能。它們不僅是高效時間管理的基礎，也保障了組織內部的工作流程有序運轉。預約功能幫助用户快速完成就診、住宿或服務的在線預訂；而排班功能則確保組織合理利用人力資源，平衡工作負荷。正因如此，這兩類功能在現代 Web 應用中有着廣泛的應用需求。 今天，我們為大家帶來一個全新的React 技術棧醫生預約
昵稱 IT開發者筆記
GitHub 星標太多管不過來？這款 AI 工具幫你一鍵整理、智能搜索！
大家好，我是 Java陳序員。 之前，給大家介紹過一個開源的 Github Stars 存儲庫管理器，用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備！Github Stars 存儲庫管理器！ 今天，再給大家介紹一款 Github 星標庫管理工具，與 AI 結合，實現更加強大的分類搜索功能！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機
昵稱 codechen8848
React學習筆記（一）
組件化思想 組件 組件是構建 React 應用的獨立、可複用的代碼塊。它接收輸入（稱為 props），並返回描述UI的 React 元素。 函數組件 vs 類組件 函數組件：一個接受輸入，並輸出JSX的函數。 類組件：使用class定義，並繼承React.Component的類，必須包含一個render()方法。 為什麼函數組件成為主流 1、代碼簡潔：函數組件的語法更簡單，沒有this綁定
昵稱 末雨摸魚
Angular中懶加載一個模塊並動態創建顯示該模塊下聲明的組件
環境: Angular 13.x.x angular中支持可以通過路由來懶加載某些頁面模塊已達到減少首屏尺寸, 提高首屏加載速度的目的. 但是這種通過路由的方式有時候是無法滿足需求的. 比如, 點擊一個按鈕後顯示一行工具欄, 這個工具欄組件我不希望它默認打包進main.js, 而是用户點按鈕後動態把組件加載並顯示出來. 那為什麼要動態加載呢? 如果直接在目標頁面組件引入工具欄組件, 那麼工具
昵稱 Laggage
Angular獨立組件簡單體驗
前言 Angular 14一項令人興奮的特性就是Angular的獨立組件終於來了。 在Angular 14中， 開發者可以嘗試使用獨立組件開發各種組件，但是值得注意的是Angular獨立組件的API仍然沒有穩定下，將來可能存在一些破壞性更新，所以不推薦在生產環境中使用。 如何創建一個獨立組件 對於已有的組件，我們可以在@Component()中添加standalone: true的標識，然後我們可
昵稱 大明二代
Angular SSR 探究
一般來説，普通的 Angular 應用是在 瀏覽器 中運行，在 DOM 中對頁面進行渲染，並與用户進行交互。而 Angular Universal 是在 服務端 進行渲染（Server-Side Rendering，SSR），生成靜態的應用程序網頁，然後在客户端展示，好處是可以更快地進行渲染，在提供完整的交互之前就可以為用户提供內容展示。 本文是在 Angular 14 環境中完成，有些內容對
昵稱 Jmix
Angular--父子組件生命週期鈎子(lifecycle hooks)執行過程
1.angular 組件生命週期鈎子執行過程 組件初始化過程中，生命週期鈎子執行順序： constructor()構造函數,初始化class，(constructor不屬於Angular生命週期鈎子的範疇，這裏只是説明組件組件初始化會先調用構造函數)。 ngOnChanges()--如果組件沒有輸入屬性(@Input()),或者使用時沒有提供任何輸入屬性，那麼angular不會調用它；會調
昵稱 焱雨
Angular樣式隔離(style isolation)及選擇器(:host, :host-context, ::ng-deep)的使用
1.Angular樣式隔離 Angular樣式隔離的好處最最要的一條就是CSS的可維護性。當沒有樣式隔離時，我們創建一個組件並添加樣式後，可能會影響到其他的組件樣式，而且很有可能查找不出問題所在。雖然我們可以想出辦法來避免樣式被覆蓋，但是可能會引發CSS的可維護性問題。 Angular的視圖封裝(View Encapsulation) 在Angular中，組件的樣式可以封裝在組件的宿主元素中(ho
昵稱 焱雨
Ng-Matero v15 正式發佈
前言 Angular 按照既定的發版計劃在 11 月中旬發佈了 v15 版本。推遲了一個月（幾乎每個版本都是這個節奏😳），Ng-Matero 也終於更新到了 v15。其實 Ng-Matero 本身的更新非常簡單，但是同步維護的 Material Extensions 這個庫要先於 Ng-Matero 發佈，所以大部分精力都耗費在組件庫上面了。 我已經很久沒有寫關於 Ng-Matero 的發版文
昵稱 敍帝利
Angularjs——初識AngularJS
AngularJS——初識AngularJS AngularJS是什麼 AngularJS是Google開源的一款前端JS結構化框架，它通過對前端開發進行分層，極好地規範了前端開發的風格——它將前端開發分為Controller層、Service層、DAO層和Model層。其中，Model對象與HTML頁面（視圖）上HTML元素進行雙向綁定，開發者可通過Controller調用Service、DAO
昵稱 大雄的叮噹貓
Angularjs的重要概念
AngularJS的重要概念 MVC模式 AngularJS最早按照MVC模式設計，在這種設計模式下，AngularJS組件可以分為： M: Model，即模型，是應用程序中用於處理應用程序數據邏輯的部分，在AngularJS中: 即作用域對象(當前為$rootScope), 它可以包含一些屬性或方法； 充當儲存數據的容器； 提供操作數據的方法。 V: View
昵稱 大雄的叮噹貓
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=
昵稱 大雄的叮噹貓