前端工程化

前端工程化——高内聚低耦合与单一设计原则的理解

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、内聚与耦合的理解二、场景例子1.用户注册。前言在软件开发中，主要是面向对象的开发设计，所以我们追求代码设计要高内聚，低耦合；一、内聚与耦合的理解内聚是从功能角度来度量模块内的联系，它描述的是模块内的功能联系，模块内各个元素彼此结合的紧密程度。高内聚是指一个模块是由相关性很强的代码组成，只负责一件事情，也就是常说的单一设
SuperYiY·2023-04-04 00:50

vue2.x+elementUI搭建后台（一）

构建环境搭建安装npm我们这次编写的vue是基于前端工程化的，构建工具用的是webpack，所以我们需要安装npm。npm是nodejs自带的包管理工具，所以，安装no
本然酋长·2023-04-03 21:46

前端工程化-Node.js 第三方模块与npm

前端工程化中的大部分工具，都以包的形式，存在与npmjs.com上第三方模块使用前，需要单独安装，安装需要借助npm命令。npm简介npm（NodePackageManager）是包管理工具。
白棠·2023-04-03 15:14

前端工程化pnpm 管理workspace 统一版本号

参考vue源码releaseconstfs=require('fs')constpath=require('path')constchalk=require('chalk')constargs=require('minimist')(process.argv.slice(2))constsemver=require('semver')constcurrentVersion=require('../
木贝西·2023-04-03 13:12

webpack 4.0 完全讲解及源码解读（1）

自动构建工具可以快速的构建项目完成项目搭建，快速完成功能,业务开发，这样水到渠成的模式深得人心，也深得科技公司信赖，因为简单，易用且方便，但是对于使用webpack构建一个0-1的项目，可能很多人只能摊手，不得不说webpack是前端工程化之中占有相当重要地位的成员
公羊无衣·2023-04-03 11:25

es6模块化

1、模块化思想前端模块化是前端工程化的基石，符合按模块开发的流程，代码耦合度低，复用率高。
frist word·2023-04-03 09:27

前端部署的发展历程

前端一说起刀耕火种，那肯定紧随着前端工程化这一话题。
WEB前端含光·2023-04-02 22:07

深入了解输入网址到展示网站发生什么

文章目录前言一、流程图二、涉及的知识点三、总结前言都说前端入门容易，但其实想做好前端会发现很多知识需要掌握的，基本有这几大块，JavaScript，CSS，HTML，框架，计算机网络，浏览器原理，数据结构，前端工程化等等
文默·2023-04-02 17:33

什么是前端工程化

什么是前端工程化前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化，其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间，而前端工程本质上是软件工程的一种
代码搬运媛·2023-04-01 22:11

前端工程化和模块化

模块化相关规范一、浏览器的模块化规范1、AMDrequire.js2、CMDsea.js二、服务器模块化规范1、CommonJS模块分为单文件模块与包模块成员导出module.exports与exports模块成员导入：require(‘模块标识符’)三、大一统的模块化规范—ES6模块化在这之前已经存在一、二模块化规范但是存在差异性和局限性，所以咱们以后尽量使用ES6模块化；ES6模块化规范中定义
蜡笔大帅·2023-04-01 22:50

前端工程化

一、AST（抽象语法树，AbstractSyntaxTree）手把手带你走进Babel的编译世界-掘金(juejin.cn)1、概念我们所写的代码转换为机器能识别的一种树形结构，本身是由一堆节点（Node）组成，每个节点都表示源代码中的一种结构。2、节点类型不同结构用类型（Type）来区分，常见的节点类型有Identifier(标识符)，Expression(表达式)，VariableDeclar
Kw_Chng·2023-04-01 22:04

一种基于Git的版本管理方案

本篇摘录自《前端工程化体系设计与实践》一书，笔者认为是一套相对合理的方案，建议团队可以根据实际情况进行调整并增加协作命名规范。
b91b9cf10fff·2023-04-01 03:10

FY-7216 5-前端工程化

前端工程话&函数式编程函数式编程特点：vue3react16.8全面化函数式的推动函数式编程可以使得代码单元相对更加独立，--treeshaking过程更加顺畅，更方便做UT减少了对this的依赖，减轻了开发人员对问题的困扰js天生友好，lodashramda概念：抽象运算过程，函数式的函数并非对于过程运算，函数的映射幂等--相同的输入始终得到相同的输出letarr=[1,2,3,4,5]arr.
hahahafffyyy·2023-03-30 19:10

前端工程化-VSCode插件集成脚手架和组件库

本文字数：14404字预计阅读时间：37分钟目录VSCode插件能做什么?VSCode可扩展能力有哪些？如何开发一个VSCode插件?VSCode插件如何集成基建的脚手架和组件库？（FAW保姆级教程）前端常见插件的实现原理分析？前言我们程序员每天的产出大部分都是在IDE中完成，大家在日常开发过程中，多多少少会有些自己的特殊定制需求去提升开发效率，比如写shell脚本、浏览器插件等，在VisualS
Mo_mo???·2023-03-30 16:13

node性能指标(一)-内存分析与管理

毫无疑问，现代的前端工程化已经离不开Node的应用了，而Node本身的设计是用作服务端语言，越来越多的前端团队，不再只将node局限于工程化应用，也开始去负责BFF层，比如SSR架构、数据适配、数据拼接裁剪
喵大嗷·2023-03-29 21:27

2023年总结的web前端学习路线分享（学习导读）

前端发展前景前端入门巩固基础前端工程化前端进阶前端求职前端未来写在最后前端发展前景前端岗位在互联网公司中是必不可少的存在。
亦世凡华、·2023-03-29 14:13

你还只会npm.install吗？

nodejs社区乃至Web前端工程化领域发展到今天，作为node自带的包管理工具的npm已经成为每个前端开发者必备的工具。
weixin_30699235·2023-03-28 13:49

我所了解的前端工程化

背景与冲突回顾前端的发展历史，大约在10年前，前端工程师的日常工作是切图，把前端三剑客：HTML、CSS、JavaScript学完后基本能快速的上手，且数据依赖于后端等，在当时甚至是现在部分人的印象里，前端开发是一个工作较简单、难度较低的职位，换种说法就是，前端开发职位关注度很低。而2009年Nodejs的横空出世，前端的关注度越来越高，前端的价值已经可以与后端并肩甚至超越，可以说开始抢占后端市场
理想休想幻想·2023-03-26 20:46

规范化-ESLint

规范化是践行前端工程化中重要的一部分为什么要有规范化标准：软件开发需要多人协同，不同开发人员有着不同的编码习惯，不同的习惯增加项目维护成本，每个项目或团队需要明确统一的标准。
洲行·2023-03-26 19:38

如何简单手动搭建出关于react的webpack环境

*Webpack作用：是当下前端工程化环境中使用最为广泛的构建工具，它的作用是把比较新的前端技术和文件模块，编译打包成浏览器能够识别、并且能够尽可能兼容主流浏览器的代码（HTML、CSS、ES5），它就是一个打包器
咸菜咖喱饭·2023-03-26 14:51

第六届360前端星计划_前端工程化

前端工程化主讲人田东东360前端技术专家奇舞团一、什么是前端工程化？
lhang_91ad·2023-03-26 01:56

husky 源码分析——这个库到底做了什么？

husky源码分析前言Github：https://github.com/typicode/husky使用Git钩子变得简单在做前端工程化时husky可以说是一个必不可少的工具。
大十小九·2023-03-24 19:32

前端如何高效的与后端协作开发

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

新手须知，前端该如何与后端合作？

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

第十八天 Vue-前端工程化总结

目录Vue-前端工程化1.前后端分离开发1.1介绍1.2Yapi2.前端工程化2.1环境准备2.2Vue项目简介2.3Vue项目开发流程3.Vue组件库Element3.1快速入门3.2常用组件3.3案例
HuanLe.·2023-03-21 19:06

项目搭建 Vue + Parcel

接到一个Vue项目：目前，前端工程化趋势下，写代码之前需要搭建项目所需的环境。由于webpack需要配置的东西较多，不易上手，所以用Parcel前端打包工具，来进行前端工程化打包。
D_MarsD·2023-03-20 18:42

webpack学习（一）基础用法

wbepack4webpack是一款模块打包器，可以解决前端工程化中引入依赖资源等一些列问题start启动打包每一个webpack工程都要有一个或多个配置文件默认是webpack.config.js，我们也可以执行命令
起飞之路·2023-03-20 01:36

看看前端工程化，我们是这样做的

前言  前端潮流，浩浩汤汤。一时间，各种框架如：node、vue、react，各种概念如：模块化、工程化、TDD等，如雨后春笋般涌现。我司不甘人后，及时对技术栈做了更新，wap端从传统的PHP架构，更新为node+vue的单页面应用架构。  在重构的过程中，我们不能避免考虑如下的问题：  （1）开发时，代码按模块划分文件以方便管理。上线时，减少代码文件数量以节省请求开销。  （2）开发时，代码规范
PlusO_叶·2023-03-20 00:43

serverless 前端开发者的福音

基于模板渲染的动态页面基于AJAX的前后端分离基于Node.js的前端工程化基于Node.js的全栈开发3.下一代前端开
幺加幺·2023-03-19 10:43

Yeoman的使用

仅作为拉勾教育的学习记录前端工程化主要解决的问题传统语言或语法的弊端无法使用模块化/组件化重复的机械式的工作代码风格的统一和质量保证依赖后端服务的接口支持整体依赖后端项目工程化本地开发的流程IMG_6203
yapingXu·2023-03-18 13:56

【前端工程化】使用Pinia代替vuex，做为vue项目的状态管理工具

Pinia是Vue的专属状态管理库，基本可以满足小型项目的需求，而且用法简单，所以可以尝试使用pinia代替vuex简介|Pinia值得你喜欢的VueStorehttps://pinia.vuejs.org/zh/introduction.html#why-should-i-use-pinia
我有一棵树·2023-03-15 13:12

每一个伟大的前端项目都从“npm init”开始

每个前端团队都在打造自己的前端开发体系，这通常是一个东拼西凑，逐渐磨合的过程，那究竟一套完整的前端工程化方案是怎样实现，笔者手把手带大家实现一个。
啊力哥_a36e·2023-03-15 09:58

前端知识体系4.前端工程化1.Webpack专题

本文目录：1.webpack的定义及基础核心概念2.webpack构建原理3.webpack运行的基本流程4.webpack动态加载的实现原理及使用方法5.loader的原理及手写loader的思路6.plugin的原理及手写plugin的思路7.loader和plugin的区别8.treesharking是什么9.什么是webpack热更新10.介绍下webpack5的新特性11.Webpack
前端辉羽·2023-03-15 02:03

用TypeScript类型系统编程实现斐波那契数列

作为一名前端开发者，一定知道TypeScript经常被用于项目中的类型约束，使得在JavaScript这种弱类型语言中有了静态检查的能力，也推进了前端工程化的演进过程，在研究学习TypeScript过程中
DYBOY·2023-03-13 19:16

前端架构师对于框架的技术选型

BAT公司的招聘要求都提到了“至少熟悉React、Vue、Angular其中一种前端MVVM框架，有前端工程化与模块化开发实践经验”相关字眼。我们主要从PC端、公众号（移动端H
hh_虎·2023-03-13 06:21

2019-12-10

nextTick&setImmediate不同js事件循环hybird实现原理reacthooks对比classreactcontext,reactConcurrent实现promise.all大前端，前端工程化饿了么
peterMenghuan·2023-03-12 19:23

前端工程化（三）

webpack打包模块化开发为我们解决了很多问题，使得代码组织管理非常的方便，但是又带来了新的问题，ESModule存在环境兼容问题，划分的文件太多，就会导致网络请求频繁，不能保证所有资源的模块化如果能我们享受模块化带来的开发优势，又能不必担心生产环境的存在这些问题，于是就有了webpack,rollup,Parcel等工具webpack模块化不等于jsESmodele模块，相对来讲是前端的模块化
望月从良glh·2023-03-12 18:11

前端工程化

什么是前端工程化前端工程化，是指遵循一定的标准和规范，通过工具去提高效率降低成本的一种手段。
洲行·2023-03-11 12:06

VUE3 插件的开发和使用

插件的安装和引入在前端工程化十分普及的今天，可以说几乎所有要用到的插件，都可以在npmjs上搜到
前端不加班·2023-02-24 16:45

webpack静态资源地址注入html,利用 webpack 处理开发与线上环境静态资源切换问题...

前言webpack，作为一个处理模块加载、资源依赖管理、构建化的工具，已经逐渐成为了前端工程化领域的新贵。
北海虽赊扶摇可接·2023-02-24 13:04

前端工程化详解——理解与实践前端工程化

前言：前端工程化一直是一个老生常谈的问题，不管是面试还是我们在公司做基建都会经常提到前端工程化，那么为什么经常会说到前端工程化，并没有听过后端工程化、Java工程化或者Python工程化呢？
程序员啊楠·2023-02-20 10:50

前端工程化 —— 概述及脚手架工具

目录工程化概述工程化主要解决的问题工程化的表现工程化!=某个工具一些成熟的工程化集成脚手架工具脚手架的本质作用常用的脚手架工具脚手架工作原理脚手架工作过程开发一个脚手架工程化概述工程化主要解决的问题想要使用ES6+新特性，但是兼容有问题（传统语言或语法的弊端）想要使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但运行环境不能
顽皮的雪狐七七·2023-02-17 22:12

字节跳动青训营--前端day7

文章目录前言一、Node.js的应用场景(why)1.前端工程化2.web服务端应用3.Electron跨端桌面应用二、Node.js运行时结(what)1.V8，libuv2.优缺点3.js单线程4.
是发财不是旺财·2023-02-06 08:17

用vite+Vue3+ts搭建通用后台管理系统

点击上方关注前端技术江湖，一起学习，天天进步通用后台管理系统整体架构方案(Vue)项目创建，脚手架的选择(viteorvue-cli)vue-cli基于webpack封装，生态非常强大，可配置性也非常高，几乎能够满足前端工程化的所有要求
zz_jesse·2023-02-02 14:46

一套通用的VUE后台管理系统方案（vite+Vue3+ts）

通用后台管理系统整体架构方案(Vue)项目创建，脚手架的选择(viteorvue-cli)vue-cli基于webpack封装，生态非常强大，可配置性也非常高，几乎能够满足前端工程化的所有要求。
前端达人·2023-02-02 14:37

工程化vite+vue2打包配置文件配置表

【前端工程化】vue2+webpack3项目迁移vite2踩坑总结-知乎打开vite官网,按照官网提示创建新的vite项目(由于原先项目没有用ts，所以创建项目不选ts版本，包管理工具也依然选择是npm
前端小99·2023-02-01 11:04

360前端星计划0411

前端工程化浅析1.前言：什么是前端工程化1.1目标在前端领域，利用技术不断进步和经验逐步积累带来的各种方案，来解决在项目的开发、测试、维护阶段中遇到的种种低效和繁琐的问题。
冬晴分身·2023-02-01 03:00

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

简述前端工程化的常用工具webpack的原理和使用webpack的作用webpack的作用是把很多文件打包整合到一起,缩小项目体积,提高加载速度，常用的场景是：代码压缩将JS、CSS代码混淆压缩，让代码体积更小
摸鱼老萌新·2023-01-31 10:56

详解前端工程化和node.js

前端工程化一直很相信一句话：技术是为了解决问题而存在的前端工程化是使用各种工具和技术来提升开发效率和解决前端开发中的各种问题项目开发中遇到的问题1.项目上线前，代码需要压缩2.想要使用ES6+或CSS3
Aaron胖虎·2023-01-31 08:22

前端工程化

一、描述在软件开发的领域当中，一些工程化的东西是必不可少，它可以把我们的效率，质量，还有团队合作，维护方面更加的轻松。1、什么是工程化定义工程化即系统化、模块化、规范化的一个过程。如果说计算机科学要解决的是系统的某个具体问题，或者更通俗点说面向编码的，那么工程化要解决的是如何提高整个系统生成效率。与其说软件工程是一门科学，不如说它更偏向于管理学和方法论。解决什么问题工程化解决的问题是，如何提高编码
胜过夜的美·2023-01-31 03:39
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他