收藏 / 列表

huobaodejianpan 頭像

火爆的鍵盤 - HTTP 請求優化指南：Axios 和 Fetch 的比較

在前端開發中，處理 HTTP 請求是一個常見且重要的任務。JavaScript 提供了多種方式來發送網絡請求，其中最受歡迎的兩種方式分別就是 Fetch API 和 Axios。儘管兩者都能完成同樣的任務，即從客户端向服務器發送請求並接收響應，但它們在使用方式、功能及靈活性方面各有千秋，下面我們簡單瞭解下。 1. 基礎介紹 Fetch API Fetch API 是現代瀏覽器內置的一個標準 Jav

HTTP , fetch , Axios , 前端 , Javascript

liuyuedekele 頭像

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

qinyuanqiblog 頭像

qinyuanqiblog - angularjs 學習筆記

angularjs官網 Awesome AngularJS angularjs菜鳥學院 angular 中文網 angular新手經常會碰到的坑 angularjs核心功能介紹 所有的東西都是綁在module上面的 angular .module('app', []) // module .factory() //

angularjs , 前端

sovitjs 頭像

可視化PaaS開發 - 智慧工業園可視化生產風險管控系統

建設背景 隨着經濟飛速發展和產業創新升級，作為新經濟形式的重要載體，工業園區污染嚴重、安全生產難以監管等問題日益突出。工業園區作為工業高質量發展的重要載體和平台，工廠聚集，安全生產風險集中，在這個背景下，建設智慧工業園區已經成為了許多企業和政府的共同選擇。 總體架構 工業園區智能化管控平台應按照工業互聯網平台架構進行設計，建立統一的標準規範體系和安全運維保障體系，保證系統平台的規範、安全和穩定運行

工業互聯網 , 物聯網 , 前端設計 , 可視化 , html5

dewujishu 頭像

得物技術 - 從零實現模塊級代碼影響面分析方案｜得物技術

一、名詞解釋 代碼影響面（Code Impact Analysis） 是指在代碼變更後，分析這些變更對系統中其他部分的影響範圍。它幫助開發團隊理解代碼修改的潛在影響，從而減少意外問題並提高代碼質量。 模塊級 是指以模塊（Module）為單位的代碼組織、分析和管理的粒度。模塊是代碼的基本單元，通常包含一組相關的功能，可以是 JavaScript 文件、UI 組件、頁面或其他功能單元。 二、背景 價

code , 模塊化

ruochuan12 頭像

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

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

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

bianchengsanmei 頭像

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現，把一系列流程用代碼去實現，讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力，解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗，已經成為目前最流行，社區最活躍的構建工具，是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏，各種框架和工具層出不窮，比如 React、Vue、Angular 等，極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

xixindehongjiu 頭像

細心的紅酒 - SSL雙向認證

SSL雙向認證：不止是服務器亮明身份，更是客户端的“實名制”通行證 在互聯網安全領域，SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站，使用的都是單向認證——瀏覽器驗證服務器的身份，確保你連接的是真正的銀行或電商網站，而非釣魚網站。但在一系列對安全要求極高的場景中，一種更嚴格、更安全的機制被廣泛應用：SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、

後端 , 前端

tanking 頭像

TANKING - PHP輕量級高性能HTTP服務框架 - webman

摘要 webman 是一款基於 workerman 開發的高性能 HTTP 服務框架。webman 用於替代傳統的 php-fpm 架構，提供超高性能可擴展的 HTTP 服務。你可以用 webman 開發網站，也可以開發 HTTP 接口或者微服務。 除此之外，webman 還支持自定義進程，可以做 workerman 能做的任何事情，例如 websocket 服務、物聯網、遊戲、TCP 服務、UD

php , php-fpm , webman , php框架 , 後端

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋，這些註釋對瀏覽器是不可見的，因此不會影響頁面的顯示。註釋標籤的語法非常簡單，以!--開始，以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分，或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋，它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒：

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.1.0 版本，支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 關於前端壓縮字體的方法

我在編寫一個撰寫日常的網站，需要用到自定義字體，在網上找到一ttf的字體，發現體積很大，需要進行壓縮 如何壓縮 目前我們的字體是.ttf字體，其實我們需要把字體轉換成.woff字體 WOFF本質上是包含了基於SFNT的字體（如TrueType、OpenType或其他開放字體格式），且這些字體均經過WOFF的編碼工具壓縮，以便嵌入網頁中。[[3]](https://zh.wikipedia.org/

字體 , 壓縮工具 , Javascript

zxl20070701 頭像

zxl20070701 - React 相關插件之 Redux 基本使用入門

引入和定義 首先，你需要創建Store實例並暴露出來： // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo

react , redux , 前端

codechen8848 頭像

codechen8848 - 一體化白板！一款開源的白板工具！

在日常工作中，我們常常需要使用到白板工具，用於作圖，生成思維導圖、流程圖等來輔助工作。 今天，給大家介紹一款開源的白板工具，支持多種類型圖！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawnix —— 一款開源的、基於 React 實現的白板工具（SaaS），實現一體化白板功能，包含自由畫、思維導圖、流程圖等。 功能

react , 前端

aipaobudefanqie 頭像

愛跑步的番茄 - 如何進行 API 提取：從原理到實踐的完整指南

在數據驅動的時代，API（應用程序接口）已經成為信息交互的核心通道。無論是進行數據採集、自動化分析，還是搭建業務系統，API提取（API Extraction） 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇，以及如何藉助代理服務突破訪問限制，實現更高效的數據獲取。 一、什麼是 API 提取？ API 提取是指通過調用公開或私有接口，從目標網站或服務中自動獲取

go , 前端 , Python

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 基於P2P技術的智能分發方案如何重塑高性能家庭影院體驗

在當前的家庭娛樂場景中，用户對視頻體驗的期待已從基本的“可觀看”全面提升為“高畫質、無卡頓、即時響應”。隨着高清、藍光、4K/8K內容的普及，傳統CDN分發模式在成本控制與傳輸效率方面均面臨顯著壓力。 一種結合P2P分發與邊下邊播技術的系統，正逐漸被應用於家庭影院與智能點播平台。該系統實現了跨平台、低延遲的內容傳輸，支持從雲端到終端的高效數據流轉，為流暢播放提供了新的技術路徑。 一、行業背景：從

p2p , 資訊 , 服務器 , 後端 , 前端

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - Flex 佈局實戰指南：從踩坑到精通，解決 90% 佈局難題

前言：你是否也被這些 Flex 問題折磨過？ “為什麼我用justify-content: center卻無法垂直居中？” “align-items和align-content到底什麼時候生效？” “設置了width: 200px，加了flex:1後怎麼沒用了？” 作為前端開發最常用的佈局方案，Flex（彈性佈局）以 “靈活” 著稱，但這份靈活也讓很多開發者陷入 “混亂”—— 核心原因是沒吃透 “

css3 , Css , 前端

minnanitkong 頭像

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - AntV G6 基礎元素詳解（React版）

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎，適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫，G6 提供完整的佈局算法 和交互體系 ，開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽： 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點（Nodes）完

數據可視化 , 前端 , Javascript

jueqiangdeqianbi 頭像

倔強的鉛筆 - API 測試什麼意思？Apifox 如何進行 API 測試？

​​ 在互聯網時代，API 已成為各類軟件系統之間進行交互的重要方式，所以如何進行高質量的 API 測試顯得尤為重要。在本文，我們將從 API 測試的概念、重要性開始，詳細介紹 API 測試的各種類型，介紹 API 測試各個階段的具體操作流程，探討最合適開發使用的 API 測試工具，幫助大家更好地設計和測試 API，從而提高系統質量。 API 測試是什麼意思？ API（Application Pr

API , 測試 , postman , 自動化測試 , 接口