——♥【前端工程化】第4页

Vite原理学习之预编译

在目前的前端工程化生态中，webpack、rollup、esbuild等非常流行，而Vite真是构建在一些流行的技术上。

玉案轩窗·2023-12-18 06:11

前端工程化面试总结

什么是bundle,什么是chunk，什么是module？在前端开发中，特别是在构建和打包过程中，bundle、chunk和module是常用的概念，它们代表着不同的代码组织和打包方式：1.Module（模块）：Module（模块）：在前端开发中，模块是指代码被组织和封装后的单个文件或者代码单元，每个模块可以包含特定的功能或逻辑，并且通常都有自己的作用域。比如，一个JavaScript文件、一个C

梦醒了_该正视自己了·2023-12-17 03:14

前端工程化-前端自动化测试

文章介绍最基础的自动化测试知识。为什么要做自动化测试稳定性常见的库常见的库都包含了大量的自动化测试的代码，开源的框架和组件都需要稳定性，引入前端自动化测试为开源项目提供稳定性是再好不过的选择。减少成本如果没有自动化测试：在一个大项目里历史遗留的代码很多，代码质量一般，每次改动代码都可能产生意想不到的问题甚至影响主流程，于是很多人会想重构代码，花费了巨额时间成本，可能重构完并没有比原来的系统好多少。

Lee弟弟·2023-12-15 04:52

VUE2-3

第一天：前端工程化与webpack前端工程化的相关概念webpack的常见用法打包发布SourceMap目标：了解工程化的前端开发方式能够知道webpack在实际开发中起到的作用第二天：VUE基础入门VUE

皮皮岛。·2023-12-15 00:26

eslint正确的安装步骤

还没尝试的同学可以从本文开始学习，从0开始手把手带你搭建一套规范的Vite+Vue3+TypeScript前端工程化项目环境。

weixin_46787337·2023-12-14 15:37

【JavaWeb】前端工程化（VUE3）

前端工程化（VUE3）文章目录前端工程化（VUE3）一、概述二、ECMA6Script2.1es6的变量和模板字符串2.2es6的解构表达式2.3es6的箭头函数2.4rest和spread2.5es6

比尔高特·2023-12-06 12:05

JavaWeb 前端工程化

前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。

南城余coding·2023-12-05 19:37

Java Web开发_异步处理以及前端中Vue框架的简单使用（Day3）

系列文章JavaWeb开发（Day1）JavaWeb开发（Day2）目录前言一、Ajax二、前后端分离开发三、前端工程化四、Vue组件库Element五、Vue路由六、打包部署前言此博客主要记录在学习黑马程序员

icharacteristic·2023-12-04 23:01

JavaWeb学习笔记

HTMLVSCodeJavaScriptjs引入方式书写语法变量数据类型js函数Array数组StringJSONBOMWindowLocationDOM事件监听事件绑定常见事件Vue常用指令生命周期AjaxAxiosYApi前端工程化环境准备

优降宁·2023-12-04 03:59

Vue简介

（官网介绍）2：前端工程化模块化是对js的复用，组件化是对ui

青果.·2023-12-04 01:59

gitee和jenkins_Jenkins+gitee+nuxt自动化部署

前序在大前端时代下的前端工程师，再也不是一个简简单单写下页面，拿到UI图，画画页面布局等简单的操作了，相反各种各样的业务需求，服务器知识，前端工程化，项目部署等扑面而来。

滨封·2023-12-03 09:03

前端工程化-脚手架工具

以下皆为拉勾教育课件内笔记什么是脚手架为什么要用脚手架？试想一下，我们第一次开发网站，所有的东西都需要自己完成，例如：轮播图，导航菜单，页面布局等等。所以第一次开发网站用的时间比较长（假定1个月），但是，当我们第二次开发网站时，第一次写好的代码，很多代码都可以复用（轮播图，导航菜单，页面布局等等）。所以第二次开发相同类型的网站，可能只需要半个月。你会发现，代码如果能复用的话，会极大地提高我们的开发

白棠·2023-12-03 07:34

Day4：前端工程化初探

CSS效果和动画css效果CSS里非常出彩的一部分，灵活应用box-shadow，运用无限投影，甚至可以画机器猫之类的不可思议的图形。CSS中实现动画的方式：transition,keyframes过渡动画和关键帧动画的区别：过渡动画需要有状态变化（延迟改变，eaesing方式）关键帧动画不需要状态变化关键帧动画能控制更精细CSS动画的性能：性能不坏部分情况下优于JS但JS可以做到更好部分高危属性

知鱼君·2023-12-02 18:38

说说前端工程化利器 webpack

1工程化前端自动化或者半自动化工程，需要实现以下功能：合并和压缩Javascript、CSS代码。CSS预处理：Less，Sass,Stylus的编译。生成雪碧图（CSSSprite）。ES6转换为ES5语法。模块化。名称解析：Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。Sass是一个将脚本解析成CSS的脚本语言，即SassScr

deniro·2023-12-02 16:38

前端工程化理解和规范

摘选链接：https://www.jianshu.com/p/88ed70476adb什么是"前端工程化"？

VinSmokeW·2023-12-02 07:16

JavaWeb开发全流程笔记

JavaWeb前端Web开发javaScript1.JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备

不会写算法的小王·2023-12-01 13:51

Vue | 组件化 | 基本操作

来个目录：瞎掰组件概念webcomponents是个什么东西用webcomponents来写一个简单的组件demoVue中的组件化是一个怎样的流程局部组件&&全局组件||父组件&&子组件作为前端工程化的重要一环

cemcoe·2023-12-01 01:30

前端工程化实践——快速入门treeshaking

treeshakingtreeshaking本质是去除多余代码算法。在前端的性能优化中，es6推出了treeshaking机制，treeshaking就是当我们在项目中引入其他模块时，他会自动将我们用不到的代码，或者永远不会执行的代码摇掉，在Uglify阶段查出，不打包到bundle中。学习treeshaking的目的也是是为了后面学习rollup打包原理做铺垫。在rollup中，一个文件就是一个

三月的一天·2023-11-30 12:28

webpack如何设置兼容浏览器的范围browserslist

Browserslist是前端工程化不可或缺的工具，无论是处理js的babel还是处理css的postcss，他们背后都有Browserslist的身影。

QAEARQ·2023-11-29 14:29

一套规范的vue3+vite2+ts4前端工程化项目环境

一套规范的vue3+vite2+ts4前端工程化项目环境webvueblog.github.io/vue3-vite2-…Vue3+Typescript+Vitevue3-vite2-ts4npminit

掘金-我是哪吒·2023-11-29 12:48

Vite + Vue3 实现前端项目工程化

今天就给大家操作一下这种技术方案实现前端工程化。

MagnumHou·2023-11-29 12:48

从 0 搭建 Vite 3 + Vue 3 Js版前端工程化项目

之前分享过一篇vue3+ts+vite构建工程化项目的文章，针对小的开发团队追求开发速度，不想使用ts想继续使用js，所以就记录一下从0搭建一个vite+vue3+js的前端项目，做记录分享。技术栈Vite3-构建工具Vue3VueRouter-官方路由管理器Pinia-VueStore你也可以选择vuexelement-plus-UI组件库Sass-CSS预处理器Axios-一个基于promis

随便起的名字也被占用·2023-11-29 12:42

Javaweb后端开发必学(HTML、CSS、JS、Vue)

对象ArrayStringJSON(对象标记法)BOMWindow浏览窗口对象Location：地址栏对象DOMJS事件监听事件绑定常见事件Vuevue生命周期Axios前后端分离开发[YApi]()前端工程化

幸运淦淦·2023-11-29 01:55

前端工程化方案webpack工作流程

之前写vue的时候有vue-cli的加持，run一下自动打开浏览器和项目对应的网页，修改完代码文件页面也自动更新，开发的时候相当方便。但是没有去细想想其中的原理。现在了解了，底层都是webpack在工作，vue-cli对其进行了封装变成了vue专属的工程化方案。为了减少代码冗余提高项目整体性能，程序员写好的代码不能直接上线，需要再对代码进行压缩打包（删除注释、空行等一切运行时不需要的文本），由此w

black^sugar·2023-11-29 01:58

前端工程化与webpack

文章目录一、前端工程化1、小白眼中的前端开发vs实际的前端开发2、什么是前端工程化3、前端工程化的解决方案二、webpack的基本使用1、什么是webpack2、创建列表隔行变色项目3、在项目中安装webpack4

步步生花@苏殿主·2023-11-29 01:27

（一）前端工程化与Webpack

Vue2.0之前端工程化与Webpack1.前端工程化1.1小白眼中的前端开发会写HTML+CSS+JavaScript就会前端开发需要美化页面样式，就拽一个bootstrap过来需要操作DOM或发起Ajax

Agneei·2023-11-29 01:57

webpack与前端工程化

1、前端工程化1.1、什么是前端工程化前端工程化指的是在企业级地前端项目开发中，把前端开发所需地工具、技术、流程、经验等进行规范化、标准化。

alonghuang·2023-11-29 01:25

webpack前端工程化

，其他资源的模块化)2.组件化(可复用的UI结构、样式、行为)3.规范化(目录结构划分合理，编码规范化，接口规范化，文档规范化，版本控制规范化)4.自动化(自动化构建，自动化部署，自动化测试)目前主流前端工程化解决方案

buyue__·2023-11-29 01:22

webpack工程化前端开发

/webpack.git前端开发实际的前端开发1、模块化（js代码的复用）2、组件化（htmlcss的复用）3、规范化（目录结构有层次，代码编写风格保持一致等等）4、自动化（例如自动刷新等）目前主流的前端工程化解决方案

大菠萝-·2023-11-29 01:22

跨平台开发解决方案浅谈

跨平台开发解决方案浅谈前言本文所讨论技术都是基于大前端生态下的本文所指跨平台概念无特殊说明时泛指跨安卓和ios用前端工程化技术开发出app也是本文所讲重点作为用户来说，当然希望使用App的时候能够顺畅流利

攻城狮深巷·2023-11-28 13:36

前端web开发学习笔记

JavaWeb前端Web开发HTMLCSSjavaScript1.JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备

不会写算法的小王·2023-11-28 04:13

JavaScript性能优化-工具及代码优化（11）

Part2·前端工程化实战JavaScript性能优化-工具及代码优化文章说明：本专栏内容为本人参加【拉钩大前端高新训练营】的学习笔记以及思考总结，学徒之心，仅为分享。

5coder·2023-11-27 21:04

前端项目工程化

Npm是nodejs里面自带的帮助我们构建前端工程化的工具Win+r打开运行工具输入cmd选择确定进入cmd控制面板检查nodejs的版本输入node-v可以查看版本在保证nodejs安装完毕的情况下使用

Echo_1b8a·2023-11-27 10:44

JavaWeb中的前端工程化相关知识

Ajax1.Ajax（AsynchronousJavaScriptAndXML），一部的JavaScript和XML。2.作用：数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等3.同步与异步：4.原生Ajax使用的步骤：准备数据地址创建XMLHttpRequest

leapzed·2023-11-25 21:22

Javaweb之前端工程化的详细解析

3前端工程化3.1前端工程化介绍我们目前的前端开发中，当我们需要使用一些资源时，例如：vue.js，和axios.js文件，都是直接再工程中导入的，如下图所示：但是上述开发模式存在如下问题：每次开发都是从零开始

东北赵四·2023-11-25 21:46

前端工程化_知识点精讲

前端小魔女·2023-11-23 04:19

前端工程化——模块化开发

模块化开发当下最重要的前端开发范式之一按照代码实现的功能不同划分成不同的模块实现单独维护，提高开发效率，降低维护成本模块化的演变过程Stage1-文件划分方式将不同功能写入到不同文件中通过script标签在文件中进行引入存在命名冲突问题，污染全局作用域依靠约定，且无法管理模块依赖问题没有私有空间，外部可以对其进行修改Stage2-命名空间方式暴露一个对象，将每一个模块包裹到一个对象中来实现减少命名

Jelly-JK·2023-11-22 21:32

前端工程化-什么是构建工具

了解构建工具之前，我们首先要知道的是浏览器只认识html、css、js，而我们开发时用的vue，react框架都只是为了方便我们开发而使用的工具使用构建工具的原因vue或react的企业级项目里都会具备这些功能：1.使用typescript语言：如果我们遇到ts文件我们需要使用tsc命令将typescript代码转换为js代码2.使用react/vue:安装react-complier/vue-c

糕冷鲨手·2023-11-22 14:03

作为一个前端应该如何高效的与后端协作开发

1.前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。

强哥科技兴·2023-11-22 05:00

框架技术---Vue的webpack

Vue框架内容管理Vue前端工程化webpackwebpack介绍项目创建实例：列表隔行变色项目中配置webpackmodule的可选值【webpack.config.js中】前端相对路径/./../.

码农C风·2023-11-22 03:59

工程化基础、自动化工具

工程化基础、自动化工具一、前端工程化，Node.js1.前端工程化是什么做什么2.Node.js基础是什么做什么使用npm3.前端工程化是由Node.js强力驱动的。

我和夏天来了·2023-11-21 10:11

初识node.js

Node.js是一个跨平台（独立）JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序//作用：使用Node.js编写服务器端程序//编写数据接口，提供网页资源浏览功能等等//前端工程化

小小程序员.¥·2023-11-20 21:26

Windows系统和Mac OS系统的免费FTP客户端有哪些？

hi,大家好,今天又到了我们的博学时间.之前在「趣谈前端」和大家分享了很多「可视化低代码」相关的技术分享和「前端工程化」的最佳实践,今天和大家分享几个在「Windows」和「Mac」下的最佳免费「FTP

徐小夕@趣谈前端·2023-11-20 03:44

vue3项目安装eslint和prettier

【几乎最全/全网最长的2万字】前端工程化完整流程：从头搭到尾（vue3+vite+qiankun+docker+tailwindcss+iview......）

深一海·2023-11-20 02:59

浅谈nodejs中间层

但是它也存在自身的局限性.和那些传统老牌的编程语言相比,如JAVA,PHP.nodejs并不能成为它们的替代品,而且在可预估的未来,也很难撼动那些老牌编程语言的地位.目前nodejs主要有以下几个应用场景.前端工程化

_Kay_·2023-11-19 10:05

从项目演进看前端工程化发展

这篇文章想重点来和大家聊一下「现代库编写」的话题，相信技术和思维上，对你会有启发。01库，不仅是能用国庆长假已过，2019年进入最后一个季度，前端技术和解决方案每时每刻在确立着新的格局。「如何写好一个现代化的开源库」——这个话题始终很值得讨论。当然，这对于初级开发者也许并不简单。比如，我们要思考：开源证书如何选择库文档如何编写，才能做到让使用者快速上手TODO和CHANGELOG需要遵循哪些规范，

「已注销」·2023-11-19 03:11

什么是前端工程化？

一、什么是前端工程化虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。

卖菜的小白·2023-11-16 17:21

话题：什么是前端工程化？

虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。

jinmu520·2023-11-16 17:15

浅析webpack的原理

在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。二、webpack的原理知其然知其所以然。1、核心概念（1）entry：一个可执行模块或者库的入口。（

wsx1212123·2023-11-13 09:18

前端面试系列之工程化篇

前端工程化Webpack概念本质上，webpack是一个用于现代JavaScript应用程序的静态模块打包工具。

程序员辰风·2023-11-10 12:33

推荐频道

——♥【前端工程化】