【工程化】前端工程構建工具gulp篇
gulp ,基於 NodeJS 的項目，自動化構建的工具增強你的工作流程！ 一、工作原理 前端構建工具，gulp是基於Nodejs，自動化地完成 javascript、coffee、sass、less、html/image、css 等文件的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟。 借鑑了Unix操作系統的管道（pipe）思想，前一級
昵稱 Jerry
@前端構建
貢獻者14
粉絲0
貢獻者
@前端構建
動態 列表
高德前端這五年：動態化技術的研發歷程和全面落地實踐
前言 2015年-2020年，歷經5年發展，高德地圖應用開發前端團隊在業務快速發展中不斷成長。一路走來，從小團隊主要負責短期運營活動開發的散兵遊勇，到現在團隊規模100人+，覆蓋高德5大業務線，上百個模塊的堅甲利兵。本文將分享隨着業務快速增長高德前端的技術發展歷程，總結動態化技術的落地實踐，以及高德前端未來的發展方向。 高德（應用開發）前端技術的發展按照時間線來看，大致可以分為 4 個階段：
昵稱 高德技術
Vue項目打包完後如何自動上傳至服務器
寫在開頭 我先説下一下，為啥要寫這個，由於之前在寫不見面開標5.0系統，修改完bug後，然後前端通過npm run build打包後生成文件，然後在通過FTP工具上傳至服務器，整個過程，我還需要手動拷貝到服務器，如果一天打包好幾次，就要手動拷貝好幾次，非常繁瑣 前端部署項目方案 前端部署 通過npm run build，構建前端靜態資源文件 只需上傳構建後的資源文件，然後上傳至服務器指
昵稱 羊先生
前後端命名最佳實踐
命名規範 最佳實踐 命名是個困擾了我很久的問題，各種方式都試過，現在總結固化一下作為一個大結論。 原則：優先考慮小寫、下劃線，不用中劃線。 1. 文件夾 小寫 下劃線 2. 文件名 小寫 下劃線 3. 樣式名 小寫 下劃線 4. 類名 首字母大寫 駝峯 5. 函數名 駝峯 6. 變量名 駝峯 7. 常量名 全大寫 下劃線 8. 數據庫名 小寫 下劃線 9. 數據庫表 小寫 下劃線 10. 字段名
昵稱 前端一鍋煮
從 Bundleless 看前端構建
前言 Bundle or Bundleless？自 2015 年 ESM 標準發佈後，路線之爭就開始逐步升温。轉眼間，時間已來到 2021 年。如果白酒的車你錯過了，那麼不妨看看 Bundleless，或許它就是前端圈的下一位「茅台」。 前端構建當下的問題 不得不説，曾經把自己定位為「打包器」的 Webpack，如今已形成強大的構建生態，儼然一統江湖。但前端構建的道路還遠沒有走到最後。隨着業務的發
昵稱 ES2049
Webpack 簡介
構建其實是工程化、自動化思想在前端開發中的體現，把一系列流程用代碼去實現，讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力，解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗，已經成為目前最流行，社區最活躍的構建工具，是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏，各種框架和工具層出不窮，比如 React、Vue、Angular 等，極大
昵稱 編程三昧
使用 airpack 讓多個項目共享 webpack 配置
airpack 是一個 webpack-cli 的包裝器。旨在讓你更優雅的使用 webpack。 airpack 在 node 加載 webpack-cli 模塊時，給 webpack-cli 打上功能增強補丁。這個補丁讓 webpack-cli 能按一定的優先級順序自動從多個位置（項目依賴、項目目錄、命令行參數）讀取 webpack 配置，然後用更合適的方式合併這些 webpack 配置。 使用
昵稱 arzyu
從2021看2022前端發展趨勢
本文參與了 SegmentFault 思否徵文「2021 總結」，歡迎正在閲讀的你也加入。 前言 又到了年底，回顧一下整個2021年的前端歷程，總體來説前端趨向到了一個比較穩定的發展階段，雖然仍然有許多層出不窮的庫及輪子，但整體來看其實今年最突出的前端發展其實可以概括為以下幾個關鍵詞，即：工程基建、低代碼、多語言、雲+邊+端。從不同大廠對整個前端的劃分視角來看，整體可以分為兩大類，一類是聚焦化，比
昵稱 維李設論
得物前端喚端業務場景和技術精講
前言 當你在刷朋友圈時突然看到一個潮鞋廣告，正是你非常喜歡、一直想買的那款而且價格美麗，於是你興奮地點擊廣告直接打開了購物App，並且直接進入剛剛看到的潮鞋詳情頁，你只需要直接點擊購買就能得到這雙你期待已久潮鞋，這流程如絲般順滑！ 你正在瘋狂追的愛豆在微博發了一款聯名潮玩內容，還是獨家發售，貼文中就有網頁鏈接，你點擊後直接打開購物平台進入了與愛豆聯名同款的潮玩詳情頁，迫不及待的下單擁有一款時尚的潮
昵稱 得物技術
通過引入eslint-config包的方式一站式解決項目代碼風格和規範
背景 大家好，我是前端老六。今天想提及一下項目代碼規範這一塊，平時我們在搭建一個前端項目的時候，項目代碼規範是我們要考慮的，在如今多人開發一個項目的時候那更是不能疏忽。對於前端來説呢，我們常用的就是eslint+prettier，兩者集成的方式，eslint負責監測我們的語法錯誤，而prettier對我們的代碼風格進行規範。 ESlint ESLint 是一個開源的 JavaScript 代碼檢
昵稱 Neo
前端開發之函數式編程實踐 | 京東雲技術團隊
作者：京東科技牛志偉 函數式編程簡介 常見應用場景 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中的
昵稱 京東雲開發者
基於vue3+ts5+vue-router4+pinia2的PC端項目搭建教程
導語：在日常開發中，有時候會在項目中引入 ts 來解決一些 js 的問題，下面就簡單介紹一下如何使用 vue3+ts+router+pinia 來搭建一個項目。 目錄 簡介 創建 安裝 配置 實戰 簡介 vue3 目前是常用的 vue 版本，提供了組合式 API 以及一些新的功能和特性；ts 這種類型編程語言可以在編譯時通過靜態分析檢測出很多常見錯誤，減少了生產環境中的運行時錯誤，改
昵稱 MarkGuan
升級https！國產SSL
將網站從HTTP升級到HTTPS是一個提高網站安全性和用户信任度的重要步驟，可以通過選擇受信任的免費SSL證書頒發機構如JoySSL，按照一定的步驟進行操作。以下是詳細的升級過程： 1.註冊機構 打開JoySSL官方網站註冊時填寫註冊碼230922獲取免費https證書 免費升級https方案——申請入口：https://www.joyssl.com/certificate/select/free
昵稱 帥崽
前端領域有哪些好用的可視化開發工具？三類工具全面解析
在當今數字化時代，數據可視化已成為前端開發不可或缺的重要組成部分。優秀的可視化工具不僅能幫助開發者高效呈現複雜數據，更能提升用户體驗，增強數據洞察力。本文將為您全面盤點前端領域最優秀的可視化開發工具，詳細介紹這些工具如何幫助企業輕鬆實現數據可視化與業務自動化。 一、前端可視化工具的核心價值 數據可視化是將抽象數據轉化為直觀圖形呈現的過程，它通過視覺元素如圖表、圖形和地圖，幫助人們更容易理解
昵稱 Zoho低代碼開發