《前端工程化》第3页

nodejs01

作用Node.js是一个免费的、开源的、跨平台的JavaScript运行时环境，允许开发人员在浏览器之外编写命令行工具和服务器端脚本.是javascript的一个运行环境，，，nodejsstream是前端工程化的基础

waterkid0·2024-01-10 04:57

提升开发效率：npm包管理器的使用技巧

npm的高级特性1.使用不同版本的依赖项2.查看已安装的依赖项和它们的版本信息3.运行脚本命令《Node.js从入门到精通（软件开发视频大讲堂）》编辑推荐内容简介作者简介目录随着Web开发技术的不断发展，前端工程化已经成为了一个不可忽视的趋势

程序边界·2024-01-08 13:42

原生Web Components实现类Element UI中的Card卡片组件

WebComponents&&Card一、前言随着前端工程化生态日益成熟，出现了很多优秀的框架，如：Vue、React、Angular等等，极

天問_专注于大前端技术·2024-01-08 04:07

深度解析Webpack：现代前端工程化的利器

引言：前端工程化是当今前端开发的不可或缺的一部分，而Webpack作为其中的瑞士军刀，在项目构建和优化中扮演着至关重要的角色。

Mr.mjw·2024-01-06 06:44

06Vue的前端工程化

Vue的前端工程化一模块化规范1.1模块化规范举例浏览器端JS模块化规范：AMD，CMD服务器端JS模块化规范：CommonJS大一统的模块化规范：ES6每个js文件都是独立的模块导入模块成员使用import

攻城老狮·2024-01-03 05:55

前端部署脚手架专网项目实践

前言前端脚手架是前端工程化中一项重要的提升团队效率的工具，因而构建脚手架对于前端工程师而言是一项不可获取的技能，而业界对于部署方面的脚手架相对较少，一般来说都是针对于业务的相关模板进行相关的工程化脚手架构建

维李设论·2024-01-01 13:14

前端工程化及其实践1

前端工程化及其实践1前端工程化及其实践又名：写毕设到企业级前端（第一天）前端工程化简介目录前端工程化及其实践前端工程化简介传统和现代化开发的案例对比传统前端案例现代化前端现代前端案例现代化项目结构举例vue

Wade_Crab·2024-01-01 10:59

前端工程化及其实践 3

前端工程化及其实践3前端工程化及其实践3，又名：写毕设到企业级前端（第三天）目录安装Node.js环境基础的Node项目学习模块化设计用CommonJS设计模块用ESModule设计模块了解模块导入限制

Wade_Crab·2024-01-01 10:59

了解前端工程化之组件化——Vue组件

前端工程化包含这么四个方针：模块化、组件化、规范化、自动化具体可以查看：了解前端工程化其中就有我们的组件化，它指的就是根据封装这么一个思想概念，将页面上可以重复使用的UI结构封装为组件，也叫做复用，可以大大的方便我们项目的开发以及维护

Try Tomato·2023-12-31 20:08

【转载】下一代Web应用模型：Progressive Web App

包括但不限于基于Node.js的前端工程化方案；诸如Webpack、Rollup这样的打包工具；Babel、PostCSS这样的转译工具；TypeScript、Elm这样转译至JavaScript的编程语言

weixin_30815469·2023-12-31 17:42

网页设计--第7次课后作业

可以参考视频讲解（重点参考第一个视频）：：Day03-04.前端工程化-环境准备_哔哩哔哩_bilibili尚硅谷2023版Node.js零基础视频教程，nodejs新手到高手_

wyhwust·2023-12-31 00:29

前端必须的服务端项目，node + express （这篇文章就够用）包含源代码

所以在我们继续学习前端工程化的知识之前，需要学习搭建一个基本的服务端项目，我们前端常用的服务端

我有一棵树·2023-12-30 08:24

ArkUI学习（待续）

MVVM架构实践阶段实际项目案例分析应用所学知识解决问题拓展阶段关注ArkUI最新动态和技术发展拓展知识领域和技能范围高级阶段性能优化自定义组件开发异步编程和数据流管理测试和调试技术跨平台开发框架比较前端工程化与实践用户体验设计与交互响应式设计总论

yangzex·2023-12-29 01:26

【JavaWeb学习-第四章（2）】前后端分离开发 & 前端工程化

文章目录1.前后端分离开发1.1.介绍1.2.YAPI1.2.1.YAPI介绍1.2.2.接口文档管理3.前端工程化3.1.介绍3.2.前端工程化入门3.2.1.环境准备3.2.1.1.NodeJS安装

Cpdr·2023-12-28 22:10

coderfl·2023-12-28 09:12

package.json

Node为前端工程化，模块化注入了新鲜的血液，而npm是其中关键的一环。对于刚接触这些新颖概念的我，此文作为学习笔记加强记忆帮助使用。

DHFE·2023-12-27 21:29

聊聊前端工程化

我对工程化的理解随着互联网的发展，软件工程师出现了！他们不用一砖一瓦，也不用尺子电钻，计算机是他们的施工现场，代码是他们的工程部件，键盘之上的指尖跃动是他们的工程活动，在你看不见的地方运行着的一项项服务，操作系统上你看得见的app，网页等是他们的工程产出。然而有行业的地方就有江湖，正如不是每一个会盖房子的都是建筑工程师，同样的也不是每一个会编程的都可以叫做软件工程师。那普通程序员和软件工程师的区别

黄榕生Ron·2023-12-27 11:10

前端性能优化四十六：工程化体系定义

保障质量"为目的的手段,都属于工程化的范畴.②.通过一系列的规范、流程、工具达到"研发提效、自动化、保障质量、服务稳定、预警监控"等.③.可以借助于Node,将研发链路延伸到整个DevOps中去.④.前端工程化指使用软件工程的技术与方法对前端开发的技术

wanmeijuhao·2023-12-27 04:25

前端性能优化四十七：工程目录设计范式种类

1.模块化:①.将一个复杂应用根据预设规范封装为多个块并组合起来:a.对内实现数据私有化b.对外暴露接口、其它模块通信②.在前端工程化具体体现:a.在文件层面上对代码与资源实现拆分与组装b.将一个大文件拆分为互相依赖的小文件

wanmeijuhao·2023-12-27 04:25

前端初始化+按需引入组建

随着前端工程化的概念越来越深入人心，脚手架应运而生。简单来说，「前端脚手架」就是指通过选择几个选项快速搭建项目基础代码的工具。

城堡修炼者·2023-12-26 04:11

webpack构建前端工程

1)构建前端工程化前言，当我们写vue/React项目的时候，往往会使用官方推荐的脚手架工具自动生成项目，例vue-cli/react-cli脚手架，那今天我们就自己手动构建一个前端工程。

十年之后_b94a·2023-12-25 16:52

webpack扫盲——如何编写一个loader

目录前言一、关于loader二、确认需求三、loader编写1.初始化2.loader编写3.增加可配置化代码四、代码调试前言本文默认读者对前端工程化有一定的认识，对webpack有一定的裂解并且知道怎么使用

小敏哥·2023-12-25 03:56

如何从零开始创建React项目（三种方式）

在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是“在浏览器中直接引入”、“使用官方脚手架create-react-app

C澒·2023-12-23 08:24

前端工程化实战 - 日程管理

我是南城余！阿里云开发者平台专家博士证书获得者！欢迎关注我的博客！一同成长！一名从事运维开发的worker，记录分享学习。专注于AI，运维开发，windowsLinux系统领域的分享！本章节对应知识库南城余的知识库10.1前端代码处理10.1.1创建src/utils/request.js文件importaxiosfrom'axios'//创建instance实例constinstance=axi

南城余coding·2023-12-22 13:44

JavaWeb——第七章前端工程化_2

第七章前端工程化_2六、Vue3视图渲染技术6.1模版语法6.1.1插值表达式和文本渲染6.1.2Attribute属性渲染6.1.3事件的绑定6.2响应式基础6.2.1响应式需求案例6.2.2响应式实现关键字

_Matthew·2023-12-22 00:07

JavaWeb——第七章前端工程化_1

第七章前端工程化_1一、前端工程化开篇1.1什么是前端工程化1.2前端工程化实现技术栈二、ECMA6Script2.1.es6的介绍2.2es6的变量和模板字符串2.3es6的解构表达式2.4es6的箭头函数

_Matthew·2023-12-22 00:06

前端工程化面试题

exports.a='a';module.exports.b='b';this.c='c';module.exports={d:'d'}参考答案：{d:'d'}2.说一下你对前端工程化，模块化，组件化的理解

[object undefined]·2023-12-20 17:25

parcel-vue

使用parcel+vue的项目简单介绍介绍Parcel手动搭建快速构建介绍传统的webpack配置越来越复杂，对于追求简洁的前端工程化来说似乎有点背道而驰，随着其功能越来越强大，也不可避免的越来越臃肿，

午夜阳光5021·2023-12-19 23:03

Vite原理学习之预编译

在目前的前端工程化生态中，webpack、rollup、esbuild等非常流行，而Vite真是构建在一些流行的技术上。

玉案轩窗·2023-12-18 06:11

前端工程化面试总结

什么是bundle,什么是chunk，什么是module？在前端开发中，特别是在构建和打包过程中，bundle、chunk和module是常用的概念，它们代表着不同的代码组织和打包方式：1.Module（模块）：Module（模块）：在前端开发中，模块是指代码被组织和封装后的单个文件或者代码单元，每个模块可以包含特定的功能或逻辑，并且通常都有自己的作用域。比如，一个JavaScript文件、一个C

梦醒了_该正视自己了·2023-12-17 03:14

前端工程化-前端自动化测试

文章介绍最基础的自动化测试知识。为什么要做自动化测试稳定性常见的库常见的库都包含了大量的自动化测试的代码，开源的框架和组件都需要稳定性，引入前端自动化测试为开源项目提供稳定性是再好不过的选择。减少成本如果没有自动化测试：在一个大项目里历史遗留的代码很多，代码质量一般，每次改动代码都可能产生意想不到的问题甚至影响主流程，于是很多人会想重构代码，花费了巨额时间成本，可能重构完并没有比原来的系统好多少。

Lee弟弟·2023-12-15 04:52

VUE2-3

第一天：前端工程化与webpack前端工程化的相关概念webpack的常见用法打包发布SourceMap目标：了解工程化的前端开发方式能够知道webpack在实际开发中起到的作用第二天：VUE基础入门VUE

皮皮岛。·2023-12-15 00:26

eslint正确的安装步骤

还没尝试的同学可以从本文开始学习，从0开始手把手带你搭建一套规范的Vite+Vue3+TypeScript前端工程化项目环境。

weixin_46787337·2023-12-14 15:37

【JavaWeb】前端工程化（VUE3）

前端工程化（VUE3）文章目录前端工程化（VUE3）一、概述二、ECMA6Script2.1es6的变量和模板字符串2.2es6的解构表达式2.3es6的箭头函数2.4rest和spread2.5es6

比尔高特·2023-12-06 12:05

JavaWeb 前端工程化

前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。

南城余coding·2023-12-05 19:37

Java Web开发_异步处理以及前端中Vue框架的简单使用（Day3）

系列文章JavaWeb开发（Day1）JavaWeb开发（Day2）目录前言一、Ajax二、前后端分离开发三、前端工程化四、Vue组件库Element五、Vue路由六、打包部署前言此博客主要记录在学习黑马程序员

icharacteristic·2023-12-04 23:01

JavaWeb学习笔记

HTMLVSCodeJavaScriptjs引入方式书写语法变量数据类型js函数Array数组StringJSONBOMWindowLocationDOM事件监听事件绑定常见事件Vue常用指令生命周期AjaxAxiosYApi前端工程化环境准备

优降宁·2023-12-04 03:59

Vue简介

（官网介绍）2：前端工程化模块化是对js的复用，组件化是对ui

青果.·2023-12-04 01:59

gitee和jenkins_Jenkins+gitee+nuxt自动化部署

前序在大前端时代下的前端工程师，再也不是一个简简单单写下页面，拿到UI图，画画页面布局等简单的操作了，相反各种各样的业务需求，服务器知识，前端工程化，项目部署等扑面而来。

滨封·2023-12-03 09:03

前端工程化-脚手架工具

以下皆为拉勾教育课件内笔记什么是脚手架为什么要用脚手架？试想一下，我们第一次开发网站，所有的东西都需要自己完成，例如：轮播图，导航菜单，页面布局等等。所以第一次开发网站用的时间比较长（假定1个月），但是，当我们第二次开发网站时，第一次写好的代码，很多代码都可以复用（轮播图，导航菜单，页面布局等等）。所以第二次开发相同类型的网站，可能只需要半个月。你会发现，代码如果能复用的话，会极大地提高我们的开发

白棠·2023-12-03 07:34

Day4：前端工程化初探

CSS效果和动画css效果CSS里非常出彩的一部分，灵活应用box-shadow，运用无限投影，甚至可以画机器猫之类的不可思议的图形。CSS中实现动画的方式：transition,keyframes过渡动画和关键帧动画的区别：过渡动画需要有状态变化（延迟改变，eaesing方式）关键帧动画不需要状态变化关键帧动画能控制更精细CSS动画的性能：性能不坏部分情况下优于JS但JS可以做到更好部分高危属性

知鱼君·2023-12-02 18:38

说说前端工程化利器 webpack

1工程化前端自动化或者半自动化工程，需要实现以下功能：合并和压缩Javascript、CSS代码。CSS预处理：Less，Sass,Stylus的编译。生成雪碧图（CSSSprite）。ES6转换为ES5语法。模块化。名称解析：Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。Sass是一个将脚本解析成CSS的脚本语言，即SassScr

deniro·2023-12-02 16:38

前端工程化理解和规范

摘选链接：https://www.jianshu.com/p/88ed70476adb什么是"前端工程化"？

VinSmokeW·2023-12-02 07:16

JavaWeb开发全流程笔记

JavaWeb前端Web开发javaScript1.JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备

不会写算法的小王·2023-12-01 13:51

Vue | 组件化 | 基本操作

来个目录：瞎掰组件概念webcomponents是个什么东西用webcomponents来写一个简单的组件demoVue中的组件化是一个怎样的流程局部组件&&全局组件||父组件&&子组件作为前端工程化的重要一环

cemcoe·2023-12-01 01:30

前端工程化实践——快速入门treeshaking

treeshakingtreeshaking本质是去除多余代码算法。在前端的性能优化中，es6推出了treeshaking机制，treeshaking就是当我们在项目中引入其他模块时，他会自动将我们用不到的代码，或者永远不会执行的代码摇掉，在Uglify阶段查出，不打包到bundle中。学习treeshaking的目的也是是为了后面学习rollup打包原理做铺垫。在rollup中，一个文件就是一个

三月的一天·2023-11-30 12:28

webpack如何设置兼容浏览器的范围browserslist

Browserslist是前端工程化不可或缺的工具，无论是处理js的babel还是处理css的postcss，他们背后都有Browserslist的身影。

QAEARQ·2023-11-29 14:29

一套规范的vue3+vite2+ts4前端工程化项目环境

一套规范的vue3+vite2+ts4前端工程化项目环境webvueblog.github.io/vue3-vite2-…Vue3+Typescript+Vitevue3-vite2-ts4npminit

掘金-我是哪吒·2023-11-29 12:48

Vite + Vue3 实现前端项目工程化

今天就给大家操作一下这种技术方案实现前端工程化。

MagnumHou·2023-11-29 12:48

从 0 搭建 Vite 3 + Vue 3 Js版前端工程化项目

之前分享过一篇vue3+ts+vite构建工程化项目的文章，针对小的开发团队追求开发速度，不想使用ts想继续使用js，所以就记录一下从0搭建一个vite+vue3+js的前端项目，做记录分享。技术栈Vite3-构建工具Vue3VueRouter-官方路由管理器Pinia-VueStore你也可以选择vuexelement-plus-UI组件库Sass-CSS预处理器Axios-一个基于promis

随便起的名字也被占用·2023-11-29 12:42

推荐频道

《前端工程化》