![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端随笔
欢快的小码农
前端小菜鸟,带你一起学习前端知识,共同成长。。。
展开
-
微信小程序节点查询wx.createSelectorQuery()的使用
微信小程序操作dom节点——wx.createSelectorQuery()使用场景:页面滑动到dom节点时,需要执行一些操作 var query = wx.createSelectorQuery();//创建节点查询器 query query.select('#id').boundingClientRect()//选择Id=id的节点,获取节点位置信息的查询请求 query.selectViewport().scrollOffset()//获取页面滑动位置的查询请求 query.exec(fun原创 2021-03-05 15:41:56 · 11895 阅读 · 0 评论 -
微信小程序--实时语音识别
小程序实时语音识别说到搜索功能,常见的有:图片搜索,语音搜索,文字搜索(模糊、精准)今天我们聊聊如何在微信小程序上实现语音搜索,这里我们借助了第三方腾讯云智能语音插件接下来让我们一起来看看实际操作吧首先,我们需要在使用界面里面执行以下操作 //腾讯云,没有腾讯云账号的,需要注册一个账号 let appid = '' let secretid = '' let secretkey = '' let openConsole = true let plugin = requirePlugin原创 2021-02-23 15:07:40 · 2833 阅读 · 2 评论 -
微信小程序使用canvas修改svg图标颜色
使用canvas修改svg图标颜色最近写公司项目遇到一个坑爹的需求,如下图:选择不同的板式,上面文字颜色,图标颜色都要跟着一起变化,因为板式数据都是从后台获取,我想这不是很简单嘛,直接让后台将图标一到给我就完事了。想着美滋滋,现实很残酷,后台只给色值,没办法,只能想想其他办法,最后翻看了很多文档,最终选择使用svg来解决图标变色的问题话不多说,直接上代码 data: { src:'/images/icon/1.svg',//图标 imgurl:'',//页面展示的图标 color:''/原创 2021-02-23 14:34:06 · 1415 阅读 · 2 评论 -
将数组格式的字符串转变成数组
将数组格式的字符串转变成数组由于数据传输的问题,有时候我们从后台获取到的数据是这样的(例如:array = ‘[“aaaa”,“bbb”,“ccc”,“ddd”]’)要将这种字符串还原成数组对象,有如下两种方式:1、使用 eval() 函数转换eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。我们可以借助它来将字符串还原成数组。const array = '[...原创 2020-04-09 14:42:32 · 4826 阅读 · 1 评论 -
vue 从数组中引入本地图片报404错误
vue 从数组引入本地图片报404错误问题描述:往数组中添加本地图片,在页面中一直提示图片资源404的错误这个是引入图片数组解决方法:就是在路径前添加 require 就可以啦~这样问题就解决了~...原创 2020-04-09 14:27:31 · 1032 阅读 · 0 评论 -
微信小程序scroll-view的scroll-into-view无效如何解决
微信小程序scroll-view的scroll-into-view无效如何解决最近在写小程序项目遇到这么一个问题:在使用scroll-into-view的时候无效。在网上查了一遍,给出的答案有:1.给scroll-view要设置高度,必须设置上scroll-y或者scroll-x为true(必须要的)2.scroll-into-view初始化设置的时候,可能因为页面或者数据未加载不能跳转。...原创 2020-03-12 13:45:43 · 4347 阅读 · 3 评论 -
Uncaught ReferenceError: layui is not defined
使用layui的时候出现Uncaught ReferenceError: layui is not defined该怎么解第一:排查引入的js路径是否正确第二:检查你的form里面的class是否设置了class=“layui-form”,这样才是真正声明一个form表单...原创 2020-02-27 14:15:18 · 7628 阅读 · 0 评论 -
select发生变化时,获取选中的option的值
select发生变化时,获取选中的option的值// An highlighted block<select name="select" id="select" onchange="doSome();"> <option value="0">无</option> <option value="1">精选专区</option>...原创 2020-02-27 14:09:25 · 1423 阅读 · 0 评论 -
以动态取值字符串获取JSON键值对的值
以动态取值字符串获取JSON键值对的值最近在写项目的时候,遇到这样的情况details: "{"a":"aaa","b":"bbb"}"需要我们把数据以这样的形式展示出来a:aa,b:bbb网上查了查,整理了一下,分享给大家details: "{"a":"aaa","b":"bbb"}"for(i in details){ i 就是键,details[i]就是值}感...原创 2020-02-27 13:41:39 · 613 阅读 · 0 评论