自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 同源策略和跨域解决方案

同源策略的含义:浏览器的同源策略(Same-Origin Policy)是一种安全机制,用于限制一个网页文档或脚本如何与来自不同源的资源进行交互。同源是指两个 URL 的协议、主机和端口号都相同同源策略的目的是保护用户的隐私和安全。它可以防止恶意网站通过脚本访问其他网站的敏感信息或进行恶意操作。跨域资源读取:在浏览器中,一个网页只能通过 AJAX、WebSocket 或 Fetch API 等方式来请求同源网站的数据。这意味着脚本无法直接读取来自其他域的数据,以防止恶意网站获取用户的敏感信息。

2024-03-08 19:26:25 389 1

原创 vue2和vue3的自定义指令

局部自定义指令:只在组件内有效全局自定义指令:所有组件都有效bind:只会调用一次,指令第一次绑定到元素时会调用inserted:被绑定元素插入父节点时调用update:元素第一次绑定不会触发,绑定的值发生更新时触发,可能发生在其子节点更新之前。componentUpdated:指令所在组件的 VNode 及其子 VNode 全部更新后调用。unbind:只调用一次,指令与元素解绑时调用。在组件A.vue,用自定义指令实现改变文字颜色p v-style>文字描述</

2024-03-07 19:56:35 449 1

原创 TypeScript封装axios

在上述代码中,我们使用 axios.create() 创建了一个 axios 实例,并设置了基本 URL 和请求超时时间。我们还添加了请求和响应拦截器,以在请求和响应发生时添加自定义逻辑。最后,我们将该实例导出,以便其他模块可以使用。使用npm安装axios依赖。

2024-03-04 19:54:29 453 1

原创 javaScript中闭包的概念、原理、作用及应用

如果程序还有其他函数,也需要用到age的值,则会受到影响,而且全局变量还容易被人修改,比较不安全,这就是全局变量容易污染的原因,所以我们必须解决变量污染问题,那就是把变量封装到函数内,让它成为局部变量。在js中,函数发生了嵌套,内层函数被返回给另一个变量所引用,那么外层函数的活动对象不会随着函数调用结束而销毁,会常驻内存,这种现象就叫闭包。使用闭包时,按照作用域链的特点,闭包(函数)外面的变量不会被销毁,因为函数会一直被调用,所以一直存在,如果闭包使用过多会造成内存销毁。:隐藏变量,避免全局污染。

2024-03-01 18:51:15 436

原创 什么是重排?如何减少重排?

浏览器的重绘(repaint)和重排(reflow)是指浏览器对网页进行重新渲染的过程。重排是指重新计算网页布局的过程,而重绘则是根据新的布局信息重新绘制网页的过程。它们的区别在于,重排会导致元素的尺寸、位置、内容等属性的变化,因此需要重新计算布局信息;而重绘则是在元素的位置和尺寸等属性不变的情况下,重新绘制元素的样式。浏览器的重排和重绘是网页性能优化中的重要概念,理解它们的原理和影响,可以帮助我们更好地优化网页性能。重排是比较消耗性能的操作,因为它需要重新计算元素的布局信息。

2024-02-29 20:29:35 1044

原创 什么是防抖和节流?该怎么实现?

【代码】什么是防抖和节流?该怎么实现?

2024-02-28 20:51:51 346

原创 vue3组件常用的通信方式。

在子组件上自定义一个属性,属性名随意,属性值是你要传递的参数。在 store 里创建 index.js 和 user.js。//更改message的值,data是从子组件传过来的。然后在 src/main.ts中引入 stores。//参数2:传给父组件的值。

2024-02-27 21:01:55 1092

原创 CSS3新增特性和CSS3动画

属性含义ransition(过度)用于设置元素的样式过度,和animation有着类似的效果,但细节上有很大的不同transform(变形)用于元素进行旋转、缩放、移动或倾斜,和设置样式的动画并没有什么关系,就相当于color一样用来设置元素的“外表”translate(移动)只是transform的一个属性值,即移动animation(动画)用于设置动画属性,他是一个简写的属性,包含6个属性。

2024-02-25 20:59:43 1007

原创 Javascript-常用的数组方法

concat函数用于连接一个或多个数组,返回一个新的数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个新的数组。: 数组名.reduce( (prev,item,index,arr) =>{},初始值): 数组名.forEach(function (item,index,arr) {}): 数组名.filter(function (item,index,arr) {}): 数组名.map(function (item,index,arr) {}): 必然是一个数组 一个映射完毕的数组;

2024-02-24 10:58:18 812 1

空空如也

空空如也

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

TA关注的人

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