前端工程化

我的创作纪念日

成就默默无闻的前端小白，毫无成就可言……憧憬目前正在深入学习前端工程化，同时也在了解后端的开发，期望能够早日进入腾讯！！！
Jackson_Mseven·2023-08-05 12:24

前端工程化（一） Node.js基础

什么是前端工程化？前端工程化又有什么用呢？前端工程化就是在构建一个前端项目的时候，通过一些技术跟工具，来提升前端开发效率的过程。Node.js基础简介什么是node.js？
琳琳酱吖·2023-08-04 15:18

版本控制和团队协作：前端工程化的关键要素

社区和生态系统分支管理和团队协作流程1.主分支2.功能分支3.开发工作4.合并到`develop`5.发布准备6.发布持续集成与持续部署实践持续集成（CI）持续部署（CD）版本控制系统介绍（如Git）前端工程化是指通过使用一系列工具
阿珊和她的猫·2023-08-03 21:59

从入门到放弃day07——Vue前端工程化之Webpack

前言不知不觉已经学完了vue的基础语法知识，下一步要学习的就是如何创建一个vue项目了，到这一步又离成功更近了！目录前言一、Webpack1.1Webpack概述1.2Webpack基本使用1.2.1创建项目1.2.2在项目中安装和配置webpack1.2.3配置打包的入口与出口1.2.4配置webpack的自动打包功能1.2.5配置html-webpack-plugin生成预览页面1.2.6配置
小陈工·2023-08-03 17:02

从入门到放弃day08——Vue前端工程化之Vue脚手架

目录一、Vue单文件组件1.1传统组件的问题和解决方案1.2Vue单文件组件的基本用法1.3webpack中配置vue组件的加载器1.4在webpack项目中使用vue1.5webpack打包发布二、Vue脚手架2.1Vue脚手架的基本用法2.2Vue脚手架的使用步骤2.2.1安装3.x版本的Vue脚手架2.2.2基于3.x版本的脚手架创建vue项目2.3Vue脚手架生成的项目结构分析2.4Vue
小陈工·2023-08-03 17:02

Day11-Webpack前端工程化开发

Webpack一webpack基本概念遇到问题开发中希望将文件分开来编写，比如CSS代码，可以分为头部尾部内容，公共的样式。JS代码也希望拆分为多个文件，分别引入，以后代码比较好维护。本地图片，希望可以实现小图片不用访问后端，保存在前端代码中就可以了运行程序时我们希望你的文件越少越好，外部资源少了，减少对服务器访问次数。比如JS我们希望项目只有一个，加载一次就可以。CSS代码我们希望你项目只有一个
金霖海·2023-08-03 09:13

Day12-1-Webpack前端工程化开发

Webpack前端工程化1案例-webpack打包js文件1在index.html中编写代码Document把字符串倒序并转大写转换2创建StringChange.js文件3在index.js中引入StringChange.js
金霖海·2023-08-03 09:13

Vue-前端工程化

前后端开发模式早期开发是前后端混合开发即前后端代码写在一个工程中前端写完给后端，后端发现问题反映给前端，后端就需要懂全栈YAPI（接口在线管理平台）一个接口管理和编辑平台现在已经没有在维护了还有mock服务就是根据你编写的来生成一个网址，然后你访问的话会进行对应数据的返回如图前端工程化很多小白理解的前端工程就是这样资源没有同一管理
小袁拒绝摆烂·2023-08-02 15:43

前端工程化漫谈

喜欢的话可以关注我的Github主页，如有疑问欢迎在文章下方评论或在Github原文处提交Issue一.什么是前端工程化？
lyfeyaj·2023-08-01 23:30

【前端工程化】未使用docker时，前端项目实现线上秒级回滚

准备单页应用项目3.2保存历史构建index.html内容3.3模拟服务端托管前端应用3.4快速回滚node服务端代码开发3.5快速回滚前端可视化页面开发3.6快速回滚测试四.总结一.前言项目快速回滚是前端工程化中很重要的一环
chengbo_eva·2023-07-29 22:50

什么是前端工程化？

工程化介绍什么是前端工程化？前端工程化是一种思想，而不是某种技术。主要目的是为了提高效率和降低成本，也就是说在开发的过程中可以提高开发效率，减少不必要的重复性工作等。tip现实生活举例建房子谁不会呢？
菜园前端·2023-07-29 18:32

前端项目工程化

什么是前端工程化前端工程化是使用软件工程的方法来解决前端的开发流程中模块化、组件化、规范化、自动化的问题，其主要目的为了提高效率和降低成本。
symY_Y·2023-07-29 01:21

聊聊如何做好一个开源组件库

1.背景前端项目的组件化是为了追求高复用，高可维护性为目的的代码封装，它是前端工程化的一种表现形式。
小张张英格里·2023-07-27 21:01

超全面的前端工程化配置指南（转）

本文讲解如何构建一个工程化的前端库，并结合GithubActions，自动发布到Github和NPM的整个详细流程。示例我们经常看到像Vue、React这些流行的开源项目有很多配置文件，他们是干什么用的？他们的Commit、Release记录都那么规范，是否基于某种约定？废话少说，先上图！[图片上传失败...(image-8b601a-1660710418796)]上图标红就是相关的工程化配置，有
DoEmpty·2023-07-27 10:05

前端架构师的具体职责范围

前端架构师的具体职责范围1职责：1、前端技术选型、架构搭建、制定前端开发规范，并编制相关文档2、负责搭建前端框架、通用组件方案制定、性能优化相关工作;3、维护和升级本地开发环境，提高开发效率，提升开发质量;4、推动前端工程化
matlab@com·2023-07-26 15:40

前端工程化第三章：webpack5基础（下）

文章目录1.TypeScript支持（ts-loader）1.1.ts-loader1.1.1.webpack.config.js1.1.2.tsconfig.json1.1.3.src/index.ts1.2.使用babel-loader将ts转换为js1.2.1.webpack.config.js1.2.2.src/index.ts2.代码规范检查（Eslint）2.1.webpack.con
剑九 六千里·2023-07-25 02:48

模块化开发

个人主页：爱吃炫迈系列专栏：前端工程化‍座右铭：道阻且长，行则将至文章目录模块化的历史没有模块化带来的问题CommonJSCommonJS和Node关系模块化案例exports导出module.exports
爱吃炫迈·2023-07-25 02:30

babel

个人主页：爱吃炫迈系列专栏：前端工程化‍座右铭：道阻且长，行则将至文章目录Babel是什么插件预设preset常见预设安装执行顺序结合webpack中使用babelbabel-loaderbabel-corebabel-preset-env
爱吃炫迈·2023-07-25 02:30

webpack

个人主页：爱吃炫迈系列专栏：前端工程化‍座右铭：道阻且长，行则将至文章目录认识webpackwebpack是什么webpack作用webpack可以打包什么（Vue项目）webpack使用前提webpack
爱吃炫迈·2023-07-25 02:58

前端工程化-Webpack 基础-打包 HTML、JS 和图片

以下皆为拉勾教育课件内笔记打包HTML生成HTMLhtml-webpack-plugin，该插件用来创建HTML文件，创建的HTML文件默认引⼊打包后的所有资源文件。复制HTML到打包目录、确保HTML中的路径正确（例如：HTML标签中的src）详情查看：https://www.npmjs.com/package/html-webpack-plugin安装：npmihtml-webpack-plu
白棠·2023-07-22 01:01

一文彻底搞懂弄清Vue Router4+vite4后台管理的动态路由问题

前后端分离可以说是当下最火的开发方式，充分将后端从前端的繁琐工作中解放了出来，也让更多之前后端瞧不上的前端有了一席之地，诞生了前端工程师这个称呼和岗位，但通过笔者的观察前端工程化其实就是抄袭了后端的一些开发思想所诞生的产品及框架
轻编程·2023-07-22 00:56

webpack ---- 入门到入土

文章目录webpack----入门到入土webpack----前端工程化与webpack的基本使用webpack----webpack中的插件webpack----webpack中的loaderwebpack
萤火虫的小尾巴·2023-07-21 17:57

前端工程化

前端工程化前端工程化就是通过各种工具和拘束，提升前端开发效率的过程。NOde.js官方网址：nodejs.org/浏览器内核的组成部分渲染引擎：用来做内容渲染，比如html、css渲染。
GongShengM·2023-07-21 10:50

前端工程化第二章：webpack基础（中）

文章目录1.处理css资源（css文件拆分mini-css-extract-plugin）1.1.package.json1.2.webpack.config.js2.处理预编译器（less/scss）2.1.src/index.js2.2.src/index.less2.3.src/index.scss2.4.webpack.config.js3.适配（postCss）3.1.webpack.c
剑九 六千里·2023-07-20 04:55

前端工程化第一章：webpack基础（上）

文章目录1.什么是webpack？2.webpack使用2.2.前置知识2.1.创建一个项目3.webpack打包3.1.创建一个webpack.config.js文件3.2.入口（entry）3.2.1.webpack.config.js3.2.2.src/index.js3.2.3.package.json3.3.输出（output）3.3.1.webpack.config.js3.4.加载器
剑九 六千里·2023-07-20 04:52

前端node.js入门

什么是前端工程化？Node.js为何能执行JS？fs模块-读写文件path模块-路径处理URL中的端口号常见的服务程序Node.js模块化什么是模块化？
小周不摆烂·2023-07-19 09:53

【前端学习路线】你一定需要掌握的热门前端技术栈

转自鱼皮+=建议先观看视频导读：https://www.bilibili.com/video/BV1nh411e7oG/大纲前言-学编程需要的特质前端学习七阶段前端入门巩固基础前端工程化前端优化前端生态前端求职前端未来尾声
Bankcary·2023-07-18 02:53

Vue3工程化项目搭建

Vue3工程化项目搭建源码：vue3-quick-start预览：vue3-quick-start一、何为工程化工程化概述前端工程化大致可以分为模块化、组件化、规范化和自动化。
forguo·2023-07-17 22:11

前端工程化概念

1.前端工程化全副武装：通过工程化提升【战斗力】"刀耕火种"的年代6b7tdf.png技术是为了解决问题而存在的面临的问题想要使用ES6+新特性，但是兼容有问题想要使用Less/Sass/PostCSS
红尘灬客栈·2023-07-17 10:45

JavaWeb（6）——前端工程化（AJAX 和VUE入门）

一、AJAX快速入门而原生的Ajax请求的代码编写起来还是比较繁琐的，所以接下来我们学习一门更加简单的发送Ajax请求的技术Axios。Axios是对原生的AJAX进行封装，简化书写。Axios官网是：起步|Axios中文文档|Axios中文网(axios-http.cn)但是还有简化的形式：（这种简化的形式使用较多）欢迎使用-AJAX-数据管理平台(apifox.com)二、vue入门（安装vu
白白白鲤鱼·2023-07-17 09:11

前端工程化探索——Babel补遗

title:前端工程化探索——Babel补遗category:Webtag:[前端工程化,Babel]date:2019-07-14工欲善其事必先利其器，先不引入webpack，使用cli使用babel
水煮香蕉·2023-07-16 04:44

【webpack】webpack初步了解（存档自用）

2023/7/1409:26:28webpack工程化构建2023/7/1409:26:50Webpack是一个现代化的前端工程化构建工具，它可以将多个模块打包成一个或多个静态资源文件。
Ranye123·2023-07-15 09:53

前端框架的数据驱动

开篇：让Vite助力你的前端工程化之路当下，在项目开发的过程中，前端工程师们越来越离不开构建工具了，可以说构建工具已经成为了前端工程项目的标配。
江拥羡橙·2023-07-14 22:05

【Web前端学习之路】Vue3.0 前端必会框架 （黑马课程笔记01）

1、什么是前端工程化前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化，实现前端的4个要求：模块化(JS的模块、css的模块、其他资源的模块化)组件化
a123456_9·2023-07-14 17:09

【送书福利-第十五期】计算机全栈高手到底该怎么发展？

本文目录一、前言二、书籍介绍1、《前端工程化实践》2、《网络DevOps平台规划、设计与实践》3、《Go程序开发实战宝典》4、《Linux嵌入式系统开发从小白到大牛》三、抽奖方式总结一、前言最近还是那个老生常谈的问题
程序员洲洲·2023-07-14 10:33

前端工程化与webpack

一、目标能够说出什么是前端工程化能够说出webpack的作用能够掌握webpack的基本使用了解常用plugin的基本使用了解常用loader的基本使用能够说出SourceMap的作用二、目录前端工程化
一支咸鱼·2023-07-14 00:04

【前端工程化】包管理器的发展

前阵子突然刷到了tnpm，然后学习了一下其中的优化npminstall的原理，虽然对对业务没什么帮助，但是学习一些优化思想还是很有好处的。学习的过程中，刚好来总结一下这几年npm、yarn、pnpm的有点和缺点。起源一开始时候使用网址来共享代码，比如想使用JQuery的时候就去JQuery官网使用它的下载链接，弊端就是，每次用到其他人的开源代码的时候，就要逐个去找它对应的下载链接，然后引入到文件中
Armouy·2023-06-22 08:03

前端工程化——监控

监控有四个点：网页崩溃（crashes）JavaScript执行出错网页卡顿首屏渲染网页崩溃的监控使用serviceworker和setInterval来实现，参考：如何监控网页崩溃JavaScript执行出错使用sentry来对上报错误即可网页卡顿的监控网页卡顿就是掉帧，fps太低了，fps的监控分为两部分开发时监控，可借助工具：lag-radar线上用户监控，可参考：FPS测试关键在于，线上用
冰淤·2023-06-21 20:00

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

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

web前端工程化利刃——weback简介

一次内部webpack基础培训的文档和代码分享。简单了解webpack及入门。webpack.001.jpegwebpack.002.jpegwebpack.003.jpegwebpack.004.jpegwebpack.005.jpegwebpack.006.jpegwebpack.007.jpegwebpack.008.jpegwebpack.009.jpegwebpack.010.jpegw
IT米粉·2023-06-19 06:18

【WebPack】前端工程化

文章目录前端工程化一、前端工程化概念二、前端工程化优点三、前端工程化解决方案四、webpack的基本使用4.1什么是webpack4.2创建列表隔行变色项目4.3安装webpack4.4配置webpack4.5
骑着蜗牛ひ追导弹'·2023-06-19 02:26

React 的源码与原理解读（十六）：Context 与 useContext

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

【前端进阶】使用 Vue3 的 complier-core 玩转模版编译

前言我是五柳，喜欢创新、捣鼓源码，专注于Vue3源码、Vite源码、前端工程化等技术领域分享，欢迎关注我的「微信公众号：Codecenter」。
fewuliu·2023-06-18 09:16

前端项目部署上线nginx反向代理

wangjingguan/articles/12817442.html项目部署—需要服务器+域名●部署(手动/自动化)到服务器—打包/构建(发版)、上线1.webpack—模块化打包工具、前端项目工程化的具体解决方案前端工程化
一枚形成良好习惯的前端猿·2023-06-17 11:21

Vue2：Vue2 @vue/cli脚手架

技术文档：https://fendteam.github.io/VueCourseChrome调试插件：Vue.jsdevtools渐进式：声明式编程->组件化开发->客户端路由->大规模状态管理->前端工程化核心特性
孤安先生·2023-06-16 10:18

前端工程化&webpack

1.模块化的相关规范1.能够了解2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用1.模块化的分类1.1浏览器端的模块化1).AMD(AsynchronousModuleDefinition,异步模块定义)代表产品为：Require.js2).CMD(CommonModuleDefinition,通用模块定义)代表产品为：Sea.js1.2
Scincyc·2023-06-15 09:20

webpack配置

webpack前端工程化实际的前端开发模块化（js的模块化、css的模块化、资源的模块化）组件化（复用已有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理
Weak up .·2023-06-15 08:48

2020年大前端架构（web前端技术）

知识储备前端工程化就是前端的使用各种项目管理工具和项目开发工具，使得前端开发更加规范和工程化，规范前端的开发规范和开发效率
·2023-06-15 01:43

【webpack学习笔记—2】ES6模块打包标准

打包就是为了让前端工程化，分离代码间的作用域。导出就是将本模块对外暴露，导入就是引入其他模块来使用其方法等。ES6Module是2015年引入的标准，让JS正式具备模块的概念。
sam的奋斗日记·2023-06-13 20:12

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

文章目录一、完整构建流程1、在指定目录下执行pnpminit，初始化package.json2、执行pnpminstallvite-D，安装vite。3、package.json中增加启动、构建命令4、新建index.html5、根目录下新建src文件夹，并在其下方新建main.ts6、安装vue：pnpminstallvue7、根目录下新建env.d.ts文件，输入内容用以支持其他文件引入vue
碳学长·2023-06-13 20:42
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他