分类: 前端

44 篇文章

Set和Map用法详解
Set 和 Map是 ES6 中引入的两种新的数据结构。提供了更强大和灵活的数据存储与操作方式。 Set Set是一种集合数据结构,它允许存储任何类型的唯一值,无论是基本数据类型还是对象引用。 特点: 唯一性:集合中的每个值都是唯一的,重复的值会被自动忽略。 无序性:Set中的元素没有特定的顺序,不…
字符串常用方法
1.replace 和 replaceAll replace()替换字符串中的部分内容,返回一个新字符串,原始的字符串不会改变。 语法:replace(pattern, replacement) 参数: pattern:需要替换的内容,可以是字符串或者一个带有 Symbol.replace 方法的对…
微信小程序音频播放带进度条显示以及音频切换功能
开发微信小程序中遇到一个需求:需要能做到播放暂停音频,同时能够实时显示时间进度条(当然,进度条可拖拽),另外还要能够左右切换音频播放。 所以就想到了微信小程序原生的方法wx.createInnerAudioContext(),完成的同时外送一个可倍速的功能。当然如果你的音频有不同角色的链接,还可以实…
前端实现水印的几种常用方式
水印通常用于保护版权、增强品牌识别度或提供额外的信息。 通过在前端实现水印,可以有效地保护内容的版权,增强品牌识别度,提供额外的信息,同时满足法律合规和安全防护的需求。 1.通过css背景图 可以通过CSS的background-image属性,将水印图片设置为页面的背景图。这种方式简单易用,适用于…
Vue3+Element-plus实现自定义图片上传
默认已经安装好各种依赖,主要用到element-plus、axios。 通过Upload组件的http-request属性实现自定义图片上传请求功能。 代码实现: 通过自定义的uploadRequest方法,来实现图片上传和回显。 <template> <el-form :mode…
数组常用方法合集,以及数组循环方法对比
01-for和forEach for循环是最常规最通用的一种循环遍历方法; forEach方法是一个高阶函数,会引入额外的函数调用开销,forEach会改变原数组; 1.性能上的比较 for>forEach for循环直接操作索引,没有额外的函数调用和上下文,所以性能是最快的 for可以使用b…
基于uni-app框架开发的多端小程序【少儿国学经典指南】
前一段时间基于uni-app框架开发了一款关于国学经典的小程序【少儿国学经典指南】,已经上架web端,微信小程序端以及抖音小程序。 关于上架小程序,可为一波三折,备案认证的却花了不少时间。但最近发现,小程序备案快了很多,而且审核什么的也比较容易通过,互联网是在不断进步的。 在数字化浪潮席卷的今天,传…
uniapp云开发发布小程序云函数报错:连接本地调试服务失败,请检查…
“连接本地调试服务失败,请检查客户端是否和主机在同一局域网下”,这是uniCloud云开发发布小程序后,正式环境下访问的报错情况。在本地调试都ok的情况下,以及绑定所有的域名白名单后发现的错误。 经过一番开发文档查找,终于找到了原因,一个我们太容易忽略的原因: 在HBuilderX编辑器发布小程序的…
浏览器支持小于12px的字体了?
一次无意的发现,html设置10px的字体在浏览器中查看竟然支持了。之前只要设置小于12px的字体大小,都会默认为12px。也即是浏览器默认只支持最小12px的字体。 抱着好奇的心态,写了一段html设置文本字体为12px和10px,哎呦,大小竟然不一样。好奇的我又尝试在移动端浏览,发现不仅仅pc浏…
thumbnail
大屏可视化之动态数字
之前做过一些数据可视化项目的时候,感觉数字动态效果挺好玩的,就想着分享一些快乐。 可以先看一下效果图: 其实内容也很简单,一个html文件,一个js文件。通过定义速度、显示数字等,来初始化一个数字动态加载的方法。 html data-top中为要显示的数字,data-speed中配置加载这个数字完成…