- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vuex和Pinia
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex的核心理念就是：一个应用的组件树中的所有组件，共享一个全局的状态。不同于单纯的全局对象的形式，Vuex采用了一种技术，将其存储在一个容器中，并利用Vue的响应式机制，实现了状态的实时更新。Pinia是Vue.js新一代的状态管理库，可以用来管理Vue 3应用中的数据。
2023-06-29 16:54:46
391
原创 vue组合式api
组合式API是一种基于函数的API，通过一组编写在一起的函数来描述组件的状态和行为，让我们可以更加灵活地组织组件代码。通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中，组合式 API 通常会与 <script setup> 搭配使用。这个 setup 是一个标识，告诉 Vue 需要在编译时进行一些处理，让我们可以更简洁地使用组合式 API。
2023-06-14 19:32:30
640
原创 响应式数据和数据代理
响应式数据指的是，在Vue.js框架中，当一个数据发生变化时，与之相关的组件会自动监听、检测这个变化，并在需要时更新这个变化所引发的组件视图，以保持数据和视图的同步性。在Vue.js框架中，我们可以通过将数据对象注入到Vue实例中的data选项中，使得这些数据对象变成响应式的。也就是说，当数据对象中某个属性的值发生变化时，相关的组件会自动进行重渲染，以使得更新后的数据能被正确显示出来。
2023-06-13 19:26:29
256
原创 动态、缓存、异步组件
使用 包裹需要缓存的组件。被包裹的组件会被缓存起来，而不是每次都重新创建。使用缓存组件，可以在需要频繁切换显示的组件时，提高页面的渲染性能和用户体验，因为只有第一次渲染时才会创建组件，后续切换只需要显示缓存的组件，不需要重新创建。正则表达式==>:include="/box1/"组件的字符串名==>include="box1">数组，数组内包含组件的名字==>:include="['box1']"Vue 提供了一种异步组件的方式，即使用工厂函数返回组件对象或者使用。
2023-06-13 19:20:44
184
原创 自定义指令和组件
除了 Vue 内置的一系列指令 (比如v-model或v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。Vue的自定义指令是一种可以通过指令操作DOM元素的方式，在Vue中生动地实现“指令式”渲染。开发者可以自定义指令，在Vue中注册，定义指令的行为，以便在模板中使用。Vue自带了一些指令，例如v-if、v-for、v-bind等，开发者也可以根据自己的需求定义自己的指令。Vue中通过Vue.directive方法来定义指令。例如：vip:{<body>
2023-06-08 19:02:48
161
原创 Vue计算属性和生命周期、侦听器
Vue的生命周期是指从Vue实例创建到销毁的整个过程中，Vue会自动触发一些特定的生命周期钩子函数，这些钩子函数可以帮助开发者掌握实例的创建和销毁过程、对数据进行操作和绑定、以及处理DOM等日常操作。一般来说，Vue的生命周期可以分为三个阶段：创建期、更新期和销毁期。在创建期，Vue实例会被创建并初始化，属性和方法会被设置并添加到实例上。在更新期，当组件的数据发生变化时，Vue会根据数据变化自动更新视图以实现响应式的效果。
2023-06-07 19:20:19
210
原创 egg和vite
Egg.js 为企业级框架和应用而生。基于Koa开发封装，性能优异，内置多进程管理，具有高扩展性，且提供了基于Egg定制上层框架的能力，帮助开发团队降低了开发维护成本。Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。
2023-06-06 19:46:24
253
原创 node.js和前后端分离
Node.js 是基于 Chrome 的 V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 主要用于实现后端接口服务、构建网络爬虫、实时通信、streaming、无阻塞 I/O 等高并发应用场景。这里我列举大概的重点知识，结合代码来进行详解。
2023-06-06 19:23:20
700
原创 vue事件绑定与渲染
v-show：由于 v-show 只是修改元素的 CSS 属性，所以在需要频繁切换元素可见性时，性能比 v-if 更好。如果v-if和v-for被放在同一个行内使用，vue2.x版本中，v-for的优先级更高，vue3.x版本中，v-if的优先级更高，而在官方中，则是不建议将这两个指令放在同一个元素中使用。v-if：如果初始条件为假，v-if 指令的元素不会被渲染，因此其内部的子组件和指令也不会被初始化。v-show：即使初始条件为假，v-show 指令的元素仍会被渲染，只是设置为不可见。
2023-06-06 18:52:47
588
原创 vue框架的配置与基础语法
Vue是一个流行的JavaScript前端框架。它由Evan You创建并维护，目前由Vue.js团队负责开发和维护。Vue的特点是轻量级、简单易用、灵活可扩展。Vue采用了虚拟DOM和组件化的思想，提供了一组简洁灵活的API，使得开发者可以更加高效地构建出交互丰富、组件化的单页面应用程序（SPA）。
2023-06-05 17:17:45
249
1
原创 note--js
数组是一种特殊的变量，数组也是储存值的，功能和对象类似，它能够一次存放一个以上的值。对象利用属性操作数据，数组通过下标操作数据，数组内的元素可以是任意类型。
2023-03-16 20:01:05
261
原创 2023.3.8note
对象是js语言中的主要类型，三种原始类型的值--number、string、boolean，它们在一定的条件下可以自动转化为对象，也就是原始类型的包装对象。只有引用了这三种原始类型值的属性或方法，js就会自动将这些数据通过以上方法包装成对象包装成的对象是临时的，一旦属性引用结束，这个新创建的对象就会被销毁。switch会根据表达式的值去匹配case的值（===），匹配成功才会执行对应的代码块。赋值符 = ，符号的左边不能是常量，+= -= *= /= %= 这些操作不会提高性能，但是可以简化代码。
2023-03-08 19:16:23
90
原创 2023.3.7note
js的数据类型可以分为基本数据类型和引用数据类型两大类，基本数据类型又有number，string，boolean，undefined，null这五种类型，而引用数据类型有对象，函数，数组等多个数据类型。变量就是一个容器，用来存储数据，而js中声明变量分为关键字和标识，关键字是JavaScript中内置的英文词汇，富含一些特定的含义。声明变量：var 变量名 =值，是可以存储任何类型的数据的。NaN不与任何数据相等，包括自己；undefined类型的数据：undefined:"缺少值"，此处应该有值。
2023-03-07 19:08:10
102
原创 2023.2.28笔记
sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。
2023-02-28 21:55:05
92
原创 2023.2.27笔记
grid布局即网格布局，是一种新的css布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。
2023-02-27 23:08:26
84
原创 2023.2.23笔记
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。
2023-02-23 20:08:54
114
原创 2023.2.22笔记
第一个是标签选择器，第二个类选择器或id选择器，注意点：两个选择器之间是没有空格。作用：给所有选择器中得标签中，相交的部分标签设置属性。示例：div.name {color: red;
2023-02-22 22:57:12
86
原创 2023.2.21笔记
外联样式需要建立一个CSS的文件，通过链接来使用这个文件，从而对很HTML文件进行样式调整，一个外联样式需要通过HTML的link元素来进行引用。内联样式是只写在HTML的里面的，并且支队其所在的页面内才会有效。important破坏了原有的级联规则，一旦有bug的出现，大大增加了修复的难度。作用：id是唯一标识一个元素的，能够更精准的找到特定的元素进行样式设置。作用：当同一个对象设置了多个不同的属性的时候，首先执行！行内样式是通过标签的style属性来设置元素的样式的。
2023-02-21 20:12:08
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人