- 博客(37)
- 收藏
- 关注
RSS订阅原创 【Vue】响应式系统和依赖收集跟踪原理
而触发 get 方法也很简单，实际上只要把 render function 进行渲染，那么其中的依赖的对象都会被「读取」，这里我们通过打印来模拟这个过程，读取。我们在闭包中增加了一个 Dep 类的对象，用来收集 Watcher 对象。在对象被「读」的时候，会触发。本章我们介绍了「依赖收集」的过程，配合之前的响应式原理，已经把整个「响应式系统」介绍完毕了。假设我们现在有一个全局的对象，我们可能会在多个 Vue 对象中用到它进行展示。这个数据知道“哦～有两个地方依赖我的数据，我变化的时候需要通知它们～”。
2024-03-29 21:54:07
1214
原创 【Vue】父子组件生命周期执行顺序
1.当父组件执行完 beforeMount 挂载开始后，会依次执行子组件中的钩子，直到全部子组件 mounted 挂载到实例上，父组件才会进入 mounted 钩子2.子级触发事件，会先触发父级 beforeUpdate 钩子，再去触发子级 beforeUpdate 钩子，下面又是先执行子级 updated 钩子，后执行父级 updated 钩子。
2024-03-25 08:22:53
316
原创 【报错】ResizeObserver loop completed with undelivered notifications
在App.vue文件中加入防抖函数就行了，debounce方法可以自己写，我为了保持稳定性，采用了lodash。今天在写项目（Vue3+TS）的时候遇见了报错。原因我也不是很清楚，问了GPT，回答如下。
2024-03-22 14:55:15
1442
原创 什么是单点登录？
如果我们要实现单点登录，可以将 Cookie 的域设置为顶域，即 https://www.baidu.com，这样其余的子域系统都可以访问顶域的 Cookie 了。用户在登录界面输入自己的用户名和密码之后，浏览器向服务器发送登录请求，服务器验证通过用户信息后放入 session，并将 sessionId 放入 Cookie，随后返回给浏览器。单点登录（Single Sign On，简称 SSO）简单来说就是用户只需在一处登录，不用在其他多系统环境下重复登录。用户的一次登录就能得到其他所有系统的信任。
2024-03-22 14:34:30
841
原创 【JavaScript】实现懒加载的两种方式
懒加载是一种优化网页性能的前端技术，它的主要目的是按需加载页面资源，而不是一次性加载所有内容。这种方法通过推迟加载页面中的资源（如图片）来减少初始页面加载时间，从而减轻服务器负担和带宽压力，加快页面加载速度。例如，在开发图片数量众多的长网页时，通常先加载视口内的几张图片。随着用户滚动页面，位于视口外的图片会在滚动到其位置时才加载。这种方式就是懒加载。实现懒加载的方法通常有两种：一种是通过监听onscroll事件，另一种是使用接口。
2023-12-24 21:57:05
195
原创 【Vue3】component标签的使用
Vue 3作为一个前端框架，提供了丰富的功能来构建动态且响应式的用户界面。在众多功能中，标签是一个强大的特性，它允许我们动态地渲染不同的组件。这在创建灵活且可重用的UI组件时非常有用。本文将详细介绍如何在Vue 3中使用标签。
2023-12-06 16:30:52
2576
原创 【Javscript】一文详解Promise
想要学习Promise，你必须要懂得什么是异步编程。首先，我们都知道，JS是的，也就是说，JS是按照顺序来执行代码的，也就是按照流水线的形式，都在一条线上，只有前面的代码执行完之后，后面的代码才会执行。那么什么是异步代码呢，异步的代码根据字面意思就是，不按照顺序， 异步任务是指不进入主线程，而进入任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。简单的理解。
2023-09-18 17:29:54
202
原创 【JavaScript】手动实现的bind apply call
在上一篇文章中，我给大家介绍了一下callapplybind的基本使用和区别，详细看今天就带着大家把这三个方法手动写一下。
2023-09-16 18:28:18
142
原创 【JavaScript】神奇的bind apply call
call可以直接调用函数，并传递参数列表，立即执行。bind返回一个新函数，将绑定的对象作为this值，可以在绑定时或调用时传递参数，需要手动调用新函数执行。apply可以直接调用函数，并传递参数列表，立即执行，参数以数组或类数组的形式传递。绑定时或调用时传递参数，需要手动调用新函数执行。apply可以直接调用函数，并传递参数列表，立即执行，参数以数组或类数组的形式传递。
2023-09-16 16:49:34
67
原创 【JavaScript】快速排序
关于快速排序，它的基本思想就是选取一个基准，一趟排序确定两个区间，一个区间全部比基准值小，另一个区间全部比基准值大，接着再选取一个基准值来进行排序，以此类推，最后得到一个有序的数列。的思想很简单，整个排序过程只需要三步。
2023-09-15 22:33:38
42
原创 WebSocket握手过程
在现代Web应用中，实时通信和即时更新已成为日益重要的需求。而传统的HTTP协议在实现实时性和双向通信方面存在一定的限制。为了解决这个问题，WebSocket协议应运而生。WebSocket是一种基于HTTP协议的扩展，它提供了一种持久的、双向的通信通道，使得服务器能够实时地向客户端推送数据。而要建立这样的通道，WebSocket需要经过一次特殊的握手过程。本文将深入探讨WebSocket的握手过程，从请求的发起到响应的确认，揭示WebSocket如何在Web应用中实现实时通信的奇妙之处。
2023-09-15 20:12:55
1247
原创 【JavaScript】节流和防抖
就是指连续触发事件但是在设定的一段时间内中只执行最后一次,n 秒后在执行该事件，若在 n 秒内被重复触发，则重新计时例如：设定1000毫秒执行，当你触发事件了，他会1000毫秒后执行，但是在还剩500毫秒的时候你又触发了事件，那就会新开始1000毫秒之后再执行此时不断的触发鼠标移动事件会不断的打印，接下来我们加入最基本的防抖功能以上是最基本的防抖例子，但是timer定时器暴露在外面会造成一些变量的污染，为了解决这个问题，用闭包的方式来实现是最合适的。
2023-09-14 11:40:52
91
原创 【JavaScript】Map和Set看这一篇就够了
作为一个前端开发初学者，随着学习的逐渐的深入，用到的对象就不再局限于Object和Array，开始使用Map和Set这两种数据结构无疑是重要的.最近在学习Vue3响应式，依赖收集track以及触发依赖trigger，都使用到了WeakMapMap、以及Set和WeakSet这些数据结构，WeakMap和WeakSet我们后续再说，本篇主要介绍的是Map和Set的基本使用。
2023-08-17 22:19:28
654
原创 【问题解决】uniapp-Vue3中u-popup滑动页面穿透问题
在我们用uniapp写小程序或者APP的时候，有时候会用到一些弹出框组件。但在弹出框内部滑动会引起整个页面的滑动，让整个页面看起来不是和很好。
2023-08-13 22:50:58
1642
2
原创 【JavaScript】闭包
闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。
2023-08-06 22:32:18
45
原创 【CSS】什么是BFC？
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。通俗来讲：BFC 是一个独立的布局环境，可以理解为一个容器，在这个容器中按照一定规则进行物品摆放，并且不会影响其它环境中的物品。如果一个元素符合触发 BFC 的条件，则 BFC 中的元素布局不受外部影响。
2023-07-28 11:37:54
168
1
原创 【JavaScript】函数的arguments
arguments的实质就是一个类数组对象，没有数组上的方法，是函数的一个内置对象，它包含了调用函数时传入的所有参数。并且这个对象只有以function关键字定义的函数时才会有，箭头函数语法创建的函数是无法使用的。当我们不确定有多少个参数的时候，可以用argument来获取。
2023-07-24 15:34:10
93
原创 【软件设计师】第一章 计算机系统组成
对于奇校验，它可以检测代码中奇数位出错的编码，但不能发现偶数位出错的情况，即当合法编码中的奇数位发生了错误时，即编码中的1变成0或0变成1，则该编码中1的个数的奇偶性就发生了变化，从而可以发现错误。Cache存储器部分用来存放主存的部分拷贝信息，控制部分的功能是判断CPU要访问的信息是否在Cache存储器中，若在即为命中，若不再就没有命中。将发送的明文进行Hash算法后得到摘要放在密文后一起发送过去，与接收方解密后的明文进行相同的Hash算法得到的摘要进行对比如果一致，则没有篡改，否则有篡改。
2023-05-07 20:41:21
192
原创 【React】三大核心属性state
对象式的setState是函数式的setState的简写方式(语法糖)使用原则：如果新状态不依赖于原状态 ===> 使用对象方式如果新状态依赖于原状态 ===> 使用函数方式如果需要在setState()执行后获取最新的状态数据, 要在第二个callback函数中读取。
2023-03-14 10:11:52
125
原创 【React】定义组件的两种方式
一、函数式组件定义一个组件最简单的方法就是写一个JavaScript函数//1.创建函数式组件 function MyComponent() {//此处的this是undefined，因为babel编译后开启了严格模式 return < h2 > 我是用函数定义的组件(适用于【简单组件】的定义) < / h2 > } //2.渲染组件到页面 ReactDOM . render(< MyComponent / > , document . getElementById('test'))
2023-03-04 14:55:10
887
原创 【CSS】盒子模型
BOX Model，所有HTML都可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
2022-11-23 22:07:18
78
原创 【JavaWeb】JDBC
Statement对象的作用就是用来执行SQL语句。而针对不同类型的SQL语句使用的方法也不一样。执行DDL、DML语句执行DQL语句该方法涉及到了ResultSet对象，而这个对象我们还没有学习，一会再重点讲解。封装了SQL查询语句的结果。ResultSet executeQuery(sql) ：执行DQL 语句，返回 ResultSet 对象那么我们就需要从ResultSet对象中获取我们想要的数据。ResultSet对象提供了操作查询结果数据的方法，如下：将光标从当前位置向前移动一行。
2022-11-06 15:47:06
286
原创 【Vue】脚手架搭建
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。
2022-11-03 21:58:39
1785
原创 【Vue】生命周期
每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。那么这些过程中，具体vue做了些啥，我们今天来了解一下。
2022-11-03 15:42:23
5870
原创 【JavaWeb】Servlet
Java Servlet 是运行在 Web 服务器或应用服务器上的程序，它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。使用 Servlet，您可以收集来自网页表单的用户输入，呈现来自数据库或者其他源的记录，还可以动态创建网页。
2022-11-03 11:39:47
187
原创 【报错】WebSocket connection to ‘ws://xxx.xxx.x.xxxx:8080/ws‘failed:
简单来说，WebSocket 为web应用程序客户端和服务端之间（客户端服务端）提供了一种全双工通信机制，报错是因为发送报文的过程出现问题。在Vue项目的config.vue的文件中添加一下配置信息。当我们运行Vue项目时，你可能会遇到一下问题。这样问题也就能解决了，也不会出现报错的问题了。
2022-10-15 15:16:22
15920
5
原创 【Vue】中Key的作用
虚拟DOM，通过对象来表示真实的DOM结构。key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据 新数据 生成 新的虚拟DOM。
2022-10-09 18:52:09
5175
2
原创 【报错】vscode之.Vue文件高光显示及报错问题
但是部分小伙伴在下载了Vetur之后会出现注释报错的问题，跟着以下步骤走就行。当下载了这个拓展之后，高光的问题也就解决了示例图如下。解决方案一：下载拓展Vetur。
2022-09-19 20:44:27
1081
1
原创 【JavaWeb】Http协议
HTTP：Hyper Text Transfer Protocol超文本传输协议。HTTP最大的作用就是确定了请求和响应数据的格式。浏览器发送给服务器的数据：请求报文；服务器返回给浏览器的数据：响应报文。超文本传输协议可以进行文字分割：超文本（Hypertext）、传输（Transfer）、协议（Protocol），它们之间的关系如下作用：展示当前请求得基本信息作用：通过具体的参数对本次请求进行详细的说明格式：键值对，键和值之间用冒号隔开相对比较重要的请求消息头作用：作为请求的主题，发送数据给服务器。...
2022-07-12 09:22:15
197
1
原创 【CSS】font-size=0去掉盒子之间的间距
当我们再写自己的网页的时候，我们通常会在一个大盒子里面放若干个小盒子，想要把这若干个盒子排成一排，，倘若我们给每个小盒子设置display:inline-block；并且设置好宽高之后，理论上是会排成一排的，但是在实际中却会出现最后一个盒子被挤掉的情况。
2022-01-12 15:37:32
1726
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人