nibabaoo的博客

从视频文件中提取画面帧

在网络请求中取消已经发出的请求

浏览器实现跨标签页通信的多种方式

【代码】前端开发攻略---前端ocr图片文字提取功能。

使用css实现滚动吸附效果

使用AJAX监控网络请求进度

优化从远程服务器获取较大数据时加载慢的问题

在Vue3项目中修改Element-Plus主题色

Vue实现图像裁剪功能，支持用户通过图形界面进行裁剪区域的调整，最终生成裁剪后的图像。

【代码】前端开发攻略---图片裁剪上传的原理。

（跨域资源共享），是用于控制浏览器校验跨域请求的一套规范，服务器依照CORS规范，添加特定响应头服务器明确表示拒绝跨域请求，或没有表示，则浏览器校验不通过服务器明确表示允许跨域请求，则浏览器校验通过备注：使用CORS解决跨域是最正统的方式，且要求服务器是“自己人”

1、TypeScript 由微软开发，是基于 JavaScript 的一个扩展语言。2、TypeScript 包含了JavaScript的所有内容，即TypeScript 是JavaScript 的超集。3、TypeScript 增加了:静态类型检查、接口、泛型等很多现代开发特性，因此更适合大型项目的开发。4、TypeScript 需要编译为 JavaScript ，然后交给浏览器或其他 JavaScript 运行环境执行。2、为何需要TypeScri

webSocket的简单实现与使用

解决Vue3图片动态引入问题

用vue实现无限滚动

代码生成双色球号码；用代码带你走近双色球再到远离双色球

使用Sass调整颜色亮度，实现Element同款按钮

手写JavaScript中的bind函数

解决Chrome的最小字号限制，设置任意字号大小

手写promise.all方法。看这篇就够了！

HTML中的标签，浏览器的原生弹框。

多种方式实现滚动到底部加载更多数据

用JS实现文本转语音

用原生在页面中Js实现语音识别。

监控页面卡顿，判断用户的页面是否卡主

封装calendar日历组件，实现日期多选。Vue日历组件封装。Vue3封装日历组件。Vue2封装日历组件

根据搜索关键字实现搜索结果列表文字高亮效果

实现发送手机验证码60s倒计时效果

实现将指定元素拖拽到目标区域，并在目标区域中显示拖拽元素的文本内容和样式类名的功能。

用Vue带你玩转高德地图

Vue项目引入高德地图，超详细，超简单，保姆级教程。

合并表格单元格，表格内嵌套表格实现手风琴效果。

在Vue3中对ElementPlus中的dialog组件进行二次封装

利用了 JavaScript 的定时器和字符串处理功能，以动画的形式将文本内容逐字打印到页面上，添加了光标闪烁的效果，使打印效果更加生动。

在页面上渲染大量元素，使用defer减少白屏等待时间，优化页面响应速度；创建一个可以控制渲染延迟的函数，并在组件销毁时清理相关资源，有效地优化页面加载性能

从源码角度分析Vue3的Propy比Vue2的defineproperty到底好在哪里。一篇文章让你彻底弄懂响应式原理;Vue2和Vue3响应式的区别；defineproperty跟Proxy哪个好

在输入框中输入中文但是还没选中的时候，搜索事件依然存在；中文输入法导致的高频事件

将class转换为function。满分写法无死角

Clipboard API允许网页通过JavaScript访问用户的剪贴板，从而实现复制和粘贴操作。简单来说，它允许你的网页应用程序与用户的剪贴板进行交互，使得用户可以方便地复制文本、图像或其他数据，并在需要时粘贴到其他地方。这为用户提供了更流畅的体验，同时也增强了网页应用程序的功能性。

js复制文本到剪切板；js获取某个日期位于当年的第几天；js将rgb颜色灰度变化（基于光感加权平均）；js解析url中的参数；js筛选对象属性；js随机HEX颜色；js生成随机字符串；js去掉字符串中的元素标记