前端工程化

前端工程化详解 & 包管理工具

前端工程化详解&包管理工具1、工程化体系介绍1.1、什么是前端工程化1.2、前端工程化发展2、脚手架能力2.1准备阶段2.2开发阶段2.3发布流程3、npm能力3.1剖析package.json3.1.1
lin-lins·2024-09-13 07:15

前端工程化——脚手架及自动化构建

定义一切以提高效率、降低成本、质量保证为目的的手段，都属于工程化前端工程化主要解决的问题传统语言或语法的弊端无法使用模块化/组件化重复性的机械工作代码风格统一、质量保证依赖后端服务接口的保证整体依赖后端项目工程化的表现体现在项目的整个流程
Jelly-JK·2024-09-11 07:22

class 7: vue.js 3 前端工程化

默认情况下，不能直接使用单文件组件来编写组件，因为浏览器不认识SFC(.vue)文件。因此，我们需要使用webpack或者Vite构建一个支持SFC开发的Vue.js3环境目录前端发展史webpackVueCLI脚手架前端发展史Web早期：也就是互联网发展早期，前端开发人员只负责写静态页面，纯粹地展示功能，JavaScript的作用只体现在一些表单的验证和增加特效上。当然，为了在页面中动态填充一些
Clarence Liu·2024-09-07 07:39

28.前端工程化背后的项目组织设计（下）

承接上一节的内容，本节来继续学习前端工程化中依赖关系相关的内容。在此之前，先回顾一下「项目组织」主题的知识点：说到项目中的依赖关系，我们往往会想到使用yarn/npm解决依赖问题。
ikonan·2024-09-03 16:51

JavaWeb——前端工程化

一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，以提高效率和降低成本。
A_Tai2333333·2024-08-31 08:21

【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题

目录关于前端工程化关于Webpack关于Vite关于Git项目管理综合性问题关于前端工程化1.前端工程化的定义和好处问题：什么是前端工程化？它的主要好处是什么？
快乐点吧·2024-08-30 12:39

3、JavaWeb-Ajax/Axios-前端工程化-Element

P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
所谓远行Misnearch·2024-03-29 07:10

前端工程化面试题 | 15.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的代码分支管理和代码合并。你熟悉的代码合并工具有哪些？解释一下前端中的流程管理
ai_todo·2024-03-02 03:14

前端工程化之：webpack3-7(PostCss)

目录一、PostCss1.什么是PostCss2.安装3.配置文件4.插件5.postcss-preset-env（1）自动的厂商前缀（2）未来的css语法（3）变量（4）自定义选择器（5）嵌套（6）postcss-apply（7）postcss-color-function（8）[扩展]postcss-import（9）stylelint一、PostCss内容与webpack无关！！！1.什么是
小李老笨了·2024-02-20 10:48

【前端工程化面试题】webpack proxy的工作原理，为什么能解决跨域问题

在webpack的配置文件webpack.config.js中有一个配置项devServer里面有一个属性是proxy，这里面可以配置代理服务器，解决跨域问题，请参考官网。一般来说webpack的代理就是说的开发服务器webpack-dev-server。其实不光是webpack其他的打包工具比如是vite，也有代理的功能，也是开发服务器。webpack-dev-server的工作原理本质是利用了
我有一棵树·2024-02-20 02:55

【前端工程化面试题目】webpack 的热更新原理

可以在顺便学习一下vite的热更新原理，请参考这篇文章。首先有几个知识点需要明确热更新是针对开发过程中的开发服务器的，也就是webpack-dev-serverwebpack的热更新不需要额外的插件，但是需要在配置文件中devServer属性中配置hot：true，需要安装webpack-dev-server这个npm包webpack的热更新也使用websocket具体的步骤如下运行webpack
我有一棵树·2024-02-20 02:25

【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？

首先从语法方面在配置文件中有module这个配置项，里面有rules选项用来配置各种loader，还有其他各种选项，参考官网。bundle和chunk在配置文件中是没有这个选项的，但是会出现在配置的值中。module模块指单个文件，可以是js、css、图片等，每个文件都是一个独立的模块，可以通过import.和require等方式导入和导出模块可以包含代码、依赖关系和其他相关资源。代表应用程序的组
我有一棵树·2024-02-20 02:25

【前端工程化面试题】什么是 CI/CD

CI/CD是软件开发中的两个重要实践，分别代表持续集成（ContinuousIntegration）和持续交付/持续部署（ContinuousDelivery/ContinuousDeployment）。持续集成(ContinuousIntegration,CI)：持续集成是一种软件开发实践，通过将代码频繁地集成到共享存储库（如版本控制系统）中，并自动运行测试来验证新代码的正确性。主要目标是尽早地
我有一棵树·2024-02-19 19:33

【前端面试题】08—31道有关前端工程化的面试题(附答案)

随着前端技术的发展，前端工程化变得越来越重要。
web前端开发V·2024-02-19 16:48

【前端工程化面试题】说一下 webpack 的构建流程

类似问题是，说一下vite的构建流程，参考这篇文章。初始化流程从配置文件和shell语句中读取合并参数，初始化需要使用的插件和执行环境所需要的参数配置文件默认是webpack.config.js编译构建流程解析入口模块，从入口模块开始串行调用对应的loader去翻译文件内容，依次编译模块的依赖输出流程根据配置文件中entry属性配置的模块，根据入口和模块之前的依赖关系，组装成一个个包含多个模块的c
我有一棵树·2024-02-19 16:46

【前端工程化面试题】使用 webpack 来优化前端性能/ webpack的功能

这个题目实际上就是来回答webpack是干啥的，你对webpack的理解，都是一个问题。（1）对webpack的理解webpack为啥提出+webpack是啥+webpack的主要功能前端开发通常是基于模块化的，为了提高开发效率，webpack是一个基于模块的构建工具，是一个用于js应用程序的静态模块打包工具。Webpack是一个现代JavaScript应用程序的静态模块打包工具，它能够将多个Ja
我有一棵树·2024-02-19 16:11

【前端工程化面试题】vite热更新原理

vite在开发阶段，运行vite命令，会启动一个开发服务器，vite在开发阶段是一个服务器依赖esm：vite在开发阶段使用esm作为开发时的模块系统。esm具有动态导入的能力，这使得在代码中引入模块时可以动态地加载新的模块，从而实现了热更新。HMR机制：vite利用了webpack等构件工具中常用的热模块替换机制，在代码发生变化时，只将修改的模块动态的注入到运行中的应用程序中，不需要刷新整个页面
我有一棵树·2024-02-19 12:31

JavaWeb

选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13.流程控制语句14.JS函数15.JS对象16.Vue17.Ajax18.前后端分离开发：19.YApi20.前端工程化
小小李学java·2024-02-14 22:56

前端工程化

目录模块化包管理器构建工具脚手架模块化1.是为了解决全局污染（全局变量，全局函数）和依赖混乱问题（js引入顺序等问题）。2.标准：官方ESModule，社区：CommonJS3.mian中定义一个函数functionsum(a,b){  returna+b;}4.在html中引用（会导致全局污染）5.将模块导出functionsum(a,b){  returna+b;}exportdefaults
miss-ddly·2024-02-14 17:25

前端工程化面试题 | 05.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端中的测试是什么？请解释一下你熟悉的前端测试方法和工具。请举例说明前端自动化部署的流程，以及
ai_todo·2024-02-14 16:19

前端工程化面试题 | 06.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端开发中如何处理静态资源的优化和管理？请解释一下你熟悉的优化工具。解释一下前端中的版本控制系
ai_todo·2024-02-14 16:19

前端工程化面试题 | 07.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的持续集成和持续交付。你熟悉的持续集成工具或持续交付工具有哪些？前端性能优化是
ai_todo·2024-02-14 16:19

前端工程化面试题 | 08.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录解释一下前端中的代码复用和组件化。你熟悉的组件化框架有哪些？请解释一下前端中的国际化和本地化解
ai_todo·2024-02-14 16:18

【从Jest入门到 TDD,BDD双实战】整体学习介绍①

一：前端要学的测试Jest入门TDD实战BDD实战二：前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三：前端自动化测试的例子VueEchartsReactAnt-Design这些都有使用到了自动化测试
不停喝水·2024-02-13 05:29

【实战】一、Jest 前端自动化测试框架基础入门 —— 前端要学的测试课 从Jest入门到TDD BDD双实战（一）

文章目录一、前端要学的测试课1.前端要学的测试2.前端工程化的一部分3.前端自动化测试的例子4.前端为什么需要自动化测试？
程序边界·2024-02-13 05:27

什么是前端工程化？

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

前端开发_Node.js

Node.js概念Node.js是一个跨平台JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序Node.js是前端工程化的基础（前端工程化：开发项目直到上线，过程中集成的所有工具和技术
Rainbow_1991·2024-02-12 06:19

vue-cli

它不仅是一个工具，也是一个前端工程化的解决方案。VueCLI的主要目的是简化Vue.js项目的搭建和开发过程，让开发者能够更加专注于业务逻辑的实现，而不是重复性的配置工作。
·2024-02-11 18:47

前端工程化面试题 | 03.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端开发中如何实现代码的压缩和混淆？你熟悉的压缩工具有哪些？解释一下前端代码的编译和转译。你熟
ai_todo·2024-02-11 06:38

前端工程化面试题 | 02.精选前端工程化高频面试题

请举例说明在前端工程化中如何进行代
ai_todo·2024-02-11 06:08

前端工程化面试题 | 01.精选前端工程化高频面试题

牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录什么是前端工程化
ai_todo·2024-02-11 06:07

前端工程化面试题 | 04.精选前端工程化高频面试题

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的静态类型检查工具，以及你熟悉的静态类型检查工具。前端开发中如何进行代码质量和
ai_todo·2024-02-11 06:37

Vue学习笔记5--前端工程化

前端工程化完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ模块化相关规范概述传统开发问题命名冲突文件依赖模块化含义：把单独的一个功能封装到一个模块（文件）中,模块之间相互隔离
UtilMan·2024-02-09 05:36

前端工程化之：webpack3-3(BEM)

一、BEMBEM是一套针对css类样式的命名方法。其他命名方法还有：OOCSS、AMCSS、SMACSS等等。一个完整的BEM类名：block__element_modifier，例如：banner__dot_selected，可以表示：轮播图中，处于选中状态的小圆点。三个部分的具体含义为：Block：页面中的大区域，表示最顶级的划分，例如：轮播图(banner)、布局(layout)、文章(ar
小李老笨了·2024-02-07 10:58

前端工程化之：webpack3-4(css in js)

一、cssinjscssinjs的核心思想是：用一个JS对象来描述样式，而不是css样式表。例如下面的对象就是一个用于描述样式的对象：conststyles={backgroundColor:"#f40",color:"#fff",width:"400px",height:"500px",margin:"0auto"}由于这种描述样式的方式根本就不存在类名，自然不会有类名冲突。至于如何把样式应用到
小李老笨了·2024-02-07 10:58

前端工程化与webpack基础-----webpack插件，打包

文章目录前端工程化与webpack基础前端工程化实际的前端开发何为前端工程化前端工程化解决方案webpack基础用法webpack是什么安装webpack配置webpackmode的可选值webpack.config.js
追求～·2024-02-07 10:58

前端工程化（二）--- webpack

一、概念webpack是目前十分流行的前端项目构建工具（打包工具），提供了友好的模块化支持，以及代码压缩混淆、处理js兼容性问题、性能优化等强大功能，大大提高了开发效率。目前大多企业的前端项目都是基于webpack进行打包构建的。webpack是基于node.js开发的打包工具，所以在它的配置文件中，支持使用node.js相关的语法和模块。现在的项目开发几乎不会让我们手动配置webpack，都会使
努力的小朱同学·2024-02-07 10:58

前端工程化之：webpack3-2(利用webpack拆分css)

一、利用webpack拆分css要拆分css，就必须把css当成像js那样的模块；要把css当成模块，就必须有一个构建工具（webpack），它具备合并代码的能力。而webpack本身只能读取css文件的内容、将其当作JS代码进行分析，因此，会导致错误。于是，就必须有一个loader，能够将css代码转换为js代码。1.css-loadercss-loader的作用，就是将css代码转换为js代码
小李老笨了·2024-02-07 10:28

webpack----前端工程化与webpack的基本使用

文章目录1前端工程化2webpack的基本使用2.1什么是webpack2.2通过项目体验webpack2.2.1创建列表隔行变色项目2.2.2在项目中安装webpack2.2.3在项目中配置webpack2.3webpack.config.js
萤火虫的小尾巴·2024-02-07 10:27

前端工程化之：webpack3-5(css module)

目录一、cssmodule1.思路2.实现原理3.如何应用样式4.其他操作（1）全局类名（2）如何控制最终的类名5.其他注意事项一、cssmodule通过命名规范来限制类名太过死板，而cssinjs虽然足够灵活，但是书写不便。cssmodule开辟一种全新的思路来解决类名冲突的问题。1.思路cssmodule遵循以下思路解决类名冲突问题：css的类名冲突往往发生在大型项目中；大型项目往往会使用构建
小李老笨了·2024-02-07 10:57

前端工程化之：webpack3-1(css工程化概述)

目录一、css的问题1.类名冲突的问题2.重复样式3.css文件细分问题4.如何解决（1）解决类名冲突①命名约定②cssinjs③cssmodule（2）解决重复样式的问题①cssinjs②预编译器（3）解决css文件细分问题一、css的问题1.类名冲突的问题当你写一个css类的时候，你是写全局的类呢，还是写多个层级选择后的类呢？你会发现，怎么都不好。过深的层级不利于编写、阅读、压缩、复用。过浅的
小李老笨了·2024-02-05 11:22

【码农新闻】 我花 1000+ 元，改装了一台「能拍照」的 GameBoy......

目录【码农新闻】我花1000+元，改装了一台「能拍照」的GameBoy......逆向分析GithubCopilot字节跳动的前端工程化实践我花1000+元，改装了一台「能拍照」的GameBoy文章所属专区码农新闻欢迎各位编程大佬
顶子哥·2024-02-05 10:36

什么是前端工程化，请举例说明

前端工程化前端工程化的定义为什么需要前端工程化前端工程化的核心概念模块化开发：组件化开发：规范化开发：自动化开发：持续集成前端工程化的主要工具前端工程化的应用总结：前端工程化前端工程化的定义前端工程化是指将前端开发过程中的一系列流程和工具进行规范和自动化
前端布道人·2024-02-05 03:29

一文彻底搞懂前端监控 等推荐

前端点线面前端点线面百度前端研发工程师，热衷于阅读源码，专注于前端工程化、前端监控、智能广告等方向，致力于向全栈发展，涉猎广泛。
若川视野·2024-02-04 16:33

2.前端工程化-webpack

webpack2.1概述webpack是目前流行的前端项目构建工具（打包工具），提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等强大功能，提高了开发效率和项目的可维护性。2.2webpack使用1.新建项目，npminit-y初始化包管理配置文件package.json2.新建src目录，新建index.html,引入index.jsDocument123453.npmijquery-
世界，太精彩·2024-02-04 10:35

前端工程化之Webpack优化

你能所学到的知识点1.WebpackLoader和Plugin的区别2.Webpack生命周期3.Webpack编译阶段提效1.减少执行编译的模块2.提升单个模块构建的速度3.并行构建以提升总体效率4.Webpack打包阶段提效1.以提升当前任务工作效率为目标的方案压缩Chunk产物代码2.以提升后续环节工作效率为目标的方案CodeSplittingTreeShakingScopeHoisting
web安全学习资源库·2024-02-04 10:34

前端工程化-webpack/cli工具

为什么要前端工程化？前端工程化是指将前端开发的流程规范化，标准化，包括开发流程，技术选型，代码规范，构建发布等，用于提升前端开发工程师的开发效率和代码质量。
wanglu的博客·2024-02-04 10:04

前端工程化实战 - Webpack 打包

前端工程化实战-Webpack打包模块打包工具的由来模块打包工具概述Webpack基础Webpack快速上手Webpack配置文件Webpack工作模式Webpack打包结果运行原理Webpack模块加载器
时光海丶·2024-02-04 10:33

webpack---前端工程化

你需要知道的webpack背景随着前端工程化的发展，代码的开发已经不只是写html、css、js这三套文件就可以了。由于前端应用的复杂度越来越高，传统的这种写法已经不符合当前的场景。
前端践行者-Mr鹏帅·2024-02-04 10:03

前端工程化之 Webpack 5 项目构建优化

前端工程化之Webpack5项目构建优化前情提要：1.优化改造导向一个项目的构建的性能优化，主要是从构建时间层面和构建体积层面这两个方面入手。
Bleed-Kaga·2024-02-04 10:33
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他