自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp基于Vue3 实现虚拟列表滚动效果

通过上述原理和实现方式,虚拟列表能够在大数据量级渲染时提供流畅、快速的滚动效果,提高用户体验。不多bb 直接上代码(这里做了适配 1px转2px)

2024-06-14 15:17:20 573

原创 Vue3 + TS 使用国际化组件I18n

在src下创建language/langs/zh.ts 为中文包City: "长沙市",Ranking: "排名",like: "猜你喜欢",personal: "个人排名",Daily: "日排行",Monthly: "月排行",Quarterly: "季度排行",Name: "姓名",Step: "步数",integral: "积分",step3: "3000步",point: "3分",Topics: "专题",Look1: "看!中国体育天团夺冠东京奥运",

2024-05-18 07:17:47 193

原创 React使用navigator调用摄像头完成拍照功能

是一个 JavaScript API,用于获取用户的音频和视频设备(如摄像头和麦克风)的访问权限。这个 API 返回一个 Promise 对象,当用户授权访问设备时,Promise 会解析为一个包含音频和视频流的对象。

2024-04-17 19:36:53 314

原创 react函数组件封装一个图片懒加载

onload 事件的作用是在页面或图像加载完成后立即触发。这个事件通常用于确保某。些操作在页面完全加载之后才执行。

2024-04-16 14:43:28 118 1

原创 react中 防抖与节流

服务端验证场景:表单验证需要服务端配合,只执行一段连续的输入事件的最后一次,还有搜索联想词功能类似。防抖是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。文本输入的验证,连续输入文字后发送 AJAX 请求进行验证,验证一次就好。节流函数原理:确保在连续触发事件的过程中,某一时间段内只执行一次操作。防抖函数的原理:保证在连续触发事件的过程中,只执行最后一次操作。拖拽场景:固定时间内只执行一次,防止超高频次触发位置变动。按钮提交场景:防止多次提交按钮,只执行最后提交的一次。

2024-04-15 09:59:39 431 1

原创 前端百问面试题之鱼龙混杂(第四/完结篇)

在 Redux 中,为了避免定义的 action type 常量重复,可以采用以下几种方式:使用字符串常量:定义 action type 时使用字符串常量,在不同的模块或文件中使用不同的命名空间来确保唯一性。使用枚举类型:使用 TypeScript 的枚举类型来定义 action type,枚举成员的名称是唯一的使用工具库:可以使用一些辅助工具库来帮助管理和生成唯一的 action type,例如redux-act,uuid 等。

2024-03-29 15:42:27 658 1

原创 前端百问面试题之鱼龙混杂(第三篇)

闭包是指在函数内部创建的函数,并且该函数能够访问到其外部函数的作用域。闭包有以下特点:内部函数可以访问外部函数中的变量和参数。外部函数的执行上下文被保留在内存中,即使外部函数执行完成后,内部函数仍然可以访问外部函数的作用域。多个内部函数可以共享同一个父级作用域,形成一个闭包函数族。闭包的应用场景包括但不限于:保护变量:通过使用闭包,可以隐藏变量,只提供对外部函数公开的接口。这样,可以确保变量不会被外部直接修改,增加了数据的安全性。

2024-03-29 15:35:11 684 1

原创 前端百问面试题之鱼龙混杂(第二篇)

强缓存(强制缓存)和协商缓存是Web开发中用于提高性能的两种重要缓存策略。强缓存强缓存是一种缓存策略,它依赖于HTTP响应头中的缓存控制信息,用于在浏览器缓存中存储并直接使用缓存的资源,而不需要发送请求到服务器。当浏览器发送请求时,服务器会在响应头中包含一些缓存控制信息,例如和Expires。这些信息告诉浏览器可以在一段时间内(过期时间)内直接使用缓存,而不需要重新请求服务器。如果缓存仍然有效(未过期),浏览器将使用缓存,而不发送请求。协商缓存。

2024-03-25 14:06:31 648

原创 前端百问面试题之鱼龙混杂(第一篇)

Tree Shaking是一种在前端构建过程中用于优化JavaScript代码的技术,主要用于消除未使用的代码,减小输出文件的体积。Tree Shaking通常与模块系统(如ES6模块)和打包工具(如Webpack、Rollup)一起使用,以移除应用程序中没有被引用的模块、函数、变量和代码块。工作原理Tree Shaking通过静态代码分析来确定哪些代码是未使用的。它从应用程序的入口点开始,通过依赖关系分析,识别并标记未使用的代码。

2024-03-25 11:31:12 972

空空如也

空空如也

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

TA关注的人

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