收藏 / 列表

yayujs 頭像

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

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

react , 前端

zohocrm 頭像

Python最棒 - 客户管理系統大概多少錢「6款主流客户管理系統報價盤點」

客户關係管理（CRM）系統已成為企業提升銷售效率、優化客户服務的核心工具。然而，面對市場上琳琅滿目的CRM產品，價格差異巨大，企業往往陷入選擇困境。本文將為您詳細解析6款主流客户管理系統的報價情況，幫助您找到最適合的解決方案。 一、CRM系統價格影響因素 在深入瞭解具體產品價格之前，我們需要理解影響CRM系統定價的關鍵因素： 功能複雜度：基礎版本通常包含聯繫人管理、銷售漏斗、基本報表等核心功能，而

數據庫 , Json

wszgrcy 頭像

wszgrcy - 使用任意 git 倉庫初始化項目 - `Code Recycle`

為了方便開發,一般初始化項目時都會使用 git 上的模板倉庫 想了解某個項目的功能時,可能會去運行這個倉庫下的某個實例 或者倉庫下某個文件夾內提供了一些文件模板用來限定一些模塊的初始化 上面三種場景,我們都需要拉取倉庫,但是有時候只需要拉取倉庫的一部分,這時候不妨使用Code Recycle,通過幾行配置進行自定義拉取 全部拉取 changeList: - type: copy

github , vscode-extensions , cli , template-engine , Git

ruochuan12 頭像

若川 - Taro 源碼揭秘：9. Taro 是如何生成 webpack 配置進行構建小程序的？

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

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

infinilabs 頭像

極限實驗室 - Console 納管 Elasticsearch 9（二）：日誌監控

前面介紹過 INFINI Console 納管 Elasticsearch 9（一），進行指標監控、數據管理、DSL 語句執行，但日誌監控功能需要結合 Agent 才能使用。現在來實現一下： Agent 需要和 ES 部署到同一機器上，這裏是在我本地電腦上進行安裝。 安裝 Elastisearch curl -O https://artifacts.elastic.co/downloads/ela

console , elasticsearch

ntksol 頭像

歐雷 - 前端鏟💩日記 #2：易被忽略的「domain」

若看了上篇筆記，眼尖的鐵汁們應該發現，最終的重構成果並未出現目錄結構調整方案提到的 domain 文件夾。 這是因為領域建模是個相對較難且需要長期去做的事情，所以我們不急，慢慢來，要用心地思考與處理——從本篇筆記開始就會涉及到相關內容啦！ 在進行實際的鏟💩演練之前，這篇筆記先來講解下 domain 文件夾的重要性，請各位鐵汁搬來小板凳坐坐好，用小拇指清理下👂🏼聽我説—— 在我所設計的「模塊化

react , 前端架構 , 前端優化 , next.js , 重構

karuru 頭像

karuru - React服務端渲染之路09——SEO優化

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

react , react-router4 , react-router-redux , Javascript

jdcdevloper 頭像

京東雲開發者 - 給 Web 前端工程師看的用 Rust 開發 wasm 組件實戰 | 京東雲技術團隊

什麼是wasm組件？ wasm 全稱 WebAssembly，是通過虛擬機的方式，可以在服務端、客户端如瀏覽器等環境執行的二進制程序。他有速度快、效率高、可移植的特點。 對我們 Web 前端工程最大的好處就是可以在瀏覽器端使用二進制程序處理一些計算量大的處理，使用他比 javascript 快的特點優化性能。 目前瀏覽器對wasm的兼容性如下： 在移動端除了 android 4.4 和 ios

rust , webassembly , HTML , 前端 , Javascript

chencaize 頭像

點墨 - antd的選擇框如何增加tab選中

antd的選擇框默認是不允許tab選中的，如果有這種需求，那麼需要修改源碼。 經過分析，antd的選擇框使用的是rc-select，將node_modules裏的rc-select/lib/OptionList.js和rc-select/es/OptionList.js裏增加Tab即可。（注意：每次npm install，rc-select都會變動，需要重新覆蓋，如果更新了antd版本，需要

react , select

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

noam-rosenthal 頭像

Noam Rosenthal - Testable Frontend: The Good, The Bad And The Flaky

I often come across front-end developers, managers, and teams facing a repeating and legitimately difficult dilemma: how to organize their testing between unit, integration, and E2E testing and how

react , API , Tools , Apps , testing , ui

kasong 頭像

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

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

react , hooks , 前端 , Javascript

gkymfrg1 頭像

ohoherror - 數組倒序有哪些方法

倒序排列數組的方法如下： 使用reverse()方法： const arr = [1, 2, 3, 4, 5]; const reversedArr = arr.reverse(); console.log(reversedArr); //[5, 4, 3, 2, 1] 使用for循環和unshift()方法： const arr = [1, 2, 3, 4, 5]; const re

數組 , 前端 , Javascript

jhey-tompkins 頭像

Jhey Tompkins - A Guide To Audio Visualization With JavaScript And GSAP (Part 1)

A while back I got approached by friend Kent C. Dodds to help out with his site rebuild. Besides adding a little whimsy here and there, there was one part, in particular, Kent wanted a hand with. An

react , Techniques , coding , Javascript

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 你應該瞭解的hooks式接口編程 - useSWR

什麼是 useSWR ? 聽名字我們都知道是一個 React 的 hooks，SWR 是stale-while-revalidate的縮寫, stale 的意思是陳舊的, revalidate 的意思是重新驗證/使重新生效, 合起來的意識可以理解成 在重新驗證的過程中先使用陳舊的，在http 請求中意味着先使用已過期的數據緩存，同時請求新的數據去刷新緩存。 這在 http 請求中Cache-Con

react , hooks , 前端

carloslab 頭像

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

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

react , 全棧 , vite , 前端 , Javascript

codechen8848 頭像

codechen8848 - 再見 Postman！一款開源免費的全能 API 客户端工具！

大家好，我是 Java陳序員。 在日常開發工作中，常常需要進行 API 接口調試，通常是藉助 Postman 進行調試或者接口管理。 但是基於 Electron 框架開發的 Postman，啓動速度較慢，且運行時會佔用較多內存和 CPU 資源。而且依賴雲同步功能，用户的接口集合、密鑰、Token 等敏感信息可能存儲在第三方服務器，存在數據泄露風險。此外，一些高級功能，還需要進行付費。 今天，給大家

後端

assassin 頭像

assassin_cike - ES5 繼承

首先要明白兩點： 一、非方法屬性每個子類實例需要獨立 二、方法屬性每個子類實例需要共享 為什麼？ 如果非方法屬性為引用類型，且非方法屬性共享，在一個實例中改變，其他實例中就會做出改變，這樣每個實例就會相互影響，而方法屬性一般是不需要進行改變的，只是對方法調用。 方法跟屬性分別可以定義在構造函數內部跟prototype上。 繼承的目的是子類繼承父類的方法跟屬性,換句話説一些類

繼承 , es5 , Javascript

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - Beyond CSS Media Queries

Media queries have been around almost as long as CSS itself — and with no flex, no grid, no responsive units, and no math functions, media queries were the most pragmatic choice available to make a

Techniques , Responsive Design , Css

tudou_5e2d76940fbaa 頭像

風不識途 - 一文總結redux、react-redux、redux-saga

redux、react-redux、redux-saga總結 前言 hello大家好，我是風不識途，最近一直在整理redux系列文章，發現對於初學者不太友好，關係錯綜複雜，難倒是不太難，就是比較複雜 (其實寫比較少)，所以這篇帶你全面瞭解redux、react-redux、redux-thunk還有redux-sage，immutable(多圖預警)，由於知識點比較多，建議先收藏(收藏等於學

react , redux-saga , redux , immutable-js , 前端

shuirongshui 頭像

水冗水孚 - 效能工具（八）之vite開發或生產環境下的命令行變量傳參（比如啓動項目時多視圖選擇其一）

需求描述 前段時間有這樣的一個需求： 筆者有一個項目，在啓動或者打包的時候 需要根據一些實際情況，去選擇展示那個視圖 就是我們在項目啓動或者打包的時候，需要注入一個全局變量（保存在.env.development或.env.production文件中）通過命令行npm run dev的方式 一般來説，vue-router就可以實現這個需求 但是，某些情況下，這個需求不太適合用vue-

node.js , vite , vue3

tosmile 頭像

浪遏飛舟 - 如何定位內存溢出導致頁面崩潰問題

問題現象 在實際項目開發中，我們常常會遇到類似如下頁面崩潰的問題，導致瀏覽器頁面崩潰的原因一般都是JS Heap堆內存溢出，但此類問題一般控制枱都不會報錯，所以其定位問題的經驗和手段很關鍵，下文是我在實際項目中遇到問題的總結。 問題定位 首先，説一下項目技術棧背景，是採用React+Mobx+single-react-spa搭建的一個微前端中後台應用。當初始化加載完頁面，點擊”刪除“觸發事件後頁

performance , heap , 死循環 , 崩潰分析 , 內存溢出

zzd41 頭像

superZidan - 詳解 React 中的閉包問題

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 中的閉包 這個話題，如果大家遇到任何問題，歡迎 聯繫我 JavaScript 中的閉包一定是最可怕的特性之一。 即使是無所不知的 ChatGPT 也會告訴你這一點。 它也可能是最隱秘的語言概念之一。 每次編寫任何 React 代碼時，我們都會用到它，大多數時候我們甚至沒有意識到。 但最終還是無法擺脱它們：如果我們想編

react , hooks , 閉包 , Javascript

icecreamlj 頭像

一顆冰淇淋 - webpack dev server 與 hot module replace 提高開發效率

通過 webpack 命令編譯源代碼時，如果我們對源代碼進行了修改，需要重新執行命令才能看到編譯後的效果。 這樣在開發中非常的影響效率，如果存在一種方式，當文件被修改時，webpack 自動監聽重新編譯，並反饋給開發者，這樣就能更高效的進行開發。 watch 我們通過 webpack 執行命令時，編譯完成之後進程會停止，而 webpack --watch 編譯完成後，不會停止進程，並且當文件內容發

webpack-dev-server , webpack , 前端 , Javascript