- 博客(10)
- 收藏
- 关注
原创 Vue的项目优化
代码拆分指的是将代码分为多个较小的块,只在需要的时候加载。在生产环境中,你可以使用像 Terser 这样的工具来压缩你的 JavaScript 代码,减小代码体积。可以使用像 Cloudflare、阿里云 CDN 等服务提供商,将静态资源上传到他们的服务器上,然后通过 CDN 加速分发到用户端。使用像 image-webpack-loader、imagemin-webpack-plugin,或者将图片转换为 WebP 格式等优化手段,可以减小项目的图片大小,加快页面加载速度。
2024-03-11 20:44:12 325 1
原创 说说你对闭包的理解
由大函数嵌套小函数,小函数使用大函数中的变量,在大函数外跟小函数保持引用关系,形成了执行空间不销毁的场景。每次调用大函数都会形成一个不销毁的执行空间,滥用闭包容易造成内存溢出。1.保护了变量的私有性(不受全局污染了/不污染全局)4.沙箱模式(语法糖是getter和setter)3.间接的让全局可以操作局部变量了。1.在循环中绑定事件或执行异步代码。2.延长了变量的生命周期。2.防抖和节流的封装。
2024-03-07 20:57:08 351
原创 深拷贝和浅拷贝的区别以及他们的好处
2. 浅拷贝只是复制了对象的指针并没有复制到对象的值,新旧对象还存在同一个内存空间,但是深拷贝会创建一个相同的对象,新对象有自己的内存空间和指针,这样我们多次使用数据就不会发生错乱。4. 深拷贝:深拷贝会创建一个新的对象,并将原对象的所有内容都复制到新对象中,包括对象所引用的其他对象深拷贝的结果是两个独立的、完全相同的对象。3. 浅拷贝只是拷贝了对象本身而没有拷贝对象引用原对象和拷贝对象公用同一个引用修改其中一个对象的属性会影响另一个对象的属性。数据独立性:深拷贝创建了原始对象的完全独立副本。
2024-03-07 20:51:51 390
原创 Vue3.0跟Vue2.0的自定义指令
template>//用自定义指令做一个没有图片的话出现图裂效果//原照片地址//图裂地址</script>//在main.js中注册// 注册一个全局自定义指令 `v-example`// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus();});// 在组件中使用<template><template><div></div><script>// 指令绑定时的操作},// 指令绑定到元素后的操作},
2024-03-07 20:47:20 362
原创 实现防抖的步骤
防抖的概念是在一定时间内只执行一次函数,如果在这段时间内再次触发,则重新计时。这样可以在频繁触发事件时,减少多余的执行,提升性能。
2024-02-29 21:03:58 360
原创 【无标题】css3新增的特性+如何让一个盒子水平垂直居中
- transform: 旋转: rotate(45deg) 缩放: scale(1.5) 倾斜: skew(30deg, 20deg) 平移: translate(50px, 20px);过渡动画的时间函数 默认值:ease(先慢后快再慢),还有其他值:linear(匀速)、ease-in(先慢后快)、ease-out(先快后慢)-- 实现盒阴影的动画(过渡),旋转+倾斜+缩放+平移+动画 -->-- 水平垂直居中第二种方法+圆角+盒阴影+渐变 -->-- 文本添加阴影 -->
2024-02-25 20:06:07 907
原创 数组常用的20个方法
/传入的第一个参数为累加函数,第二个参数为初始累加值(0) (acc为累加结果) (curr为当前遍历的元素)// let brr = arr.every(num => num>=2);// let brr = arr.findIndex(function(ele) { // 传入一个回调函数。// arr.forEach(function(item) { // 传入整个数组。
2024-02-24 14:30:57 301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人