- 博客(92)
- 收藏
- 关注
原创 Vue2中子组件给父组件传参,父组件中同时接收自己绑定事件的参数和子组件传递过来的参数
通过自定义事件实现子组件给父组件传值,父组件如何接收子组件的传值和自身的传值,本文带你了解
2025-05-21 09:22:00
196
原创 Vue2在子组件上使用v-model实现数据的双向绑定、.sync修饰符
在父组件中引用子组件,怎么实现数据的双向绑定,简单的写法,本文介绍两种v-model和.sync修饰符
2025-05-15 15:56:21
417
原创 js中的FormData类型
JavaScript中的FormData接口用于构建和发送表单数据,尤其适用于文件上传。它可以通过构造函数创建空对象,或从HTML表单初始化。使用append()方法可以添加字段,支持同名键。FormData可通过fetch或XMLHttpRequest发送到服务器,浏览器会自动设置Content-Type为multipart/form-data。
2025-05-13 09:55:05
549
原创 vue2使用vuedraggable组件实现拖拽排序的功能
怎么快速给元素进行排序?拖拖拽拽就可搞定,教你在vue2项目中使用vuedraggable组件实现拖拽排序效果。。。
2025-04-17 11:20:23
381
原创 Js实现继承
js继承的发展经历了原型链继承,盗用构造函数继承,组合继承和es6推出的class类继承,本文带你搞懂这几种继承的代码编写方式,学习一些编程的新思路。
2025-04-15 16:02:06
811
原创 js对象属性枚举顺序
js对象的属性可以是数字类型,字符串类型,Symbol符号类型。而属性又有自身属性和继承自原型对象的属性。这篇文章让你了解几个枚举属性的方法,注意他们的区别和使用场景,希望你能有所收获!
2025-04-15 11:11:14
322
原创 一文搞懂JS中Function和Object的关系
Function和Object是什么关系,你到底搞清楚了吗?函数也是对象,都是Function的实例对象.
2025-04-14 14:01:18
185
原创 js中this的指向问题
在js中,this出现的位置多种多样,你会不会迷糊呢?this到底指代的是哪个对象?这篇文章带你搞懂不同场景下this的指向问题。文章后面有相关测试题,可以检测你是否真的明白了。
2025-04-12 20:48:17
375
原创 js异步机制
异步机制和同步机制是相对应的,异步是指:当代码按照顺序执行到一些比较耗时的操作,不会立刻执行,而是将这些操作推到一个队列中等待合适的时机从队列中取出任务执行(涉及到js的事件循环机制,这里不做展开),这就是js的异步机制。因为js是单线程的,所有的JavaScript代码都在渲染主线程中执行,如果比较耗时的操作,如定时器设置了10秒后执行某项操作,如果没有异步机制,渲染主线程就会被阻塞在这里,10秒钟时间白白浪费,网页也会卡在那里不动,可想而知,用户的体验会有多差。有了异步机制,这种情况就会避免发生。
2025-04-09 18:04:46
775
原创 js生成器
js生成器,可以阻断和恢复函数的执行,你可以联想到async/await。生成器函数调用得到一个生成器对象,他的本质呢,也是一个迭代器对象。生成器和迭代器有着密切的联系,你可以用生成器函数来实现迭代工厂函数【Symbol.iterator】,让js对象可用for of遍历。
2025-04-07 16:14:35
476
原创 js迭代器
迭代器为方便遍历各种数据结构而设计,js的对象本是不可迭代遍历的,但是你通过实现一个迭代工厂函数,js对象便可迭代遍历,是不是很神奇?
2025-04-02 11:18:18
340
原创 Object和Map和WeakMap比较,以及localStorage怎么存取Map类型的值
首先,Object和Map十分相似,使用object能解决的问题,一般Map都能解决。Map和Object主要三点区别:1、Object的键是数值、字符串、Symbol,Map的键可以是任意类型的值。2、Object的属性是无序的,而Map的键是有序的。3、Object无法用for of进行迭代,但是Map可以。
2025-04-01 16:26:17
303
原创 【减小图片打包体积】image-webpack-loader
网页加载慢?图片体积过大?使用webpack图片压缩,图片体积直接缩小10倍,加载速度飕飕的!!!
2025-03-31 16:22:37
434
原创 uniapp路由跳转导致页面堆积问题
在A页面用navigationTo跳转到了B页面,在B页面用navigationTo跳转到了C页面,在C页面提交表单后,用navigationBack返回到B页面,在B页面的onShow生命周期钩子中请求数据更新状态。但是页面栈中堆积了很多页面,从该页面返回就到了C页面,而C页面是表单提交页面,我们希望从B返到A。从A页面跳转到B页面,然后从B页面跳转到了C页面,在C页面提交了表单之后要返回到B页面,但是此时B页面的状态需要更新,完事之后,我们希望此时在B页面点击返回之后回到A页面。
2025-03-18 15:29:04
409
原创 vue2项目开启br压缩
在 Vue 2 项目中,你可以通过配置构建工具(如 Webpack)来启用对 .br 文件的支持。最后,确保你的网站在支持 Brotli 的浏览器上测试,以验证 .br 文件是否被正确加载和压缩。然后,你可以安装 brotli-webpack-plugin 插件来帮助你在构建过程中生成 .br 文件。通过以上步骤,你可以在 Vue 2 项目中启用并使用 .br 文件压缩,以提高网站的性能。minRatio: 压缩比率的最小值,只有当压缩比率达到或超过这个值时,文件才会被生成。步骤 1: 安装必要的依赖。
2025-03-10 10:19:46
457
原创 实现多个球沿椭圆轨迹进行旋转动画
X轴方向动画持续20秒,动画开始直接进入播放5秒时的状态,此时应该在向右运动过程中中间的位置。4、给其他球添加动画样式,通过设置动画的延时时间(正值为延迟播放,负值表示直接进入播放动画n秒之后的状态),可改变球的初始位置。2、想要球动起来,并且沿着椭圆轨迹,要用到运动的合成,同时添加X轴方向和Y轴方向上的动画,同时在过程中改变球的大小和透明度。在旋转的过程中,球的大小,透明度在不断地发生变化,转到前端的时候不透明且最大,转到后面的时候透明度很高且最小。给球绑定鼠标移入事件,鼠标移上,所有球动画停止。
2025-03-06 15:21:22
321
原创 文件上传和下载前后端交互逻辑
2、表单提交接口,提交表单时,将文件的id和表单信息一块提交给后台,实现文件和表单的绑定。1、后端给前端一个上传接口:进行文件上传,上传成功后,该接口返回文件的路径,名称,id。后端给前端提供一个下载接口,前端调用后,返回二进制文件流。
2025-03-05 15:08:49
287
原创 在https的网站里访问http的静态资源
B 前端处理请求地址,将拿到的地址去掉协议、域名、端口号后,进行请求,这样会将请求发送到你前端页面所在的服务器。场景:出于安全考虑,项目的前端访问地址由原来的http变为了https的地址。将资源请求发送到自己的https的前端服务,通过代理转发到http的静态资源服务器上,然后将拿到的资源以https的形式返给浏览器。A 拿到后端返回的静态资源地址后,不要直接请求,也不会请求成功,因为你前端是https的。C 进行代理配置,给改完的地址随便加一个“头”,类似"/ditu",改完之后就变成了这样,
2025-03-05 09:09:24
480
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人