m0_59709405-CSDN博客

原创 watch和watchEffiect的区别

watch 监听的是响应式数据，如果我们监听的数据不是响应式的，那么可能会抛出如下警告：那么哪些数据是属于响应式的，或者换个说法，watch 监听器可以监听哪些形式的数据呢？

2024-11-01 16:00:30 641

原创图片懒加载

当页面需要一次性展示大量图片时，如果一次性渲染所有图片，会向服务器发送大量请求，导致服务器响应慢，出现网页卡顿或崩溃等问题。采用懒加载只预先加载可视区域内的图片，当滚动到其他位置的时候，在加载这块区域的图片。也可以使用比较小的loading图片进行占位，有效减轻服务器压力，加速页面渲染，提高用户体验。

2024-11-01 15:22:03 166

接着，我们还需要有一个指令解析器Compile，对每个节点元素进行扫描和解析，将相关指令对应初始化成一个订阅者Watcher，并替换模板数据或者绑定相应的函数，此时当订阅者Watcher接收到相应属性的变化，就会执行对应的更新函数，从而更新视图。简单地说，发布者-订阅者模式的流程就是，监听器监听数据状态变化, 一旦数据发生变化，则会通知对应的订阅者，让订阅者执行对应的业务逻辑。Vue采用的是数据劫持结合发布和-订阅者模式的方式，通过拦截对数据的操作，在数据变动时发。布消息给订阅者，触发相应的监听回调。

2024-10-11 09:43:43 487

原创 vue—— teleport 内置组件

是一个内置组件，它提供了一种将组件的模板内容渲染到指定 DOM 节点位置的方式，而不是在组件自身的位置渲染。在这个例子中，用户可以通过输入框输入目标元素的。可以使用任何有效的 CSS 选择器作为。可以使用响应式数据来动态地确定。元素中，使其在页面上居中显示。属性的值来指定目标位置。这里将通知内容渲染到具有。组件将包含模态框内容的。

2024-09-23 15:36:50 814

原创 Vue——Vuex与Pinia状态管理库

总的来说，Pinia 和 Vuex 都是强大的状态管理库，选择哪一个取决于你的具体需求和个人偏好。如果你喜欢简洁和直观的 API，并且对 TypeScript 有较好的支持需求，那么 Pinia 可能是一个更好的选择。如果你已经熟悉 Vuex 并且对其功能和模块系统有特定的需求，那么 Vuex 也是一个可靠的选择。Vuex 和 Pinia 都是用于 Vue 应用程序的状态管理库，它们有一些相似之处，但也存在一些差异。mutations、actions 和 getters。

2024-09-23 15:17:45 1322

原创前端学习——new操作符

根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理。操作符⽤于创建⼀个给定构造函数的实例对象。将对象与构建函数通过原型链连接起来。

2024-09-22 18:43:45 180

原创前端学习——防抖与节流

简而言之，当事件持续触发时，防抖会等待一段时间后，执行最后一次触发的操作。（触发事件后 n 秒后才执行函数，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。

2024-09-21 17:03:27 277

原创前端学习——重排（回流）和重绘

浏览器采用流式布局模型（Flow Based Layout）浏览器会把 HTML 解析成 DOM，把 CSS 解析成 CSSOM，DOM 和 CSSOM 合并就产生了渲染树（Render Tree）。有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。

2024-09-20 16:29:31 373

原创前端学习——深拷贝与浅拷贝

在讨论深拷贝与浅拷贝之前，我们先来聊一聊数据类型，因为他和深浅拷贝有关。在js中，数据类型分为基本数据类型（NUmber、String、Boolean、Null、Undefined、Symbol）和引用数据类型（Object、Array、Function）。我们知道，基本数据类型是直接存储在栈中，而引用数据类型是存在堆内存中的，栈中存的，是指向堆内存地址的指针。

2024-09-20 15:33:52 274

原创前端学习——Promise

基本概念promise就是javscript中一种用于处理异步操作的对象Promise的三种状态：1、pending（进行中）：操作没有完成，也没有失败，正在进行中或等待某件事情发生。2、Fulfilled（已完成）：操作已经完成并返回了一个结果。3、Rejected（以失败）：操作未能发成，发生了某种错误或问题。Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。

2024-09-19 16:11:09 751

原创前端——闭包

（closure）是一个函数以及其捆绑的周边环境状态（）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。可以发现在displayName这个作用域下访问了另外一个函数makeFunc下的局部变量name闭包的实现，实际上是利用了JavaScript中作用域链的概念，简单理解就是：在JavaScript。

2024-09-18 18:51:38 1950

转载前端学习——浏览器的缓存机制

浏览器的缓存机制

2024-09-18 16:31:10 1507

原创大数据入门Hadoop

一个云上的平台，聚合了一些软硬件资源，为用户提供各种各样的远程服务。3.配置了三台服务器之间root用户的SSH免密互通。2.在Liux系统以及本机系统中配置了主机名映射。1.设置三台Liux虚拟机的主机名和固定IP。5.关闭了防火墙和SELinux。云计算平台，将计算放在云上进行。4.安装配置完成了JDK环境。6.更新了时区和同步了时间。7.拍摄快照保存状态。

2023-12-06 20:20:14 380 1

m0_59709405的博客