自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 常用的git指令以及出现冲突如何解决

下面模拟一下git中的执行过程:git add .首先将全部目录添加到暂存区git commit -m "注释"提交代码 双引号里面可以添加注释内容git push推送至远程仓库这样是推送仓库的基础方法。

2024-03-12 08:50:28 371 1

原创 ts封装axios

优化配置,设置默认配置项(responseType、跨域携带cookie、token、超时设置)Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。get:用于获取数据,请求指定的信息。delete:请求服务器删除指定的数据。// 在发送请求之前做些什么。通过 Axios 方法直接发起请求。// 对响应数据做点什么。// 对响应错误做点什么。// 对请求错误做些什么。1. 支持promise请求。请求成功,配置业务状态码。put:用于更新数据,axios请求的方法。

2024-03-08 08:59:12 434 1

原创 什么是闭包

的方式吧,就是从根节点上把能访问到的都做上标记.定期检测.没有标记的就被清除掉.释放掉内存.因为闭包的一直被引用着就一直有标记就回收不了了.可以置为null就可以,当然垃圾回收机制的打标记.js引擎也做了一定的优化.来提升性能.大体上我就了解这些[再有兴趣的可以参考https://segmentfault.com/a/1190000018605776],导航栏获取下标的使用项目后期的时候进行了一定的性能优化.比方说:对级联菜单的功能,使用了节流防抖的方式,减少了http请求,节流防抖函数就是闭包的原理。

2024-03-08 08:57:34 324 1

原创 什么是重排.重绘,如何减少重排

页面初始渲染,这是开销最大的一次重排 -添加/删除可见的DOM元素 -改变元素位置 -改变元素尺寸,比如边距、填充、边框、宽度和高度等 -改变元素内容,比如文字数量,图片大小等 -改变元素字体大小 -改变浏览器窗口尺寸,比如resize事件发生时 -激活CSS伪类(例如::hover) -设置 style 属性的值,因为通过设置style属性改变结点样式的话,每一次设置都会触发一次reflow -查询某些属性或调用某些计算方法:offsetWidth、offsetHeight等。

2024-03-08 08:53:20 346 1

原创 vue2和vue3的自定义指令

4.vue2与vue3自定义指令区别:注册方式不同,钩子函数变化,钩子函数参数变化,实现机制不同,渲染函数处理不同。自定义指令是Vue提供的能力,用于注册自定义的指令,从而实现一些自定义的dom操作。在vue3中,自定义指令通过全局方法app.directive()注册。然后在模版中通过v-xxx方式使用。2.vue2中自定义指令。3.Vue3中自定义指令。1.什么是自定义指令。

2024-03-08 08:47:35 381 1

原创 什么是闭包????

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。通过使用闭包,可以通过在外部调用闭包函数,从而在外部访问到函数内部的变量,可以使用这种方法来创建私有变量。

2024-03-02 08:41:49 361

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

重排:当一个元素的位置、尺寸等发生改变的时候,浏览器需要重新计算该元素的几何属性并且摆放到正确的位置的过程叫做重排。一般像页面初次渲染、带有动画的元素、添加或删除功能、图片放大缩小、浏览器窗口发生改变的时候都会触发重排。重排也叫回流。

2024-03-02 08:35:57 390

原创 vue中的防抖和节流

在vue中可以很轻松的实现防抖和节流。}, 500)},watch: {},在这之后每次调用就算执行频率非常的高,内部的回调也只会让你慢慢的!!!!!(缓冲执行)

2024-02-28 20:33:59 442 1

原创 vue3组件常用的通信方式(父传子、子传父、父直接获取子、pinia)

父组件中调用这个子组件时,当子组件需要传参给父组件时使用defineEmits注册一个事件getValue,而后设置点击事件transValue去触发emit,去调用我们注册的自定义时间getValue并传value参数至父组件。当父组件想直接调用父组件的属性或者方法时,子组件可以使用defineExpose暴露自身的属性或者方法,父组件中使用ref调用子组件暴露的属性或方法。父组件在获取子组件传过来的值时,通过在子组件上使用。子组件传值给父组件主要是子组件通过。父组件调用时,为子组件绑定一个。

2024-02-27 20:39:36 2998

原创 css基本动画的实践 animation transition

img_hov: '/src/assets/非机动车未带头盔识别系统_hov.png',img_hov: '/src/assets/支队平台系统本地化应用_hov.png',img_hov: '/src/assets/交通安全画像系统_hov.png',img_hov: '/src/assets/交通态势监控系统_hov.png',img_hov: '/src/assets/重点车辆监管系统_hov.png',img_hov: '/src/assets/可视化作战平台_hov.png',

2024-02-27 10:30:22 289

原创 CSS3的新特性与CSS3的动画

动画:transition(过渡),transform(实现位移),倾斜(skew),旋转(rotate),缩放(scale),animation(关键帧动画) 配合@keufranes等以及@madia和flex弹性盒子。第二点:transition只要开始结束两种状态,而animation可以实现多种状态,并且animation是可以做循环次数甚至是无限运动。第一种:过渡动画:主要通过transition来实现,通过设置过渡属性,运动时间,延迟时间和运动速度实现。圆角:border-radius;

2024-02-26 10:45:57 449

原创 数组的二十种基本方法

数组的基本使用

2024-02-26 10:34:18 478 2

空空如也

空空如也

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

TA关注的人

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