前端工程化
文章平均质量分 96
耀耀_很无聊
有时候不去逼自己一把永远不知道自己有多优秀!
展开
-
第一章 ECMA6Script
模块化是一种组织和管理前端代码的方式,将代码拆分成小的模块单元,使得代码更易于维护、扩展和复用。它包括了定义、导出、导入以及管理模块的方法和规范。前端模块化的主要优势如下:提高代码可维护性:通过将代码拆分为小的模块单元,使得代码结构更为清晰,可读性更高,便于开发者阅读和维护。提高代码可复用性:通过将重复使用的代码变成可复用的模块,减少代码重复率,降低开发成本。提高代码可扩展性:通过模块化来实现代码的松耦合,便于更改和替换模块,从而方便地扩展功能。原创 2024-09-23 20:03:30 · 1026 阅读 · 0 评论 -
第二章 前端工程化环境搭建
NPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于后端的Maven。原创 2024-09-24 17:21:52 · 858 阅读 · 0 评论 -
第三章 Vue3及Vite初体验
在浏览器支持 ES 模块之前,JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因:使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。时过境迁,我们见证了诸如webpackRollup和Parcel等工具的变迁,它们极大地改善了前端开发者的开发体验。当我们开始构建越来越大型的应用时,需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。原创 2024-09-25 20:11:05 · 1135 阅读 · 0 评论 -
第四章 Vue3视图渲染技术
第四章 Vue3视图渲染技术4.1 模版语法Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式系统,当应用状态变更时,Vue 能够智能地推导出需要重新渲染的组件的最少数量,并应用最少的 DOM 操作。4.1.1 插值表达式和文本渲染插值表达式:最基本的数据绑定形式原创 2024-09-26 20:01:00 · 1323 阅读 · 0 评论 -
第五章 Vue3路由机制router
1 什么是路由?2 路由的作用。原创 2024-09-28 15:15:26 · 559 阅读 · 0 评论 -
第六章 Vue3数据交互axios
前端中的异步编程技术,类似Java中的多线程+线程结果回调!Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。原创 2024-09-28 15:21:21 · 535 阅读 · 0 评论 -
第七章 Vue3状态管理Pinia
如何实现多个组件之间的数据传递?方式1 组件传参方式2 路由传参方式3 通过pinia状态管理定义共享数据当我们有时,多个视图可能都依赖于同一份状态。来自不同视图的交互也可能需要更改同一份状态。就是一个实现了上述需求的状态管理库,由 Vue 核心团队维护,对 Vue 2 和 Vue 3 都可用。原创 2024-09-28 15:24:21 · 419 阅读 · 0 评论