《前端工程化》

前端工程化以及WebPack的使用

前端工程化工作内容，将设计稿切图转成静态页面，然后用jQuery插件实现一些页面的轮播图、跑马灯等交互效果。
抗争的小青年·2022-07-28 08:40

可能改变前端工程化未来的特性：ESM Loader Hooks

如果他最终落地，很可能会成为改变前端工程化未来的特性。本文我们来聊聊他。
·2022-07-18 11:03

从零实现一个vue文件解析器

在现在的前端工程化中,打包工具是不可或缺的，其中webpack无疑是占据了主导地位，当然也有尤大搞的vite,但是论生态和使用人数，至少在目前webpack还是更胜一筹。
·2022-07-13 18:53

如何做"前端工程化"

如何做"前端工程化"？前端工程化就是为了让前端开发能够“自成体系”，个人认为主要应该从模块化、组件化、规范化、自动化四个方面思考。
·2022-07-12 12:47

node执行cmd或shell命令使用介绍

目录引言一、node原生模块：child_process使用二、npm包：shelljs引言在实现前端工程化的过程中，经常需要在一个js脚本中去执行其他node/npm或者其他shell命令。
·2022-06-30 13:57

工程化之webpack打包过程

在前期，我们开了一个关于前端工程化的系列文章。
·2022-06-28 16:01

2020年零基础前端学习路线（本人亲身经历，9个月拿到拼多多、美团、京东校招offer，5000字长文）

文章目录前端学习路线前言入门基础开发工具HTMLCSS静态页面JavaScript三大主流框架VUEREACTAngular精耕深研小程序NodejQueryTypeScriptElectron前端工程化
前端彭于晏Eddie·2022-06-28 14:27

前端规范化标准

规范化是前端工程化的重要一项为什么要有规范标准软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准哪里需要规范化标准代码、文档、甚至是提交日志开发过程中人为编写的成果物代码标准化规范最为重要实施规范化的方法编码前人为的标准约定
夏暖冬凉·2022-06-27 09:28

前端工程化之规范化

为什么要有规范标准开发需要多人协同开发者不同的编码喜好统一标准，降低维护成本哪里需要规范化标准代码、文档、日志开发过程中的人为成果代码标准化决定项目质量，最为重要如何实施规范化人为的标准约定通过工具实现LintESLint安装安装：npminstalleslint-D，安装后就会在node_modules/.bin/下有一个CLI程序。使用先配置，再检查使用eslint--init生成配置文件，可
mxydl2009·2022-06-27 09:57

【前端工程化】vue2+webpack3项目迁移vite2踩坑总结

目录前言迁移前后对比迁移流程迁移业务代码到vite项目项目开发阶段报错处理项目打包阶段处理总结一.前言公司有个特别大维护时间长的后台管理系统，使用的是vue2和webpack3，虽然配置了很多编译优化，但启动和开发热更新速度依然很慢，极大的影响了开发效率，于是准备迁移vite2来优化，现在已迁移升级，来复盘记录下过程，至于vite速度快于webpack的原因，已经有很多文章讲的很明白，这里只记录下
·2022-06-26 22:28

下一代前端开发利器——Vite（原理源码解析）

最近看了尤雨溪在VueConf上的演讲视频：《Vue3生态进展和计划》[1]，感觉它确实解决了现阶段前端工程化的一些痛点，也能体会到尤雨溪对Vite的重视和大力推广的决心，再加上Vue本身的庞大用户基数
奇舞周刊·2022-06-20 14:42

webpack运行原理

前言在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。
twinkle||cll·2022-06-13 21:31

vue入门（一）前端工程化与 webpack

1、前端工程化前端工程化的解决方案目前主流的前端工程化解决方案：⚫webpack（https://www.webpackjs.com/）⚫parcel（https://zh.parceljs.org/）
KloveD·2022-06-13 10:35

前端工程化：plop自动生成文件（快速开发，创建模板文件）

一、介绍plop可以生成定制文件名、定制路径下的模板文件。这样有利于快速开发，特别是对于大型的后台管理系统，页面很多相似的内容，重复率很高的项目。二、实践2.1、安装yarnaddplop-g2.2、package--script配置"plop":"plop",2.3、根目录增加plopfile.jsmodule.exports=function(plop){plop.setWelcomeMess
snowball@li·2022-06-06 13:45

SSR学习总结

概述随着前端技术栈和工具链的迭代成熟，前端工程化、模块化也已成为了当下的主流技术方案，在这波前端技术浪潮中，涌现了诸如React、Vue、Angular等基于客户端渲染的前端框架，这类框架所构建的单页应用
Young_Jeff·2022-05-31 20:46

前端工程化之包管理器

包管理器(1)pnpm(基于hardlink+symlink)基于硬链接机制(hardlink)/内容寻址提升包的安装速度依赖包被存储在一个全局的store目录下，不同的项目依赖同一个包(版本相同)时，会硬链接至此位置，无需重新安装,即使一个包的不同版本，pnpm也会极大程度地复用之前版本的代码使用软连接（符号链接，symlink,类似于windows快捷方式）的非扁平的node_modules结
·2022-05-30 15:17

前端学习路线

目标：了解自己的实力明确不同阶段的学习路线大纲对前端知识进行一次评级level1阶段level2阶段JavaScript进阶Vue进阶浏览器原理数据结构与算法设计模式网络性能优化前端工程化其他总结后续文章的输出规划参考资料对前端知识进行一次评级
BOM485480·2022-05-27 06:50

黑马vue学习路线

vue学习路线第一天：前端工程化与webpack前端工程化的相关概念wabpack的常见用法打包发布第二天：vue基础入门-part1vue基本使用步骤vue中常用的指令vue-devtools调试工具目标
曹莓奶昔·2022-05-22 17:01

前端工程化之FaaS SSR方案

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

前端知识体系-全栈系列（图谱+大纲）

前端知识体系（图谱）前端工程化体系node主流技术栈大纲ReactVueAngularJavaScriptTypeScript跨平台技术大纲跨端技术发展的三个阶段HybridReactNativeFlutterweex
浅夏晴空·2022-05-10 05:13

来会会babel这个重要且神奇的工具

babel在前端工程化开发中发挥着至关重要的作用，它能将较高级的语法转成浏览器可识别的代码，无论中es6中const、promise还是React、TypeScript。
·2022-05-08 22:30

Vue项目中CSS Modules和Scoped CSS的介绍与区别

目录背景CSSModules原理规则:global选择器Vue3新特性ScopedCSS原理规则深度作用选择器Vue3新特性二者的比较总结背景在前端工程化飞速发展的时候，作为非编程语言的CSS在融入模块化的浪潮时产生了很多问题
·2022-05-07 19:14

Webpack5快速入门（一）手把手带你打开前端工程化的大门

目录一、Webpack简介webpack是什么学习Webpack的目的Webpack功能二、Webpack上手一个例子告诉你为什么需要webpackwebpack登场三、Webpack配置文件webpack局部打包自定义入口文件名自定义输出目录通过package.json自定义配置npm与npx的区别通过webpack.config.js配置总结四、Webpack依赖图大家好，这里是小杰，从今天开
小杰学前端·2022-05-03 07:31

JavaScript性能优化-内存管理（10）

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

Vue前端工程化-模块化

1-模块化概述传统开发模式的主要问题：①命名冲突，②文件依赖通过模块化解决上述问题：模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2-大一统的模块化规范-ES6模块化1.ES6模块化ES6模块化出现之前，浏览器端和服务器端的模块化是不同的，如下：浏览器
Imkata·2022-04-26 16:07

解决多行文本换行省略显示失效的问题

相信大家的前端工程化项目中，都会用到autoprefixer，它让我们无需关系要为哪些浏览器加前缀。配合postcss一起使用会更好。
越前君·2022-04-20 17:24

001 前端工程化之统一代码规范

一、githooks通过gitinit创建.git>hooks文件夹中有一系列hooks钩子，此时只需要关注pre-commit.sample，即提交前触发的钩子，如果熟悉shell编程，我们可以在pre-commit.sample文件中编写想要做的事情，但是绝大多数前端并不熟悉，所以我们需要使用工具：husky。1、安装yarnaddhusky@commitlint/cli@commitlint
吴7·2022-04-19 15:11

web前端如何提升自我

最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知
the_cleaner·2022-04-03 07:21

web前端进阶架构师之路

最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知
returnShitBoy·2022-04-03 07:49

web前端如何才能成为架构师

最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知
henhenha·2022-04-03 07:46

前端工程化 Webpack基础

前端工程化模块化（js模块化，css模块化，其他资源模块化）组件化（复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）自动化（自动化构建、自动部署
清晨细雨fei·2022-03-29 16:00

2021 typescript史上最强学习入门文章(4w字)

前言这篇文章出自掘金作者：Jimmy_kiwi本来自己以前是不喜欢ts的,因为它有一定的学习成本,代码量增加,代码复杂度增加等.后来慢慢觉得，ts的静态检查使得开发者提前发现错误，在前端工程化开发的今天确实有必要
lijiuju·2022-03-26 04:40

超详细的webpack之开始体验吧

webpack是一个前端工程化非常重要静态模块化打包工具，可以帮我们把less、sass、esmodule、commonjs等模块依赖处理成浏览器可识别的静态资源。
·2022-03-20 21:29

Webpack 究竟是什么？如何理解Webpack

本篇文章主要是针对B站Webpack从原理到实战的知识梳理，之前写过一些Webpack更细节的一些知识，详情见前端工程化（webpack），里面更详细的介绍了前端工程化、loader的使用，webpack
Martian_小小·2022-03-19 23:41

angular项目打包_从 Angular 转到 React，网易严选的前端工程化实践

前端工程化的出现，就是为了解决这些日益突出的问题。它旨在制订规范化的前端工
weixin_39616693·2022-03-16 09:03

angular项目打包_从 Angular转到 React，网易严选的前端工程化实践

前端工程化的出现，就是为了解决这些日益突出的问题。它旨在制订规范化的前端工作流，并规范统一项目的模块化开
weixin_39562928·2022-03-16 09:33

爪哇学习笔记——Webpack原理

前端工程化技术选型统一规范——eslint、husky测试、部署、监控——ut、e2e、mock性能优化模块化重构webpack流程webpack的构建流程可以分为以下三大阶段：初始化：启动构建，读取与合并配置参数
·2022-03-15 23:47

Node.js高级编程

Nodejs可以做什么轻量级，高性能的Web服务前后端JavaScript同构开发便捷高效的前端工程化nodejs架构.pngNativesmodules当前层内容由JS实现提供应用程序可直接调用库，例如
lowpoint·2022-03-15 20:34

前端工程化：使用 shelljs 生成 yapi 接口文件

之前的文章介绍了使用yapi-to-typescript（下文简称ytt）生成接口类型定义文件，方便我们直接使用接口的请求和响应类型，能减少很多写接口类型的时间。使用yapi-to-typescript生成接口响应数据的TS类型声明既然能生成接口类型定义文件，那也就可以生成接口请求代码文件咯，可是网上找了下没找到有相关的工具库，想必是每个公司的项目接口请求代码风格差异较大，要开发一个可以灵活配置生
Tirion·2022-03-12 16:00

从业务组件库看前端工程化

浅谈前端工程化在我看来，前端工程化就是指把平时工作流程中的一部分繁琐重复的工作以工具的形式沉淀出
·2022-03-05 09:32

从业务组件库看前端工程化

浅谈前端工程化在我看来，前端工程化就是指把平时工作流程中的一部分繁琐重复的工作以工具的形式沉淀出
·2022-03-01 21:10

Vue全家桶-前端工程化

一、模块化相关规范1.模块化概述传统开发模式的主要问题:命名冲突，文件依赖通过模块化解决上述问题:模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。模块化开发的好处:方便代码重用，从而提升开发效率，并且方便后期的维护。2.浏览器端模块化规范①AMDRequire.js(http://www.requirejs.cn/)②C
coder_shen·2022-02-20 04:00

2022年最新web前端学习资料整理

前言：最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试、Js、CSS、Nodejs、网络安全、Http通信、浏览器原理、前端部署运维
谢特boy·2022-02-18 16:18

前端工程化

“前段工程化”是前端开发领域非常重要的一环，本节重点介绍前端工程化体系的各个环节的设计要点和实践经验，引导大家深入思考并积极实践。
JunChow520·2022-02-18 06:06

前端工程化与webpack简单使用(1)

前端工程化与webpack简单使用1.前端工程化1.1实际的前端开发1.2什么是前端工程化1.3前端工程化的解决方案早期目前主流2.
pingting_·2022-02-16 15:55

前端科普系列（5）：ESLint - 守住优雅的护城河

本文为第五章，主要讲前端工程化中的很重要工具ESLint，主要介绍ESLint的历史、用法以及如何基于ESLint打造保护代码仓库
vivo互联网技术·2022-02-16 10:43

TS + React 工程化实践

1.TypeScript工程化开发前端工程化就是通过流程规范化、标准化提升团队协作效率通过组件化、模块化提升代码质量使用构建工具、自动化工具提升开发效率编译=>打包(合并)=>压缩=>代码检查=>测试=
张Piers·2022-02-15 17:17

Web 前端工程化

今天说一说前端的工程化，工程化大概包括模块化，组件化，自动化，规范化。在项目的启动之前，我们做好这一系列的工程化，那么项目的最终的质量会很高的。首先说一下模块化，模块化就是将一个大小拆分程相互依赖的小文件，在进行统一的拼装和加载，这样的话，方便了多人合作开发，提高了项目代码的可读性、可扩展性。一下我针对JS的模块化做了还算是比较详细的介绍吧，其他的大家可以自己去get一下一、JS模块化JavaSc
Osenki·2022-02-15 10:35

Node.js简介

目录Node.jsNode.js简介Node.js的引用场景1.前端工程化2.Web服务端应用3.Electron跨端桌面应用Node.js运行时结构Node.js特点1.异步I/O2.单线程3.跨平台
1900's 88 keys·2022-02-15 09:49

Webpack 体系基础

——资源前端工程化工具出现之前靠手动管理资源文件，比如通过标签引入样式文件，通过标签引入JS文件等，但这种做法会出现很多问题：操作过程繁琐存在依赖关系时要严格按照顺序书写开发与生产环境一致导致难以接入TS
·2022-02-14 19:37
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他