自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试题

事件循环又叫做消息循环,是浏览器渲染主线程的工作方式。在Chrome的源码中,它开启一个不会结束的for循环,每次循环从消息队列中取出第一个任务执行,而其他线程只需要再合适的时候将任务加入到队列末尾即可。过去把消息队列简单的分为宏任务队列和微任务队列,这种说法目前已无法满足复杂的浏览器环境,取而代之的是一种更加灵活多变的处理方式。根据W3C官方的解释,每个任务有不同的类型,同类型的任务必须在同一个队列,不同的任务可以属于不同的队列。

2023-10-19 11:24:02 85 1

原创 访问权限拦截

【代码】访问权限拦截。

2023-10-02 11:47:20 95 1

原创 拖拽文件或文件夹上传阿里云

第二个input可以支持谷歌,火狐,欧朋浏览器。如果不用兼容ie,可以选择第二种。三、在ondrop的 事件中获取到拖拽文件的file对象。ie浏览器不支持多个文件上传,只有老老实实的选择第一种。一、文件上传的重点就是怎么拿到文件的file对象。四、封装一个递归函数,拿到文件的flie对象。二、准备一个盒子,用于存放拖拽文件用。

2023-09-15 20:49:54 170

原创 复习和准备面试的参考文档

JavaScript 参考手册。JavaScript 基础。Web 和 Web 标准。HTML 元素参考手册。Web 开发入门指引。Web 开发者的教程。

2023-09-15 20:23:41 74

原创 好用的小技巧

2.在控制带输出的数据,复制之后,结构会出问题,可以把 鼠标放在那个数据名上,让后鼠标右键,出现提示信息,赋值为全局变量,然后使用copy(变量名),就会自动赋值为粘贴板。就可以实现赋值粘贴。1,如果网页不让赋值粘贴,可以在控制台输入。就可以直接复制,粘贴了。

2023-09-05 16:04:42 30

原创 数据结构转换

这个函数接受一个树状结构的数据作为输入,并返回一个扁平的结构数据数组。每个数组项都是一个对象,包含路径和对应的值。你可以将你的树状结构数据作为参数传递给这个函数,然后获取转换后的结果。是一个包含数学表达式的字符串,可以包含加法、减法、乘法和除法运算符,以及长度、百分比和其他CSS单位。需要注意的是,这个方法会直接修改原始对象,所以在调用方法后,原始对象将变成一个空对象。函数执行了一些简单的数学计算,并将计算结果应用于不同的CSS属性。获取对象的所有属性名,然后使用。在上面的示例中,我们使用。

2023-08-28 21:05:11 82 1

原创 React中 setStatez中数组和对象的修改方式?

使用场景;多层级和单一层级都存在。缺点:|写法麻烦,单次对象赋值,对象层级多的时候,容易遗漏。

2023-07-11 14:24:18 1686 1

原创 react的数据响应式原理,和实现数据响应式

React 的响应式,是使用 diff 算法实现的。React 在 state 或 props 改变时,会调用 render () 方法,生成一个虚拟 DOM 树,React 会将这棵树与上一次生成的树进行比较,找出其中的差异,并更新差异的部分。

2023-07-10 14:20:53 1736 1

原创 react自学

npx是npm v5.2.0引入的一条命令,是一个npm包执行器。可以直接使用命令,临时安装包,并执行,不会全局安装,npx 会安装最新的稳定版本,也可以切换node.js版本。npx的出现解决了在命令行中执行包命令时需要全局安装的问题,可以节省时间和磁盘空间,并提供更好的灵活性和版本管理。npm是node.js的包管理器。主要用于全局安装和管理包,也可以进行本地安装,npm需要全局安装命令工具才能使用命令。:描述了一个结果,一个状态,重视描述的结果,忽略过程细节,典型的就是 HTML CSS.

2023-07-07 08:45:55 82 1

原创 前端面试题(持续更新中)

原理:当使用reactive定义一个对象时,Vue会将这个对象转换为一个响应式代理对象。这个代理对象会拦截对对象属性的访问和修改操作,并在需要时触发更新。但是,当你重新给这个对象赋值时,实际上是改变了这个对象的引用,而不是修改了对象的属性。因此,Vue无法检测到这个变化,也就无法触发更新。1、使用ref定义数据。2、使用reactive定义一个对象,把要使用的数据赋值给这个对象的某一个属性中,达到数据的响应式。2、在vue3中在package-lock.json文件中。

2023-07-05 15:56:55 126 1

原创 vue3 vite解决跨域

使用vite创建项目,配置代理跨域,需要在vite.config.js的文件中,去配置。这是配置跨域代理之后的vite.config.js的文件。然后通过axios去请求数据。这是使用vite搭建项目vite.config.js文件初始化的样子。下面通过server来配置。

2023-07-05 14:33:21 4678

空空如也

空空如也

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

TA关注的人

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