- 博客(106)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript前端高效性能优化策略：防抖和节流的详细介绍
防抖和节流是我们前端开发性能优化中经常用到的一个手段，目的就是为了减少/限制函数执行的频率，用来提升系统性能和用户体验。本篇文章将深入探讨防抖和节流这两种函数优化手段，防抖在函数频繁触发时只在最后一次且规定时间内无再次触发才执行，节流则在给定时间间隔内最多执行一次。有大佬以游戏为喻，将防抖技术形象地比作游戏中的【回城】功能。想象一下，当你按下回城键，角色开始返回基地，但如果在途中被敌人打断，回城动作便会重置，重新开始计算。
2025-01-15 15:14:25
1436
原创 UniApp框架下.vue与.nvue的深度差异化解析
vue 是标准的 Vue 单文件组件格式，主要用于基于 Vue 2.x 或 Vue 3.x 开发的 UniApp 项目。在 .vue 文件中，开发者可以定义 template、script 和 style 三个部分来构建 UI、逻辑和样式。template: 用于定义 UI 结构。script: 用于定义组件的逻辑和数据。style: 用于定义组件的样式。.nvue适用于使用 UniApp 开发原生 App 的场景，通过 .nvue 文件中使用更简洁的布局方式来提高渲染性能。
2024-12-11 16:03:00
2012
原创 js作用域超全介绍--全局作用域、局部作用、块级作用域
作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。ES6中新增块级作用域。
2024-11-20 17:24:34
857
原创 uni-app跳转外部链接方式汇总--超全
在开发移动端应用程序（APP）的过程中，我们经常需要展示来自外部HTTP/HTTPS链接的页面内容。这些外部页面可能包含用户协议、新闻资讯、产品详情等信息，对于提升用户体验和增强应用功能至关重要。然而，与在Web环境中通过window.open或内嵌iframe轻松展示外部链接不同，APP端面临着更多的技术挑战和更好的交互体验限制。接下来介绍常用的几种外部链接打开方式。
2024-11-20 17:21:50
5331
1
原创 vue3移动端可同时上传照片和视频的组件
uni-app中的uni-file-picker可单独上传照片或视频，但不支持同时上传照片和视频。本篇博客使用image标签和video标签实现移动端（H5+app+小程序）中照片和视频的同时上传。
2024-10-18 18:06:30
879
原创 Vue2和Vue3的区别到底有哪些？本篇超全总结！
Vue 2.0 发布于 8年前的 2016 年，这是 Vue 成为主流框架过程中的一个重要里程碑。Vue 团队于 2020 年 9 月 18 日发布了 Vue 3.0 版本，2023年12月31日宣布Vue2将停止维护，如今Vue3生态系统正在蓬勃发展，本篇文章将全面介绍Vue2和Vue3到底有什么区别，以及我们如何更高效的使用Vue3来进行项目开发。
2024-10-18 17:31:41
13986
原创 css3+vue3实现img图片放大的两种效果，图片盒子整体放大和盒子不变仅图片放大
实现img图片放大的两种效果，图片盒子整体放大和盒子不变仅图片放大
2024-08-12 15:46:43
608
原创 uni-app的showModal提示框，进行删除的二次确认，可自定义确定或取消操作
uni-app的showModal提示框，进行删除的二次确认，可自定义确定或取消操作
2024-06-25 17:41:16
1514
原创 uni-app uni-data-picker级联选择器无法使用和清除选中的值
uni-app uni-data-picker级联选择器无法使用和清除选中的值
2024-06-25 17:34:24
1360
1
原创 uni-app移动端使用uni-file-picker上传图片时通过canvas添加拍摄时间等水印信息
uni-app移动端使用uni-file-picker上传图片时通过canvas添加拍摄时间等水印信息
2024-06-24 11:16:19
1093
1
原创 Vue3 头像是圆形，hover上去时头像出现黑色半透明样式，且中间显示修改两字的实现
Vue3 头像是圆形，hover上去时头像出现黑色半透明样式，且中间显示修改两字的实现
2024-06-20 18:00:45
358
原创 Vue3鼠标悬浮个人头像时出现修改头像，点击出现弹框，上传头像使用cropperjs可裁剪预览
Vue3鼠标悬浮个人头像时出现修改头像，点击出现弹框，上传头像使用cropperjs可裁剪预览
2024-06-18 17:26:08
971
原创 vue3实现div盒子的内容hover上去时样式改变及部分元素的显隐
利用mouseover和mouseout并结合css样式用vue3实现div盒子的内容hover上去时样式改变及部分元素的显隐
2024-06-18 17:08:14
1199
原创 cesium添加自定义的marker，并给添加的marker设置一闪一闪的呼吸效果
cesium添加自定义的marker，并给添加的marker设置一闪一闪的呼吸效果
2024-05-31 10:05:30
564
原创 QuillEditor富文本结合vue3使用，可单独抽离成组件，富文本的内容可自定义
QuillEditor富文本结合vue3使用，可单独抽离成组件，富文本的内容可自定义
2024-05-30 14:47:04
2943
2
原创 elementPlus+vue3易踩的坑之el-radio单选框：为什么默认选项都被勾选了？
elementPlus+vue3易踩的坑之el-radio单选框：为什么默认选项都被勾选了？
2024-05-27 15:29:57
3077
转载 Vue - vuedraggable 拖拽排序功能
通过vuedraggable 实现数组数据的拖拽排序功能，数组数据可为table也可为div等样式。
2023-08-22 13:59:17
1029
转载 vue\js等获取当前页面的url网址（超全）
我们在开发中经常会遇到获取当前网址的url、协议、域名、端口、路径、参数等情况，以下总结了几种常见的获取当前url的几种情形。
2023-07-19 14:39:35
7032
原创 JS年龄、身份证号、出生日期、邮箱、密码、数字、中文等多种方式校验（持续完善中...）
JS年龄、身份证号、出生日期、邮箱、密码、数字、中文等多种方式校验（持续完善中...）
2023-06-25 17:39:15
636
原创 视频监控设置四宫格九宫格静态视频
1.在global.config.js文件中，设置公共静态视频。5.在视频监控的vue文件中，beforeDestroy中。2.在视频监控的vue文件中，template 中。4.在视频监控的vue文件中，method中。3.在视频监控的vue文件中，data中。
2023-06-13 10:55:27
1432
转载 前端CryptoJS加解密
CryptoJS是标准安全加密算法的JavaScript实现，运行速度快，接口简单，见名知意。文档说明可参考：CryptoJS文档说明。版权声明：本文为CSDN博主「凌波漫步&」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。CryptoJS的实现主要有哈希算法，HMAC、加密算法、以及常用编解码算法。哈希算法，如MD5、SHA-1、SHA-2等。编解码算法，如Base64、Hex16等。加密算法，如AES、DES等。一、安装crypto-js。
2023-03-24 18:33:27
3769
转载 vue页面嵌入脚本开发代码块vue-prism-editor的实现(可编辑代码，有格式化)
vue页面嵌入脚本开发代码块vue-prism-editor的实现(可编辑代码，有格式化)
2022-12-22 18:49:07
1290
1
转载 标准文档流、脱离文档流及脱离文档流的3种方式
1、如果元素不再满足浏览器的默认布局排版，也就是说将元素从默认的布局排版中拿走，此时这个元素不再占有它在标准流中的位置。那么这时这个元素就脱离了文档标准流，此时就是脱离文档流了。2、元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动状态（可以理解为漂浮在文档流的上方）。3、脱离文档流的元素的定位基于正常的文档流，当一个元素脱离文档流后，依然在文档流中的其他元素将忽略该元素并填补其原先的空间。既要实现既要并排，又要设置宽高，此刻就要脱离标准流。
2022-09-07 16:37:22
4997
1
转载 CSS中的BFC详解：定义、触发方式及应用场景
BFC就是一个css的一个布局概念，是一个独立的区域，是一个环境。Block Formatting Context：块级格式化上下文。W3C的官方解释：它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用，当涉及到布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。BFC的目的：形成一个完全独立的空间，让空间中的子元素不会影响到外面的布局。
2022-09-07 16:12:59
378
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人