收藏 / 列表

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

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

react , 前端

Python最棒 - 別再亂選!2025年六大優質CRM品牌推薦

客户關係管理(CRM)系統已經成為企業提升競爭力的核心工具,然而面對市場上琳琅滿目的CRM產品,許多企業在選擇時常常感到困惑:功能太多不知如何取捨,價格差異大不知是否物有所值,實施難度不明確擔心投入打水漂。作為深耕CRM領域多年的從業者,我將為您深度解析2025年六大優質CRM品牌,幫助您找到最適合企業發展的那一款。 一、為什麼CRM選擇如此重要? 在展開品牌推薦之前,我們需要明確一個事實:CRM

vue.js , chrome-devtools

wszgrcy - 初始化項目像搭積木一樣?你可使用Code Recycle的模板功能

一般情況下,我們初始化新項目的時候,往往都是通過現有文件,製作一個模板(倉庫使用) 但是有時候一個相同的功能(模塊)更新無法同步更新到所有的文件模板上,我們需要在生成後繼續進行細節調整 這時候你可以嘗試下使用Code Recycle的模塊功能 Code Recycle所具有的模板功能 支持交互.你可以在調用時輸入字符串來修改文件中一些變量;你可以選擇選項控制內容是否生成

vscode插件 , 代碼生成 , 腳手架 , 模板

若川 - Taro 源碼揭秘:8. Taro 是如何使用 webpack 打包構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-07),目前最新是 4.0.7,

react , 小程序 , webpack , 前端 , Javascript

極限實驗室 - Easysearch 時序數據的基於時間範圍的合併策略

如果你正在使用 Easysearch 處理日誌、監控指標、事件流或其他任何具有時間順序的數據,那麼你一定知道索引的性能和效率至關重要。Easysearch 底層的 Lucene Segment 合併是保持搜索和索引性能的關鍵後台任務。然而,你是否意識到,默認的合併策略可能並不是處理時序數據的最佳選擇? 今天,我們就來介紹 Easysearch 1.12.1 版本起引入的一個重要優化:基於時間範圍的

performance , merge , 數據庫

歐雷 - 控件即是塊編輯器的「塊」

近期時不時地會想「反混沌前端工程」當前比較重要且優先的兩塊事情:控件(UI 組件)體系 Petals 和通用塊編輯器。 大部分人不會認為這兩者之間有什麼聯繫,然而在我眼中關係可大了去了——它們的「本質」可以近似看作是一個東西。 控件可以認為是當下 GUI 開發的重要基礎設施和基本單元,而在塊編輯器體系中則是「塊」,理論上「塊」就是控件,是被注入特殊狀態的控件——好比一個被施了法術的人成為提線木偶一

組件設計 , 塊元素 , 前端工程 , 前端架構 , 組件化

karuru - React服務端渲染之路07——添加CSS樣式

所有源代碼、文檔和圖片都在 github 的倉庫裏,點擊進入倉庫 相關閲讀 React服務端渲染之路01——項目基礎架構搭建 React服務端渲染之路02——最簡單的服務端渲染 React服務端渲染之路03——路由 React服務端渲染之路04——redux-01 React服務端渲染之路05——redux-02 React服務端渲染之路06——優化 React服務端渲染之路07—

react-dom , react , react-router4 , webpack , Css

京東雲開發者 - 前端部署新方案-技術篇(總體架構設計)

作者:京東科技 王光輝 1. 全流程自動化 打通 ​Jen/行雲/京東雲OSS/零售雲OSS/NP/CDN/R2M/JimDB/科技容器/零售容器/域名解析/鏡像適配​/測試站發佈等全鏈路 實現資源免維護部署,提升部署效率 2. 高可用架構 支持高併發訪問,具備主備容災機制 系統穩定性與可維護性全面提升 3. 精細化部署策略 新增前端灰度發佈能力 支持按業務需求靈活選擇部署模

編輯器 , 程序員

點墨 - node-winreg 中文亂碼問題分析與解決

問題描述 在使用 node-winreg 庫操作 Windows 註冊表時,發現存取中文字符存在亂碼問題: 寫入註冊表的中文內容顯示正常 從註冊表讀取中文內容時出現亂碼 winreg的版本如下: 問題根源分析 通過源碼分析,發現問題出現在字符編碼的處理環節: 寫入過程:node-winreg 底層使用 spawn 執行 reg 命令,在 Windows 命令行環境中默認使用 G

node.js , registry , 前端

起風了 - React setState、useState同步?異步?

React setState、useState到底是同步的,還是異步的? setState語法 用法1: this.setState({ // 數據更新 }) 用法2: this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1: const [n

react , 同步 , 異步 , 前端

Noam Rosenthal - What Web Frameworks Solve And How To Do Without Them (Part 1)

I have recently become very interested in comparing frameworks to vanilla JavaScript. It started after some frustration I had using React in some of my freelance projects, and with my recent, more i

react , Frameworks , Javascript

卡頌 - useState與useReducer性能居然有區別?

大家好,我卡頌。 稍微深入瞭解過useState的同學都知道 —— useState其實是預置了reducer的useReducer。具體來講,他預置的reducer實現如下: function basicStateReducer(state, action) { // $FlowFixMe: Flow doesn't like mixed types return typeof acti

react , hooks , 前端 , Javascript

ohoherror - async/await實現原理

async/await是ES2017帶來的異步編程語法糖,實現了讓異步代碼看起來像同步代碼的效果。 async/await 的本質是基於Promise,它並不是一種新的異步處理方式,而是Promise 的一種新的語法封裝升級。 下面是 async/await 的實現原理: async 函數本質上是一個 Generator 函數,返回一個 Promise 對象。 await 表達式本質上是一個 Pr

es7 , async , 前端

Jhey Tompkins - What If Our Sliders Actually Slid?

One of my main mantras is using “Creative Coding” to level up your skills. It’s one of the main reasons I have gotten to where I am. But when so much of the web is very “set in its way”, it takes a

Techniques , coding , HTML

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

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

canvas , 前端 , svg

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具,旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目,並完成了開發,現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中,通過以下命令構建項目: npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript

codechen8848 - GitHub 星標太多管不過來?這款 AI 工具幫你一鍵整理、智能搜索!

大家好,我是 Java陳序員。 之前,給大家介紹過一個開源的 Github Stars 存儲庫管理器,用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備!Github Stars 存儲庫管理器! 今天,再給大家介紹一款 Github 星標庫管理工具,與 AI 結合,實現更加強大的分類搜索功能! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機

react , 前端

assassin_cike - SVG 瞭解下

1. SVG中後面的元素會覆蓋前面的元素 svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" !-- 第一層:紅色矩形 -- rect x="10" y="10" width="100" height="100" fill="red" / !-- 第二層:藍色矩形 -- rect x="50

svg

Juan Diego Rodríguez - What Are CSS Container Style Queries Good For?

We’ve relied on media queries for a long time in the responsive world of CSS but they have their share of limitations and have shifted focus more towards accessibility than responsiveness alone. Thi

Techniques , Tools , Css

風不識途 - 基於React全家桶開發「網易雲音樂PC」項目實戰(四)

前言 前言 hello大家好我是「風不識途」,如果首次閲讀本系列請點擊,正在學習React的小夥伴可以克隆該項目,參考學習,嘗試做一些小功能,下面我們開始完成本系列最重要的音樂播放器列表▶需要完成內容如下↓; 項目預覽和源碼 在線預覽地址👉:點我跳轉到雲音樂 項目Gihub地址👉:Musci 163 (如果覺得項目還不錯的話 👏,就給個 star ⭐ 鼓勵一下吧~)

react , 項目實戰 , redux , immutable-js , 前端

水冗水孚 - 51個css動畫效果,持續更新中...

使用方式 看名稱樣式效果圖,有沒有和自己想要的效果類似的 有的話,複製粘貼代碼使用,也可以自己修改一下 css效果並不是特別難,只是有時候我們可能想不到 筆者空閒時間,會繼續更新的哦,點贊關注不迷路**^_^** 代碼github倉庫:https://github.com/shuirongshuifu/interestingCSS 1\_鼠標懸浮文字陰影跳動 2\_鼠標懸浮文字底部出

animation , Css , HTML

浪遏飛舟 - 字符編碼-ASCII,Unicode 、 UTF-8、UTF-16、UTF-32

ASCII 碼 我們知道,計算機內部,所有信息最終都是一個二進制值。每一個二進制位(bit)有0和1兩種狀態,因此八個二進制位就可以組合出256種狀態,這被稱為一個字節(byte)。也就是説,一個字節一共可以用來表示256種不同的狀態,每一個狀態對應一個符號,就是256個符號,從00000000到11111111。 上個世紀60年代,美國製定了一套字符編碼,對英語字符與二進制位之間的關係,做了統一

ascii , utf-16 , utf-8 , 字符編碼 , unicode

superZidan - 在 React Router 中使用 JWT

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊 在React Router 中使用 JWT ,如果大家遇到任何問題,歡迎 聯繫我 或者直接微信添加 superZidan41 在這篇文章中,我們將探討 JWT 身份校驗與 React 和 React-router 的無縫集成。 我們還將學習如何處理公共路由、受校驗保護路由,以及如何利用 axios 庫通過身份驗證令牌(token

react , react-context , react-router , Javascript , Jwt

一顆冰淇淋 - 命令行應用開發初學者指南:腳手架篇、UI 庫和交互工具

在日常的前端開發工作中,我們經常依賴各種命令行工具來提高效率和代碼質量。例如,create-react-app 和 eslint 等工具不僅簡化了項目的初始化過程,還能自動執行代碼檢查和格式化任務。當我們使用這些工具時,它們通常會通過一系列互動式的問答來收集必要的信息,從而根據我們的選擇進行相應的配置和安裝。 以 eslint 工具為例(如下圖所示),當你首次運行 eslint --init 命令

node.js , 前端工程化 , commonjs , 前端 , Javascript