自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 vue3创建和挂载实例

这幅图完整的描述了vue3初始化时创建应用实例和挂载实例的流程,以及创建应用实例时的虚拟节点创建、render渲染、patch算法新旧节点和组件比较、虚拟dom创建、lifecycle函数的执行、diff算法等等;接下来详细描述整个执行过程。

2023-03-31 15:50:25 2576 1

原创 hash和history模式

当使用hash模式的时候,所有的路由请求不会向服务器获取资源,所以也不会发生404的错误。这是因为在 hash 模式下,URL 中的哈希部分被视为客户端的内部状态,用于前端路由的实现,而不是真正的服务器路由。如果服务器没有正确配置的话,访问某个地址或路由就会报错404,这是因为在history模式下,URL的路径会直接映射到服务器的上的文件路径,服务器需要去解析这个路径并返回对应页面的内容。hash值的变化仅仅是前端路由的变化,并不是页面的请求。,因此路由的切换是在前端完成的,不会引起页面的刷新。

2023-06-16 22:25:57 432

原创 map 中使用 await 导致输出顺序失效

map 中使用 await 导致输出顺序失效

2023-02-05 18:15:25 518

原创 vue3源码分析之createApp

vue3源码分析之createApp

2023-02-02 22:34:15 395

原创 vue3源码分析之computed

vue3源码分析之computed

2023-01-08 23:05:55 601

原创 vue3源码值ref

vue3源码分析之ref

2023-01-08 23:05:33 234

原创 vue3源码分析之reactive

vue3源码分析之reactive

2023-01-02 19:04:04 240

原创 JS的异步任务

事件循环、同步任务、异步任务(主讲)

2022-11-29 19:54:24 575 1

原创 前端代理和nginx反向代理

前端代理和nginx反向代理

2022-11-06 21:11:32 4158

原创 window.postMessage(跨源通信)

window.postMessage(跨源通信)

2022-10-30 19:25:45 6533

原创 websocket基础与心跳模式

websocket

2022-10-23 19:02:24 1547

原创 聊聊vue3的defineProps、defineEmits、defineExpose

vue3的defineProps、defineEmits、defineExpose

2022-10-15 18:40:19 11250

原创 vue数据驱动

以最简单那的方式去理解vue源码的执行过程

2022-09-24 18:29:25 1242

原创 vue2.0的new vue()

vue源码简单分析

2022-09-20 00:32:45 1685

原创 防抖和节流

防抖和节流

2022-03-28 18:50:14 320

原创 vue的数据劫持

vue的数据劫持和简述过程

2022-01-16 18:29:17 5628

原创 发布订阅模式

发布订阅模式

2022-01-08 13:37:02 555

原创 JavaScript的原型

原型

2021-12-31 17:43:26 964

原创 JavaScript的Date对象

JavaScript的Date对象

2021-12-26 15:02:11 467 2

原创 虚拟dom+diff算法---个人理解

虚拟dom、diff算法

2021-12-19 23:07:44 386

原创 session和cookie的原理与区别

共同点:session和cookie都是跟踪浏览器用户身份的会话方式显著不同点:session的数据存储放在服务器端,cookie的数据存储在浏览器端工作原理:cookie:当浏览器向服务器发送请求时,服务器会创建一个cookie用来保存用户的信息并把cookie返回给浏览器端;当浏览器再次访问服务器时就会根据cookie中的数据来判断不同的sessionid(sessionid会在之后session中提到)来获取不同的用户。session:当浏览器第一次向服务器发送请求,服

2021-04-30 16:06:33 191 3

原创 前端面试题笔记1

1.js的基本原型JavaScript中共有7种基本类型,分别为string、number、boolea、null、undifine,其中ES6中新增了两种类型是symbol和bigint2.原型、原型链、闭包原型:在js中使用构造函数来新建一个对象,每一个构造函数的内部都有一个prototype属性,这个属性值就是一个对象,这个对象包含了构造函数所有实例共享的属性和方法。当使用构造函数新建一个对象时,这个对象内部包含了一个指针,这个指针指向构造函数的prototype属性对应的值,在ES5中这

2021-04-27 17:47:36 100

原创 JavaScript笔记(闭包、递归、关键字)

闭包定义:闭包(closure)是指有权访问另一个函数作用域中变量的函数作用:延伸了变量的作用范围递归定义: 如果一个函数的内部可以调用其本身,那么这个函数就是递归函数(简单理解就是函数内部自己调用自己,这个函数就是递归函数)注意: 在递归函数里必须加退出条件典型例子: 菲波那切数列浅拷贝和深拷贝浅拷贝:Object.assign(拷贝目标,被拷贝对象) 这是浅拷贝的一个语法糖关键字let关键字:1.作用于块级作用域2.没有变量提升3.具有..

2021-04-22 22:19:00 98

原创 构造函数与原型

构造函数与原型构造函数构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。JavaScript 的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数内部的 this 上添加。通过这两种方式添加的成员,就分别称为静态成员和实例成员。静态成员:在构造函数本上添加的成员称为静态成员,只能由构造函数本身来访问实例成员:在构造函数内部创建的对象成员称为实例成员,只能由实例化

2021-04-21 19:36:10 256

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除