E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
《前端工程化》
Day12-1-Webpack
前端工程化
开发
Webpack
前端工程化
1案例-webpack打包js文件1在index.html中编写代码Document把字符串倒序并转大写转换2创建StringChange.js文件3在index.js中引入StringChange.js
金霖海
·
2023-08-03 09:13
前端
前端
webpack
node.js
Vue-
前端工程化
前后端开发模式早期开发是前后端混合开发即前后端代码写在一个工程中前端写完给后端,后端发现问题反映给前端,后端就需要懂全栈YAPI(接口在线管理平台)一个接口管理和编辑平台现在已经没有在维护了还有mock服务就是根据你编写的来生成一个网址,然后你访问的话会进行对应数据的返回如图
前端工程化
很多小白理解的前端工程就是这样资源没有同一管理
小袁拒绝摆烂
·
2023-08-02 15:43
前端
前端
vue.js
javascript
前端工程化
漫谈
喜欢的话可以关注我的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
前端
前端
docker
容器
什么是
前端工程化
?
工程化介绍什么是
前端工程化
?
前端工程化
是一种思想,而不是某种技术。主要目的是为了提高效率和降低成本,也就是说在开发的过程中可以提高开发效率,减少不必要的重复性工作等。tip现实生活举例建房子谁不会呢?
菜园前端
·
2023-07-29 18:32
前端
javascript
前端项目工程化
什么是
前端工程化
前端工程化
是使用软件工程的方法来解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。
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
webpack学习
前端
模块化开发
个人主页:爱吃炫迈系列专栏:
前端工程化
座右铭:道阻且长,行则将至文章目录模块化的历史没有模块化带来的问题CommonJSCommonJS和Node关系模块化案例exports导出module.exports
爱吃炫迈
·
2023-07-25 02:30
前端工程化
前端
javascript
babel
个人主页:爱吃炫迈系列专栏:
前端工程化
座右铭:道阻且长,行则将至文章目录Babel是什么插件预设preset常见预设安装执行顺序结合webpack中使用babelbabel-loaderbabel-corebabel-preset-env
爱吃炫迈
·
2023-07-25 02:30
前端工程化
前端
javascript
json
es6
webpack
个人主页:爱吃炫迈系列专栏:
前端工程化
座右铭:道阻且长,行则将至文章目录认识webpackwebpack是什么webpack作用webpack可以打包什么(Vue项目)webpack使用前提webpack
爱吃炫迈
·
2023-07-25 02:58
前端工程化
webpack
前端
node.js
前端工程化
-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
vue.js
前端
javascript
webpack ---- 入门到入土
文章目录webpack----入门到入土webpack----
前端工程化
与webpack的基本使用webpack----webpack中的插件webpack----webpack中的loaderwebpack
萤火虫的小尾巴
·
2023-07-21 17:57
#
webpack
webpack
前端
前端工程化
前端工程化
前端工程化
前端工程化
就是通过各种工具和拘束,提升前端开发效率的过程。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学习
前端
webpack
rust
前端工程化
第一章: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
webpack学习
前端
webpack
node.js
前端node.js入门
什么是
前端工程化
?Node.js为何能执行JS?fs模块-读写文件path模块-路径处理URL中的端口号常见的服务程序Node.js模块化什么是模块化?
小周不摆烂
·
2023-07-19 09:53
#
前端node.js入门
前端
node.js
【前端学习路线】你一定需要掌握的热门前端技术栈
转自鱼皮+=建议先观看视频导读:https://www.bilibili.com/video/BV1nh411e7oG/大纲前言-学编程需要的特质前端学习七阶段前端入门巩固基础
前端工程化
前端优化前端生态前端求职前端未来尾声
Bankcary
·
2023-07-18 02:53
前端
学习
javascript
Vue3工程化项目搭建
Vue3工程化项目搭建源码:vue3-quick-start预览:vue3-quick-start一、何为工程化工程化概述
前端工程化
大致可以分为模块化、组件化、规范化和自动化。
forguo
·
2023-07-17 22:11
工程化
Vue
大前端
vue3
vite
vite+vue3+ts
工程化
vue3工程化
vue3+ts
前端工程化
概念
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
前端
ajax
前端
javascript
vue.js
html
前端框架
前端工程化
探索——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
webpack
前端
node.js
前端框架的数据驱动
开篇:让Vite助力你的
前端工程化
之路当下,在项目开发的过程中,前端工程师们越来越离不开构建工具了,可以说构建工具已经成为了前端工程项目的标配。
江拥羡橙
·
2023-07-14 22:05
#
vue
前端框架
vue.js
【Web前端学习之路】Vue3.0 前端必会框架 (黑马课程笔记01)
1、什么是
前端工程化
前端工程化
指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化,实现前端的4个要求:模块化(JS的模块、css的模块、其他资源的模块化)组件化
a123456_9
·
2023-07-14 17:09
前端
webpack
前端
学习
【送书福利-第十五期】计算机全栈高手到底该怎么发展?
本文目录一、前言二、书籍介绍1、《
前端工程化
实践》2、《网络DevOps平台规划、设计与实践》3、《Go程序开发实战宝典》4、《Linux嵌入式系统开发从小白到大牛》三、抽奖方式总结一、前言最近还是那个老生常谈的问题
程序员洲洲
·
2023-07-14 10:33
送书福利
项目踩坑
人工智能
全栈
前端工程化
与webpack
一、目标能够说出什么是
前端工程化
能够说出webpack的作用能够掌握webpack的基本使用了解常用plugin的基本使用了解常用loader的基本使用能够说出SourceMap的作用二、目录
前端工程化
一支咸鱼
·
2023-07-14 00:04
Vue.js
前端
webpack
node.js
【
前端工程化
】包管理器的发展
前阵子突然刷到了tnpm,然后学习了一下其中的优化npminstall的原理,虽然对对业务没什么帮助,但是学习一些优化思想还是很有好处的。学习的过程中,刚好来总结一下这几年npm、yarn、pnpm的有点和缺点。起源一开始时候使用网址来共享代码,比如想使用JQuery的时候就去JQuery官网使用它的下载链接,弊端就是,每次用到其他人的开源代码的时候,就要逐个去找它对应的下载链接,然后引入到文件中
Armouy
·
2023-06-22 08:03
学习记录
前端
npm
前端工程化
——监控
监控有四个点:网页崩溃(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
#
Vue
前端
webpack
React 的源码与原理解读(十六):Context 与 useContext
本专栏的阅读需要你具有一定的React基础、JavaScript基础和
前端工程化
的基础,作者并
摸鱼老萌新
·
2023-06-18 11:19
React
源码解读
react.js
javascript
前端
前端框架
react
【前端进阶】使用 Vue3 的 complier-core 玩转模版编译
前言我是五柳,喜欢创新、捣鼓源码,专注于Vue3源码、Vite源码、
前端工程化
等技术领域分享,欢迎关注我的「微信公众号:Codecenter」。
fewuliu
·
2023-06-18 09:16
Vue
3
源码解析
vue.js
编译器
前端项目部署上线nginx反向代理
wangjingguan/articles/12817442.html项目部署—需要服务器+域名●部署(手动/自动化)到服务器—打包/构建(发版)、上线1.webpack—模块化打包工具、前端项目工程化的具体解决方案
前端工程化
一枚形成良好习惯的前端猿
·
2023-06-17 11:21
前端
javascript
webpack
nginx
Vue2:Vue2 @vue/cli脚手架
技术文档:https://fendteam.github.io/VueCourseChrome调试插件:Vue.jsdevtools渐进式:声明式编程->组件化开发->客户端路由->大规模状态管理->
前端工程化
核心特性
孤安先生
·
2023-06-16 10:18
全栈开发学习日记
#
第八章:Vue2全家桶
vue.js
前端
javascript
前端框架
前端工程化
&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
webpack
前端
javascript
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
前端
前端
vue.js
javascript
typescript
容器
◆
前端工程化
◆ webpack 的基本使用 ◆ webpack 中的插件 ◆ webpack 中的 loader ◆ 打包发布 ◆ Source Map
◆
前端工程化
◆webpack的基本使用◆webpack中的插件◆webpack中的loader◆打包发布◆SourceMap◆
前端工程化
◆webpack的基本使用◆webpack中的插件◆webpack
前端学习@
·
2023-06-12 22:53
vue2
前端
webpack
javascript
vue.js
Node工程的依赖包管理方式 | 京东云技术团队
作者:京东零售陈震在
前端工程化
中,JavaScript依赖包管理是非常重要的一环。依赖包通常是项目所依赖的第三方库、工具和框架等资源,它们能够帮助我们减少重复开发、提高效率并且确保项目可以正确的运行。
·
2023-06-12 10:39
node.js京东云java
Ajax,前后端分离开发,
前端工程化
,Element,Vue路由,打包部署
Ajax介绍AxiosAjax-Axiosfunctionget(){//通过axios发送异步请求-get//axios({//method:"get",//url:"http://yapi.smart-xwork.cn/mock/169327/emp/list"//}).then(result=>{//console.log(result.data);//})axios.get("http:/
枯寂麻辣
·
2023-06-09 17:59
vue.js
前端
javascript
【
前端工程化
】Git入门指南:轻松掌握从安装到操作!
git入门指南安装和基本配置Bash,CMD和GUI用户名和邮箱的配置Git仓库本地Git仓库文件状态的划分文件状态检测git忽略文件的配置(了解)文件更新提交git校验和-日志和版本回退gitloggitresetgitreflog远程仓库远程仓库的操作获取远程仓库远程仓库的验证-凭证远程仓库的验证-SSH密钥管理远程服务器远程仓库的交互远程公司总结和公司开发流程总结git分支管理gittagg
SevgiliD
·
2023-06-09 12:12
前端工程化
git
前端
github
pnpm才是
前端工程化
项目的未来
前言相信小伙伴们都接触过npm/yarn,这两种包管理工具想必是大家工作中用的最多的包管理工具,npm作为node官方的包管理工具,它是随着node的诞生一起出现在大家的视野中,而yarn的出现则是为了解决npm带来的诸多问题,虽然yarn提高了依赖包的安装速度与使用体验,但它依旧没有解决npm的依赖重复安装等致命问题。pnpm的出现完美解决了依赖包重复安装的问题,并且实现了yarn带来的所有优秀
·
2023-06-09 11:10
前端npm工程化
前端工程化
-VUE
前端工程化
-VUEVue-cliNode.js1.什么是Node.js2.Node.js的安装高效的开发离不开基础工程的搭建。
深度学习从入门到放弃
·
2023-06-09 11:51
前端
vue.js
javascript
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他