tag 前端構建

標籤
貢獻17
65
03:09 AM · Nov 05 ,2025
segmentfault 頭像 cipchk 頭像 jeecg 頭像 daguaisou 頭像 amap_tech 頭像 yangxiansheng_5a1b9b93a3a44 頭像 daqianduan 頭像 alisecued 頭像 bianchengsanmei 頭像 golgif 頭像 vleedesigntheory 頭像 dewujishu 頭像

@前端構建 / 博客 RSS 訂閱

bianchengsanmei 頭像

編程三昧 - Webpack 簡介

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

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

收藏 評論

jianqiangdepaobuxie 頭像

Zoho低代碼開發 - 前端領域有哪些好用的可視化開發工具？三類工具全面解析

在當今數字化時代，數據可視化已成為前端開發不可或缺的重要組成部分。優秀的可視化工具不僅能幫助開發者高效呈現複雜數據，更能提升用户體驗，增強數據洞察力。本文將為您全面盤點前端領域最優秀的可視化開發工具，詳細介紹這些工具如何幫助企業輕鬆實現數據可視化與業務自動化。 一、前端可視化工具的核心價值 數據可視化是將抽象數據轉化為直觀圖形呈現的過程，它通過視覺元素如圖表、圖形和地圖，幫助人們更容易理解

軟件開發 , 低代碼 , 前端構建 , 低代碼開發平台 , 前端

收藏 評論

xingxingshangdelizhi 頭像

帥崽 - 升級https！國產SSL

將網站從HTTP升級到HTTPS是一個提高網站安全性和用户信任度的重要步驟，可以通過選擇受信任的免費SSL證書頒發機構如JoySSL，按照一定的步驟進行操作。以下是詳細的升級過程： 1.註冊機構 打開JoySSL官方網站註冊時填寫註冊碼230922獲取免費https證書 免費升級https方案——申請入口：https://www.joyssl.com/certificate/select/free

ssl證書 , 網絡安全 , 運維 , HTTPS , 前端構建

收藏 評論

jcguanqi 頭像

MarkGuan - 基於vue3+ts5+vue-router4+pinia2的PC端項目搭建教程

導語：在日常開發中，有時候會在項目中引入 ts 來解決一些 js 的問題，下面就簡單介紹一下如何使用 vue3+ts+router+pinia 來搭建一個項目。 目錄 簡介 創建 安裝 配置 實戰 簡介 vue3 目前是常用的 vue 版本，提供了組合式 API 以及一些新的功能和特性；ts 這種類型編程語言可以在編譯時通過靜態分析檢測出很多常見錯誤，減少了生產環境中的運行時錯誤，改

前端構建 , vue-router4 , vuejs3 , typescript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 前端開發之函數式編程實踐 | 京東雲技術團隊

作者：京東科技牛志偉 函數式編程簡介 常見應用場景 1、ES6中的map、filter、reduce等函數 [1,2,3,4,5].map(x = x * 2).filter(x = x 5).reduce((p,n) = p + n); 2、React類組件 - 函數式組件+hooks、Vue3中的組合式API 3、RxJS、Lodash和Ramda等JS庫 4、中間件/插件，如Redux中的

編程 , 函數式編程 , 前端構建 , 前端

收藏 評論

neo_63ef7657efb81 頭像

Neo - 通過引入eslint-config包的方式一站式解決項目代碼風格和規範

背景 大家好，我是前端老六。今天想提及一下項目代碼規範這一塊，平時我們在搭建一個前端項目的時候，項目代碼規範是我們要考慮的，在如今多人開發一個項目的時候那更是不能疏忽。對於前端來説呢，我們常用的就是eslint+prettier，兩者集成的方式，eslint負責監測我們的語法錯誤，而prettier對我們的代碼風格進行規範。 ESlint ESLint 是一個開源的 JavaScript 代碼檢

前端構建 , eslint , prettier

收藏 評論

dewujishu 頭像

得物技術 - 得物前端喚端業務場景和技術精講

前言 當你在刷朋友圈時突然看到一個潮鞋廣告，正是你非常喜歡、一直想買的那款而且價格美麗，於是你興奮地點擊廣告直接打開了購物App，並且直接進入剛剛看到的潮鞋詳情頁，你只需要直接點擊購買就能得到這雙你期待已久潮鞋，這流程如絲般順滑！ 你正在瘋狂追的愛豆在微博發了一款聯名潮玩內容，還是獨家發售，貼文中就有網頁鏈接，你點擊後直接打開購物平台進入了與愛豆聯名同款的潮玩詳情頁，迫不及待的下單擁有一款時尚的潮

業務 , 前端框架 , 場景 , 前端構建 , 前端

收藏 評論

vleedesigntheory 頭像

維李設論 - 從2021看2022前端發展趨勢

本文參與了 SegmentFault 思否徵文「2021 總結」，歡迎正在閲讀的你也加入。 前言 又到了年底，回顧一下整個2021年的前端歷程，總體來説前端趨向到了一個比較穩定的發展階段，雖然仍然有許多層出不窮的庫及輪子，但整體來看其實今年最突出的前端發展其實可以概括為以下幾個關鍵詞，即：工程基建、低代碼、多語言、雲+邊+端。從不同大廠對整個前端的劃分視角來看，整體可以分為兩大類，一類是聚焦化，比

大前端 , 前端工程化 , 前端框架 , 前端構建 , 前端

收藏 評論

golgif 頭像

arzyu - 使用 airpack 讓多個項目共享 webpack 配置

airpack 是一個 webpack-cli 的包裝器。旨在讓你更優雅的使用 webpack。 airpack 在 node 加載 webpack-cli 模塊時，給 webpack-cli 打上功能增強補丁。這個補丁讓 webpack-cli 能按一定的優先級順序自動從多個位置（項目依賴、項目目錄、命令行參數）讀取 webpack 配置，然後用更合適的方式合併這些 webpack 配置。 使用

前端構建 , webpack

收藏 評論

segmentfault 頭像

SegmentFault思否 - SegmentFault 技術週刊 Vol.29 - 聽説前端又出新工具了？驚不驚喜？

在前端刀耕火種的年代，佈局用 table 標籤，CSS 樣式大量內聯；校驗 JS代碼是否規範，需要複製代碼到 jshint（相信很多 “前輩” 對此都不陌生）；壓縮合並代碼，也是通過壓縮工具壓縮完再複製到一個文件裏；修改了代碼要查看效果，必須手動刷新瀏覽器；代碼寫好了要發佈到服務器，需要用 FTP 軟件上傳，等等等等。 其實嚴格來説，那個時候還沒有前端開發這個職位，那個時候叫切圖仔或者頁面仔，隸

前端工程化 , 前端構建 , 前端工具 , segmentfault-技術週刊

收藏 評論

alisecued 頭像

ES2049 - 從 Bundleless 看前端構建

前言 Bundle or Bundleless？自 2015 年 ESM 標準發佈後，路線之爭就開始逐步升温。轉眼間，時間已來到 2021 年。如果白酒的車你錯過了，那麼不妨看看 Bundleless，或許它就是前端圈的下一位「茅台」。 前端構建當下的問題 不得不説，曾經把自己定位為「打包器」的 Webpack，如今已形成強大的構建生態，儼然一統江湖。但前端構建的道路還遠沒有走到最後。隨着業務的發

前端構建 , 前端

收藏 評論

daqianduan 頭像

前端一鍋煮 - 前後端命名最佳實踐

命名規範 最佳實踐 命名是個困擾了我很久的問題，各種方式都試過，現在總結固化一下作為一個大結論。 原則：優先考慮小寫、下劃線，不用中劃線。 1. 文件夾 小寫 下劃線 2. 文件名 小寫 下劃線 3. 樣式名 小寫 下劃線 4. 類名 首字母大寫 駝峯 5. 函數名 駝峯 6. 變量名 駝峯 7. 常量名 全大寫 下劃線 8. 數據庫名 小寫 下劃線 9. 數據庫表 小寫 下劃線 10. 字段名

命名規範 , 前端構建 , 後端

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - Vue項目打包完後如何自動上傳至服務器

寫在開頭 我先説下一下，為啥要寫這個，由於之前在寫不見面開標5.0系統，修改完bug後，然後前端通過npm run build打包後生成文件，然後在通過FTP工具上傳至服務器，整個過程，我還需要手動拷貝到服務器，如果一天打包好幾次，就要手動拷貝好幾次，非常繁瑣 前端部署項目方案 前端部署 通過npm run build，構建前端靜態資源文件 只需上傳構建後的資源文件，然後上傳至服務器指

前端構建 , vue.jswebpackvuegridlayout , webpack

收藏 評論

amap_tech 頭像

高德技術 - 高德前端這五年：動態化技術的研發歷程和全面落地實踐

前言 2015年-2020年，歷經5年發展，高德地圖應用開發前端團隊在業務快速發展中不斷成長。一路走來，從小團隊主要負責短期運營活動開發的散兵遊勇，到現在團隊規模100人+，覆蓋高德5大業務線，上百個模塊的堅甲利兵。本文將分享隨着業務快速增長高德前端的技術發展歷程，總結動態化技術的落地實踐，以及高德前端未來的發展方向。 高德（應用開發）前端技術的發展按照時間線來看，大致可以分為 4 個階段：

高德地圖 , 前端工程化 , 前端構建 , 前端

收藏 評論

daguaisou 頭像

Jerry - 【工程化】前端工程構建工具gulp篇

gulp ,基於 NodeJS 的項目，自動化構建的工具增強你的工作流程！ 一、工作原理 前端構建工具，gulp是基於Nodejs，自動化地完成 javascript、coffee、sass、less、html/image、css 等文件的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟。 借鑑了Unix操作系統的管道（pipe）思想，前一級

gulp , 前端工程化 , 前端構建 , 前端

收藏 評論

jeecg 頭像

JEECG低代碼平台 - AI 開發工具助力程序員突破 “35 歲魔咒”，職場壽命延長 5~10 年

隨着人工智能（AI）技術的不斷突破，程序員的工作方式正在經歷一場深刻變革。過去，程序員往往需要掌握大量底層語法和手寫複雜代碼，面對不斷更新的技術棧壓力山大。如今，藉助 AI 輔助開發工具，我們的工作效率和代碼質量都得到了顯著提升。最近，我開始使用一款名為 Cursor 的 AI 前端代碼生成工具，體驗非常棒。它不僅幫我快速生成基礎代碼，還極大提升了代碼質量和開發效率。 未來，程序員更多地只需專注于

前端構建 , ai開發 , cursor , 代碼質量

收藏 評論

cipchk 頭像

cipchk - 小談 ng deploy 的實現

Angular CLI 在 8.3.0 發佈過一個新命令 ng deploy，可以將 Angular 應用部署到遠程服務器或雲存儲上面，例如：Firebase hosting、Azure、GitHub pages 等等，這也是算是 Angular CLI 最後一個將 Angular 應用從開發到部署打通全能選手工具了。 快速入門 這裏我以 ng-deploy-oss 為示例，演示如何將 Angul

ng-alain , angular , 前端構建 , 前端工具 , 前端

收藏 評論