weixin_73098736的博客

原创 封装组件之使用vue3封装input框并显示联想数据功能

@input输入事件、@blur失去焦点、@focus获取焦点

原创 封装组件之使用vue3封装简易Button按钮

【代码】封装组件之使用vue3封装简易Button按钮。

原创 使用Teleport实现视频小窗口播放

提供的一个钩子，用于检测元素的可视区域（视口）变化。元素是否在视口内，更新。

原创 用户长时间无操作返回登录页

main.ts2.监听事件，触发定时器3.提示信息4.返回登录页5.完成

原创 Bcrypt密码加密

Bcrypt 是一种基于 Blowfish 加密算法的密码哈希函数。Bcrypt 通过增加计算成本和盐值（salt）的使用，使得攻击者难以通过暴力破解和预计算的哈希表（彩虹表）来获取密码。

原创 WebWorker处理百万数据

【代码】WebWorker处理百万数据。

原创 在react中如何计算本地存储体积

【代码】在react中如何计算本地存储体积。

原创 视频播放--vue3+西瓜播放器

实现方式非常简单，只需三步：安装、DOM占位、实例化即可完成播放器的使用。

原创 JavaScript模拟滑动手势

【代码】JavaScript模拟滑动手势。

原创 React面试题之Fiber架构

它采用了增量渲染、可中断、恢复的方式，解决了传统渲染方式下React应用程序可能出现的性能问题，使得应用程序能够更加流畅地响应用户的交互操作。这种调度方式使得React能够更灵活地处理任务，优先处理对用户体验影响更大的任务。：Fiber架构也为实现React的并发模式打下了基础，使得React能够在不阻塞主线程的情况下处理长时间运行的任务，如数据获取等。：Fiber架构通过减少不必要的工作来提高性能，例如在组件树的协调过程中，能够跳过那些没有发生变化的部分，从而减少渲染的工作量。

原创 React面试题之setState的执行机制

setState是 React 中用于更新组件状态的方法。

原创 使用SSE实现echarts数据实时更新

SSE 是基于传统的 HTTP 协议实现的，采用了长轮询（long-polling）机制。客户端通过向服务器发送一个 HTTP 请求，服务器保持连接打开并周期性地向客户端发送数据。SSE 通过对象来实现，在客户端可以通过监听onmessage事件来接收服务器端发送的数据。

原创 VUE Pinia状态持久化

插件：pinia-plugin-persistedstate。

原创 VUE3+TS封装防抖和节流函数

【代码】VUE3+TS封装防抖和节流函数。

原创 vue3单个页面进行防抖节流

【代码】vue3单个页面进行防抖节流。

原创 react自定义hooks---useCounter

【代码】react自定义hooks---useCounter。

原创 nextTick实现原理及使用场景

nextTick是一个在Vue.js中常见的异步更新DOM的机制，它利用JavaScript的事件循环机制以及浏览器的渲染流程来实现延迟执行DOM更新操作。nextTick方法能够将回调函数延迟到下一个DOM更新循环之后执行，确保在DOM更新完成后执行某些操作。它主要用于解决Vue的异步更新导致的DOM更新后的操作问题，例如获取到更新后的DOM元素、更新后的样式计算、触发一些特定事件等。

原创 事件委托:将子元素事件统一委托至父元素进行处理

【代码】事件委托:将子元素事件统一委托至父元素进行处理。

原创 useEffect模拟生命周期

【代码】useEffect模拟生命周期。

原创 vue3+Ts封装axios网络请求

在package.json中检查axios是否安装成功。

原创 移动端拨打电话

实现移动端拨打电话比较简单，其原理就是一个跳转的方式，跳转到我们的手机拨打页面。

原创 在uniapp项目中引入vant

如果我们在正确配置后无法显示组件，这是因为安装组件库后需要重新运行项目。将之前的dist文件复制到wxcomponents中。会在项目根目录生成node_modules。在pages.json中引入我们需要的组件。全局引入放在"globalStyle"中。我们会需要复制dist，后面会用到。可以全局引入，也可以在单个文件引入。将全局样式添加到App.vue中。此目录要建在根目录下。

原创 mock虚拟数据

运行完命令就会为我们生成接口。可以访问接口查看数据。

原创 通过自定义指令实现图片懒加载

在页面组件中将src属性替换为我们的自定义指令。在main.ts中进行全局引入。

原创 语音转文字功能vue3

语音转文字

原创 vue3完成录音/播放功能

使用recorder-core完成录音与播放功能

原创 使用pinyin-pro插件实现助记码功能

获取输入的每个汉字的首字母，并且要求大写。

原创 vue3搜索显示出对应的搜索结果，结果中与关键字对应的字体高亮

【代码】vue3搜索显示出对应的搜索结果，结果中与关键字对应的字体高亮。

原创 vue3中的computed计算属性

【代码】vue3中的computed计算属性。

原创 使用echarts完成模拟飞机航线

由于模拟中国飞机航线，所以需要引入中国地图。

原创 react美团点餐项目实现购物车小球动画

效果如下图具体代码 1.在项目中引入parabola.jslet createBall = (left, top, Box) => { //创建小球元素 let Ball = document.createElement('div') //设置小球的样式 Ball.style.position = 'absolute' Ball.style.left = left + 'px' Ball.style.top = top +

原创 类的继承理解

2.如果A类继承了B类，且A类中写了构造器，那么A类构造器中的super是必须要调用的。1.类中的构造器不是必须写的，要对实例进行一些初始化的操作，如添加指定属性时才写；3.类中所定义的方法都是放在了类的原型对象上，且供实例去使用。

原创 react基础使用与操作

【代码】react基础使用与操作。

原创 验证码---svg-captcha

在开发者模式控制台中就会出来验证码的数据。注：#aaa是用来存放验证码的。

原创 echarts可视化图像基础使用

one() {// 创建一个初始化实例//x轴xAxis: {},// y轴yAxis: {},//数据series: [},],// 配置数据},

原创 vue登录页实现记住密码功能

中，下次登录页面加载时自动获取保存好的账号和密码（需解密），回显到登录输入框中。用户登录时若勾选“记住密码”功能选项，则将登录名和密码（加密后）保存至。存储账号密码有多种方法，我这里使用的 localStorage存储信息。为提高安全性，可以在存储信息前将密码进行加密处理。我这里使用的是base64。

原创 JavaScript实现边框选中效果

来跟踪div是否具有边框。每次点击时，我们通过取反操作来切换。的状态而变化，从而实现点击时出现边框，再点击时消失的效果。，则将边框样式设置为空字符串，从而去除边框。指令来监听div元素的点击事件，并绑定了。同时，在div元素的样式中，我们使用了。方法中，我们使用了一个布尔变量。当用户点击div时，我们使用了Vue.js的。来动态设置边框样式。

原创 vue+element-ui树形控件实现超简陋的高亮操作

原创 vue+mongodb后端无限级数据获取

【代码】vue+mongodb后端无限级数据获取。

原创 vue+element-ui实现Cascader 级联选择器后端数据渲染

效果图实现操作渲染完成