- 博客(20)
- 收藏
- 关注
RSS订阅原创 你懂什么是BFC吗？
BFC全称是Block Formatting Context，意思就是块级格式化上下文。你可以把BFC看做一个容器，容器里边的元素不会影响到容器外部的元素。
2023-08-16 16:47:29
53
1
原创 vue2.0和3.0有什么区别？
1.vue2.0和3.0的初始化就存在着⼀定区别，⽐如vue3.0可以在安装脚⼿架同时提前安装好⼀些项⽬开发必备的插件，并且3.0提供了可视 化创建脚⼿架，可以更加⽅便的对插件和依赖进⾏管理和配置，同时两个版本的⽬录结构也是有些许差别的。2.在开发过程中两个版本的使⽤⽅法虽然在表⾯上没有太⼤的⼀个区别，但是在他的底层⽅⾯去看的话区别还是很⼤的，其中就包括渲染⽅ 式，数据监听，双向绑定，⽣命周期，vue3更精准变更通知，Vue2默认情况下onClick会被视为动态绑定, 所以每次都会去追踪它的变化。
2023-08-16 12:00:17
89
1
原创 vue中的常用特性
虽然这看起来很方便，但它需要一个自定义语法，打破了大括号内的表达式“只是 JavaScript”的假设，这不仅有学习成本，而且有实现成本。的，计算属性比较适合对多个变量或者对象进行处理后返回一 个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化。模板中放入太多的逻辑会让模板过重且难以维护，使用计算属性可以让模板变得简洁易于维护。取而代之的是，我们建议用方法调用或计算属性来替换它们。使用watch来侦听数据的变化，watch的数据都是响应式的数据。
2023-08-16 11:57:31
62
1
原创 react 路由5路由6的区别
react Router v6使用Hooks来实现路由，而v5使用高阶组件（HOCs）来实现路由。这是它们之间最大的区别。React Router v5中的路由配置需要将Route组件作为子组件嵌套在Switch组件中。而React Router v6中的路由配置方式发生了变化。现在，我们需要在Routes组件中使用数组来配置路由。在React Router v6中，嵌套路由的使用方式更加简单直观。在v5中，嵌套路由需要在组件之间进行深度传递props，而在v6中，可以使用嵌套路由。React Router
2023-08-14 16:59:53
284
1
原创 react项目中遇到的坑
在React组件的render函数中，如果使用了闭包引用组件的state或props，当state或props发生变化时，闭包将不会自动更新引用的变量。这就可能导致闭包引用了错误的值，从而导致组件的不正确行为。过期闭包（stale closure）是指一个闭包在创建之后，所引用的外部作用域内的变量已经被修改，但闭包内仍然保存了旧值。这就导致闭包中的代码与外部作用域内的实际状态不一致，从而造成错误的结果。在React中，过期闭包问题是指因为闭包的生命周期长于其引用的变量的生命周期而导致的问题。
2023-08-14 16:55:59
45
1
原创 http和htpps有什么区别
总的来说，HTTPS 提供了更高的安全性和数据保护，适用于需要保护用户隐私信息的网站，特别是涉及金融、个人账户等敏感信息的网站。在现代网络环境中，使用 HTTPS 已经成为推荐的标准做法。
2023-08-11 18:01:07
781
1
原创 自己整理的js面试小题
原型是function 对象的一个属性 它定义了构造函数制作出的对象的公共祖先，通过改构造函数产生的对象，可以继承改原型的属性和方法 原型也是对象 ，所有的原型对象都是由 object构造函数创建出来的。3-执行函数内的代码，并将新函数的_ _prototype_ _ 指向新函数的 prototype。3-执行函数内的代码，并将新函数的_ _prototype_ _ 指向新函数的 prototype。4.map的键是不能修改的，但是其键对应的值是可以修改的。2-改变函数内的this指向为这个新函数。
2023-07-11 20:38:52
41
1
原创 promise类的方法
promise.allSettled() 所有子实例结束 新实例才会完成，包含所有子实例的状态。promise.any() 只要有一个子实例成功都算成功，所有子实例失败才算失败。用于将多个promise实例 包装成一个新的 promise实例。用于将多个promise实例 包装成一个新的promise 实例。用于将多个promise实例，包装成一个新的promise实例。用于将promise 实例包装成一个新的promise实例。参数：多个promise 实例的数组。参数：多个promise实例的数组。
2023-06-25 21:01:23
97
1
原创 promise实例的方法
返回值：当前 promise 实例状态对应的回调函数的返回值，这个返回值必须是一个新的promise实例，哪怕主动返回的不是 promise 实例 也会被处理成 promise实例。回调 1 用来处理成功状态 ，状态 2 用来处理失败状态 回调2 可选。promise实例状态为成功或失败时都会执行，表示当前promise 结束了。参数：回调函数，用来处理结束后的状态。promise实例状态为失败时执行。参数：回调函数，用来处理失败状态。返回值：回调函数的返回值。返回值：回调函数的返回值。
2023-06-25 20:45:07
139
1
原创 js本地存储
增：cookie.setItem("key", "val", {})- 增改删：document.cookie = "cookie字符"- 老的key且老的path，新的值，或新的日期配置，都是改。- 删：cookie.removeItem("key", {})- document.cookie = "cookie字符"- 老的key且老的path，过去的日期对象，就是删。- 查：cookie.getItem("key")- 新的key或新的path，都是增。- 查：document.cookie。
2023-06-20 18:16:55
162
原创 JavaScript ES6
/ {name:"张三"}// 当对象的键和存储了值的变量名重名时，可以简写成一个单词。const str = `今天${msg}真好`;// 方法可以省略冒号和function。const str2 = `${msg}今。const msg = "小王";let name = "张三";// 伪数组转真数组。
2023-06-16 15:00:00
40
1
原创 数组的方法
forEach() ES5 参数为回调函数，会遍历数组所有的项，回调函数接受三个参数，分别为value，index，self；reduceRight() ES5 反向归并，同forEach，迭代数组的所有项，并构建一个最终值，由reduceRight返回 n。reduce() ES5 归并，同forEach，迭代数组的所有项，并构建一个最终值，由reduce返回 n。splice() ES5- 删除指定位置，并替换，返回删除的数据 y。
2023-06-16 11:41:43
39
1
原创 javaScript继承
一、继承面向对象三大特点：封装，继承，多态 封装：打包 继承：如果一个对象A不具有某个功能a，通过某种方式使用了对象B的a功能 的过程 多态：对象或功能的多种形态，在使用某个对象时，不关心从哪来，在封装某个对象时，不关心将要在哪被使用 继承 构造函数执行之后得到的实例，继承了原型身上的方法（实例继承了类的原型） 类与类之间的继承 继承方式 构造函数继承（改变this指向继承） call，apply，bind 简单方便易操作 非常易于做多继承
2023-06-16 09:03:37
38
1
原创 谈谈闭包函数
1.创建一个不会被销毁的作用域执行空间2.直接或间接返回一个函数3.外部有变量接收的返回的复杂数据4.返回的这个函数使用了外部函数的局部变量（私有变量）
2023-05-11 18:02:32
38
1
原创 作用域及作用域链
1.局部作用域：只能在函数内部访问函数内部定义的变量从函数外部是不可见的 （也就是说 子能用父）2.全局作用域：网页的所有脚本和函数都能够访问函数外部定义的变量，函数内部是可以调用的（父不能用子）每个函数创建时都会产生作用域作用域决定了变量的可见性 （就是在哪能用 在哪不能用）作用域：变量生效的范围3.块级作用域是一个语句，将多个操作封装在一起，通常是放在一个大括号里，没有返回值。在ES6之前，函数只能在全局作用域和函数作用域中声明，不能在块级作用域中声明。
2023-05-11 15:14:12
49
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人