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