《前端工程化》

前端工程化-NPM

前端工程化-NPM1．什么是NPMNPM安装基本使用1．什么是NPMNPM代表npmjs.org这个网站，这个站点存储了很多Node.js的第三方功能包。
深度学习从入门到放弃·2023-06-09 11:47

前端工程化：常见的构建工具问题解答

在现代前端开发中，构建工具是不可或缺的一部分。使用构建工具可以优化开发流程，提高开发效率，同时也可以提高应用程序的性能和可维护性。然而，由于构建工具的复杂性和灵活性，初学者经常会遇到许多问题。下面就来解答一些常见的构建工具问题。什么是构建工具？构建工具是一种用于自动化构建Web应用程序的软件工具。它们通常用于执行任务，例如编译代码、处理图像和静态文件、压缩和混淆代码并部署应用程序。常见的构建工具有
网创学长·2023-06-08 13:49

前端工程化初体验

最近在尝试着完整地体验一下前端工程化需要的那些流程，于是自己尝试一套属于自己的前端工程化流程。
UzumakiHan·2023-06-08 10:13

【前端工程化】一.前端工程化；二.使用webpack打包vue项目；三.在webstorm中安装vite插件，通过vite构建工具创建vue项目

目录一.前端工程化1.webpack（1）定义：是一个前端的构建工具。前端代码格式多（html、css、js、图片），前端构建工具的作用是将各种格式不同文件打包到一起，方便项目的上线运行。
m-TT·2023-06-08 07:00

前端学习--Vue(1)webpack

前端工程化模块化（js、css模块化、资源模块化）组件化（复用现有的UI结构、样式、行为）规范化（目录结构划分、编码规范化、接口文档规范化、git分支管理）自动化（自动化构建、自动部署、自动化测试）主流的前端工程化解决方案
Michelle209·2023-06-07 17:24

Velocity系统的前端工程化之路 | 京东云技术团队

Velocity是一个基于Java的Web页面模版引擎。十多年前，Velocity将Java代码从Web页面中分离出来，使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动，回首再面对这些基于Velocity的旧系统，无论是后端还是前端人员维护，都会存在诸多问题：（1）后端人员维护：不熟悉前端开发模式，需要花费大量精力学习UI和Js框架；（2）前端人员维护：Velocity渲染依
京东云技术团队·2023-06-07 09:40

pnpm才是前端工程化项目的未来

前言相信小伙伴们都接触过npm/yarn，这两种包管理工具想必是大家工作中用的最多的包管理工具，npm作为node官方的包管理工具，它是随着node的诞生一起出现在大家的视野中，而yarn的出现则是为了解决npm带来的诸多问题，虽然yarn提高了依赖包的安装速度与使用体验，但它依旧没有解决npm的依赖重复安装等致命问题。pnpm的出现完美解决了依赖包重复安装的问题，并且实现了yarn带来的所有优秀
·2023-06-06 22:17

Velocity系统的前端工程化之路 | 京东云技术团队

Velocity是一个基于Java的Web页面模版引擎。十多年前，Velocity将Java代码从Web页面中分离出来，使得开发者能够并行网页开发和Java开发。随着十年前后端分离的浪潮涌动，回首再面对这些基于Velocity的旧系统，无论是后端还是前端人员维护，都会存在诸多问题：（1）后端人员维护：不熟悉前端开发模式，需要花费大量精力学习UI和Js框架；（2）前端人员维护：Velocity渲染依
·2023-06-06 21:54

Node工程的依赖包管理方式

、devDependencies3、optionalDependencies4、peerDependencies5、bundledDependencies二、版本管理三、npminstall加载机制在前端工程化中
·2023-06-06 21:30

【从零到一手撕脚手架 | 第一节】配置基础项目结构 Vite + TypeScrpit + Vue3 初始化项目

【从零到一手撕脚手架|第一节】配置基础项目结构Vite+TypeScrpit+Vue3初始化项目hello大家好我是雪人⛄，不知不觉断更好久了，经过了长时间的学习，终于踏入了前端工程化的大门，大家再日常开发中总是会用到一个开发工具
lonelysnowman·2023-04-21 17:33

【Webpack】前端工程化与webpack

文章目录前端工程化1、小白眼中的前端开发vs实际的前端开发2、什么是前端工程化3、前端工程化的解决方案Webpack的基本使用1、什么是webpack2、创建列表隔行变色项目3、在项目中安装`webpack
DomCode·2023-04-21 10:55

React 的源码与原理解读（八）：Scheduler

本专栏的阅读需要你具有一定的React基础、JavaScript基础和前端工程化的基础，作者并
摸鱼老萌新·2023-04-21 01:37

React 的源码与原理解读（六）：reconcileChildren 与 DIFF 算法

本专栏的阅读需要你具有一定的React基础、JavaScript基础和前端工程化的基础，作者并
摸鱼老萌新·2023-04-21 01:07

字节青训前端笔记 | Node入门

//nodejs.org/zh-cn/Node.js为JavaScript提供了一些服务器级别的操作API，可以用来进行：文件读写、网络服务的构建、网络通信、构建http服务器等操作node的应用场景前端工程化打包工具
摸鱼老萌新·2023-04-21 01:05

React 的源码与原理解读（七）：commit 阶段

本专栏的阅读需要你具有一定的React基础、JavaScript基础和前端工程化的基础，作者并
摸鱼老萌新·2023-04-21 01:52

开发者每日精选内容

1.Docker的容器管理2.前端工程化中重要概念之组件化开发框架3.理解JS中的原型(Prototypes)4.学习HTMLDOM笔记5.Java异常Exception详解6.推荐系统：基于内容的过滤
·2023-04-20 15:33

前端工程化中重要概念之组件化开发框架

一、组件化开发框架的基本概念组件化开发框架是一种将UI和功能逻辑封装为独立的可复用组件的开发方式。这些组件可以在不同的页面和项目中重复使用，从而实现代码的共享和可维护性的提升。常见的组件化开发框架有React、Vue、Angular等。二、组件化开发框架的原理组件化思想组件化思想是指将UI和功能逻辑拆分为独立的模块，每个模块都可以独立地渲染和操作，从而提高代码的可维护性和重用性。在组件化开发框架中
·2023-04-20 11:33

新奇的前端自动化构建

@文章来源：拉钩大前端就业训练营-念念前端工程化工程：一个工程的生命周期工程立项，需求分析，产品原型，开发实施，测试部署，上线运行工程化：完成项目过程中，用到的工具和技术前端工程化：通过各种工具和技术，
你好好想想_be60·2023-04-18 14:31

【Vue-cli】前端工程化环境准备

一、知识点整理1、Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模板。2、Vue-cli提供了如下功能:1）统一的目录结构2）本地调试3）热部署4）单元测试5）集成打包上线3、需安装依赖环境NodeJS，见链接2二、操作步骤1、双击node-v18.15.0-x64安装，建议安装到你新建的文件中，方便查找2、检查是否安装完成：cmd打开终端，输入node-v指令出现版本则
林月明·2023-04-16 12:04

【Vue】前端工程化Vue项目

一、创建Vue项目步骤1、新建一个文件夹，起名为vue_project012、在该文件夹中打开cmd，输入指令vueui，打开图形化界面3、此时跳转到网页，根据以下步骤配置vue项目1）项目名命名为test01；选择包管理器为npm；关闭初始化Git仓库2）选择手动配置3）选择Router，其他不变3）选择vue版本为2.0；选择语法检测规则为“ESLintwitherror...”；点击创建项目
林月明·2023-04-16 11:59

webpack搭建一个js编译环境

前端工程化的出现，迎来了前端开发的春天，其中，webpack是春天里最美丽的一朵花，我们接下来通过一段实例来一睹芬芳目录结构如下：|src-index.js|.babelrc|index.html|package.json
superestZe·2023-04-16 07:08

cz-git 强大的 commitizen 的适配器——我的开发心路历程

随着多人开发团队推进着前端工程化的不断发展，团队规范与项目系统化配套工具链条也在不断诞生。从lerna或到最近兴起的pnpm管理monoreoworkspace。
Zhengqbbb·2023-04-15 15:44

彻底了解 npm、cnpm、yarn、pnpm 几种包管理器

随着前端工程化的应用越来越广，插件和包的管理也逐渐衍生出很多的管理器，常见的几种包管理器如：npm、cnpm、yarn、pnpm，那你知道这些管理器之间有哪些区别吗？
太空编程·2023-04-14 18:05

webpack4 - 1.打包js

webpack是前端工程化中的热门工具，市面上一些热门前端框架（例如React、Vue.js）使用webpack作为搭建脚手架。
yuanzicheng·2023-04-14 18:13

JavaWeb开发 —— 前端工程化

目录一、前后端分离开发二、YApi三、前端工程化1.环境准备：vue-cli2.Vue项目创建四、Vue项目开发流程一、前后端分离开发①最早的前端开发就是实现页面，顶多再写写JS让页面可以有交互的特效。
Hgngy.·2023-04-13 11:50

react、JSX编译原理、生命周期、属性、状态改变、创建组件、复合组件间的信息传递、受控和非受控组件、react脚手架...

React是Facebook公司研发的一款JS框架（MVC：ModelViewController）通过数据的改变来影响视图1、React脚手架React是一款框架：具备自己开发的独立思想-划分组件开发前端工程化开发
weixin_33860147·2023-04-13 06:07

vue2学习笔记

文章目录Vue基础前置储备1.前端工程化1.1前端开发1.2前端工程化概念1.3前端工程化解决方案2.webpack使用2.1概念2.2创建列表隔行变色项目2.3在项目中安装webpack2.4在项目中配置
龙槑·2023-04-13 06:37

《前端工程化开发二》

目录五、插件plugins5.1、插件概要5.1、HTMLWebpackPlugin（创建HTML插件）5.2、Mini-css-extract-plugin（单独提取CSS插件）5.3、clean-webpack-plugin（删除或清理构建目录）5.4、常用plugins5.4.1、用于修改行为5.4.2、用于优化5.4.3、其它六、DevServer开发服务器6.1、快速开启DevServe
前端驿站·2023-04-12 20:44

2021年前端面试题(附带答案)

（答案不唯一，仅供参考，文章最后有福利）前端面试汇总（2021年）大纲1、前言2、前端工程化3、前端设计模式4、前端安全性问题5、前端跨域问题6、前端数据加密7、前端http相关问题8、*前端基础知识点面试题
ios南方·2023-04-12 19:49

小白如何用vue脚手架搭建vue项目-详细步骤解读

无论是本地serve还是打包编译都与其有密切关系，总体说node.js为前端工程化提供了必要条件。之前看到过vue.js
小憨憨不敢啊·2023-04-11 23:13

Vue...

（脚手架会提供很多高效开发的功能、文件模板等等）vue2.0的脚手架叫@vue/cli搭建前端工程化环境，一定要用到node.js。
我有头发·2023-04-11 09:55

WebPack学习汇总

Webpack用于前端工程化代码的底层构建，angular、react、vue三大框架都采用了webpack来做构建。webpack具备的功能：treeshaking、懒加载、代码分割等等。
IT飞牛·2023-04-10 15:54

关于前端工程化的一些理解，以及配置gulp自动化和自定义一个前端脚手架

文章内容输出来源：拉勾教育前端高薪训练营关于前端工程化前端工程化是什么工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化，其以提高效率、降低成本、质量保证为目的。
yhzzy·2023-04-10 15:37

前端工程化（二）

模块化开发---当下最重要的前端开发范式之一所谓模块化，只是思想或者理论，不是具体的某个特定的实现模块化的演变过程第一阶段：文件划分方式早起的模块化完全依赖约定缺点污染全局作用域命名冲突无法管理模块的依赖关系Modularevolutionstage1模块化演变（第一阶段）基于文件的划分模块的方式具体做法就是将每个功能及其相关状态数据各自单独放到不同的文件中，约定每个文件就是一个独立的模块，使用某
望月从良glh·2023-04-09 02:17

Rollup和 parcel入门

Rollup与webpack类似，但相比于webpack，Rollup小巧的多，因为在配合插件的使用下，webpack几乎可以完成开发中前端工程化的绝大部分工作。而Rollup就只是一款ESM的打包器
WJP丶·2023-04-08 13:13

前端工程化实战 - Rollup、Parcel 打包

前端工程化实战-Rollup、Parcel打包Rollup打包Rollup概述Rollup快速上手Rollup配置文件Rollup使用插件（rollup-plugin-json）Rollup加载npm模块
时光海丶·2023-04-08 13:41

【前端工程化】四：打包工具Rollup快速上手和Parcel的使用

Rollup相比于webpack，rollup要小巧的多，它仅仅是一款ESModule打包器，并不支持例如HMR等特性，它的初衷是提供一个充分利用ESM各项特性的高效打包器；Rollup快速上手yarnaddroullup--dev下载之后rollup会提供一个cli程序，可以通过yarn或者npx来执行，避免我们通过路径去查找cl（这里和前面我们手动写的xp-web工作流类似）Usage:rol
Whoopsina·2023-04-08 13:37

前端工资涨不上去？可能是你没掌握构建工具：关于 Webpack、Babel、esbuild、Vite、Rollup、Parcel、SWC......的那些事

构建工具，属于前端工程化领域。而前端工程化，是每一个高级前端开发人员都必须要去深入了解的内容，这也是想要拿到高薪不可避免的一个关键因素。
代码与野兽·2023-04-08 13:06

手把手从0到1实现一个web工程通用脚手架工具

前言前端工程化是人们常常提到的东西，其目的基本上都是为了提高开发效率，降低成本以及保证质量。
旅行中的程序员·2023-04-07 11:07

webpack4从入门到掌握核心内容

学会了webpack，也就学会前端工程化的
FTD止水·2023-04-07 04:08

前端工程化面试题

目录1.什么是`bundle`,什么是`chunk`，什么是`module`？2.hashchunkhashcontenthash三者区别3.什么是脚手架吗？4.webpack的核心思想是什么5.Loader和Plugin的区别6.有哪些常见的Loader和Plugin，他们各自的作用7.Webpack的热更新原理8.如何优化Webpack的构建速度9.代码分割的本质是什么？有什么意义呢？10.t
北海屿鹿·2023-04-06 04:41

Webpack-前端工程化的基石

在以前，为了减少HTTP请求，通常地，我们都会把所有的代码都打包成一个单独的JS文件。但是，如果这个JS文件体积很大的话，那就得不偿失了。就拿咱们产品来说，都是SPA单页面应用，我们不可能在首屏加载所有的JS和CSS代码。这时，我们不妨把所有代码分成一块一块，需要某块代码的时候再去加载它；还可以利用浏览器的缓存，下次用到它的话，直接从缓存中读取。很显然，这种做法可以加快我们网页的加载速度，webp
行走的蛋白质·2023-04-05 21:45

招聘高级/前端架构师，年薪100-200 万

框架有深刻理解，至少有一个常见库或框架的大型项目经验（如：Backbone、AngularJS、React、Vue）；3.有前端架构设计、性能优化、组件化和模块化方面的实践经验，有系统重构的能力；4.熟悉前端工程化工具
Crystal_e430·2023-04-05 21:44

【前端工程化】01-Node.js基础

Node.js基础认识NodeNode的定义Node的应用场景Node的安装和版本管理Node的基本操作Node.js执行文件Node的参数传递Node的REPL认识NodeNode的定义Node.js是一个基于V8JavaScript引擎的JavaScript运行时环境Node.js为JavaScript提供了一些服务器级别的操作API文件读写网络服务的构建网络通信http服务器等处理Node的
SevgiliD·2023-04-05 15:57

node_modules 困境

Ryan对于node.js的十大遗憾之一就是支持了node_modules，node_modules的设计虽然能满足大部分的场景，但是其仍然存在着种种缺陷，尤其在前端工程化领域，造成了不少的问题，本文总结下其存在的一些问题
雪中悍刀跑·2023-04-05 15:30

Vite+Vue3项目集成ESLint+Prettier+Stylelint+Husky让项目规范起来

随着前端工程化的发展,前端代码规范也显得越来越重要,所以作为一个前端对于这方面还是需要有一定的了解的。
Web_boom·2023-04-05 07:38

代码工程化问题

配置react+typescript项目的lint，commit，prettier规范前端工程化之——代码规范五部曲vue创建的步骤vueinitwebpackaaavuecreatebbbreact项目的创建步骤
飘然离去·2023-04-04 18:09

前端工程化基础和架构设计

如何像架构师一样思考如何打造一个顺滑的工程流程，为研发效率不断助力？如何建设一个稳定可靠的基础设施，为业务产出保驾护航？我该如何避免相似工作做三年，而不是具备了三年的工作经验？我该如何从繁杂且千篇一律的业务需求中抽身出来，有时间总结提高自己？我该如何为团队带来更大的价值，体现经验能力？团队并非一个人单打独斗，那么如何设计工作流程，如何打造一个众人皆赞的项目根基？项目依赖纷繁复杂，如何做好依赖管理和
肥肥呀呀呀·2023-04-04 18:49

前端工程化是什么？

小白眼中的前端开发:会写HTML+CSS+JavaScript就会前端开发需要美化页面样式，就拽一个bootstrap过来需要操作DOM或发起Ajax请求，再拽一个jQuery过来需要渲染模板结构，就用art-template等模板引擎实际的前端开发:模块化(js的模块化、css的模块化、其它资源的模块化)组件化(复用现有的UI结构、样式、行为)规范化(目录结构的划分、编码规范化、接口规范化、文档
小张学编程·2023-04-04 05:16

前端工程化之FaaS SSR方案

导读：揭秘百度直播研发部Web应用SSR技术新玩法，在CSR目录下添加一个JS计算函数就可以让页面具有SSR能力。依托端云协同驱动打通SSR技术关键路径、规模化落地引领高品质Web应用的市场价值。让我们对这个小时级赋能方案一探究竟。全文3608字，预计阅读时间10分钟===一、背景从CSR到SSG，网页信息从无到有完整呈现个性化内容滞后于AJAX请求，夯实访问体验，提升网页内容体量和平台品牌等级，
百度Geek说·2023-04-04 00:05
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他