分类归档

小程序

FWQ
小程序
微信开发之录音功能
微信jssdk录音功能开发记录 标签(空格分隔): 前端 0.需求描述 在微信浏览器内打开的页面,制作一个按钮,用户按住按钮后开始录音,松手后停止录音并将录音上传并长期保存。 1.开发流程 如果开发的是普通的展示性页面,就和开发普通的页面没有区别,不过这里要用到设备(手机)的录音功能,就需要调用微信app的录音接口,需要使用微信jssdk。 使用微信jssdk:微信JS-SDK说明文档 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。[需要有微信公众号]引入JS文件通过config接口注入权限验证配置通过ready接口处理成功验证通过error接口处理失败验证 //假设已引入微信jssdk。【支持使用 AMD/CMD 标准模块加载方法加载】 wx.config({     debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。     appId: '', // 必填,公众号的唯一标识     timestamp: , // 必填,生成签名的时间戳     nonceStr: '', // 必填,生成签名的随机串     signature: '',// 必填,签名,见附录1     jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){     // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。 }); wx.error(function(res){     // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 }); 登录后复制 本次需求核心功能:录音并保存 //假设全局变量已经在外部定义 //按下开始录音…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序如何使用font-awesome图标
line-下载font-awesome字体包打开Transfonter网站,上传字体fontawesome-webfont.ttf(理论其它文件格式也可以转换,并未尝试),选择base64编码,convert后下载 line-下载得到的包中有style文件,打开后获得以下代码,并对照font-awesome.css中的内容,加入到微信小程序的app.wxss文件中 @font-face { font-family: 'fa'; src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTXLOMIUAAlXMAAAAHEdERUYAJwKrAAJVrAAAAB5PUy8yiDJ6IwAAAVgAAABgY21hcJ0vdNQAAAw4AAADAmdhc3D//wADAAJVpAAAAAhnbHlmHejPwQAAGdQAAh3kaGVhZAbB4eAAAADcAAAANmhoZWEO+QqbAAAB......long long) format('truetype'); font-weight: normal; font-style: normal; } .fa { font-family: "fa" !important; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } //long long long........... 登录后复制 然后在小程序中使用class=”fa fa-user”即可,如 以上就是微信小程序如何使用font-awesome图标的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
手机上的小程序缓存该怎么清除
清除小程序缓存的最好方法: 首先打开微信,点击“我”,然后依次点击“通用”、“存储空间”、“清除”缓存即可。 方法一:在开发版或体验版中清缓存   打开开发版或体验版,如下图清缓存(点击vConsole中的 WeChat -> wx.clearStorage()): 方法二:删除小程序(对近期使用的小程序无效) 小程序会在本地存储数据,当服务器数据更新后,通常在小程序上显示的还是旧的数据,点击右上角的关闭按钮,再次打开小程序同样没有更新。怎样才能完全清除小程序的缓存数据? 这里是清缓存的方法:打开微信的“发现”->“小程序”,这里看到使用过的小程序列表,你刚才打开的小程序就在第一个位置。在这里删除小程序就能完全清除缓存。删除小程序的方法是: 安卓手机:长按就能看到有删除按钮的菜单。 苹果手机:向左拖动,如下图: 方法三:登出/登陆微信,这样就立即、完全清除小程序。 相关推荐: 以上就是手机上的小程序缓存该怎么清除的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
如何获取微信好友的地理位置信息
  一位中年男子因和老婆吵架,老婆一气之下离家出走,电话不接,每天发微信也不回,他想通过微信知道老婆在哪。 一位阔太太的老公说在外应酬生意,经常很晚才回来,太太想通过微信知道老公当时到底在哪里,她担心他在外面养了人。 一位年轻的美女为变心不理他的初恋男友付出了很多宝贵的东西,她她不想放弃这段感情,想通过微信定位对方位置,然后去找他。 这是我们曾经碰到的三个真实场景。   1. 关注“方倍工作室”微信公众账号,回复“123”获得定位型漂流瓶创建链接。   2. 选择自己隐私选项,对方信息获取选项,填写信件内容,选择漂流瓶有效时间。     3. 提交订单,确认付款   4. 支付成功后,将收到方倍工作室发来的漂流瓶链接地址。 5. 打开地址,将弹出是否允许公众账号获得地址。 6. 只有“允许”后才能打开漂流瓶,查看到信件内容。以下是显示和不显示自己隐私的信件图。   7. 将其分享给好友或分享到朋友圈,是以下是显示和不显示自己隐私的分享图。   8. 对方打开该信件时,将显示步骤5和步骤6中的页面。…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序滚动消息通知实现代码
我们走在大街上,会经常看到许多店家门上有滚动的消息通知,本文主要为大家详细介绍了微信小程序实现滚动消息通知,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 效果图: index.wxml <!--index.wxml--> <swiper>  <block>  <navigator>   <swiper-item>   <view>{{item.title}}</view>   </swiper-item>  </navigator>  </block></swiper> 登录后复制 index.js //index.js //获取应用实例 var app = getApp() Page({  data: {  },  onLoad(e) {  console.log(e.title)  this.setData({   msgList: [   { url: "url", title: "多地首套房贷利率上浮 热点城市渐迎零折扣时代" },   { url: "url", title: "交了20多年的国内漫游费将取消 你能省多少话费?" },   { url: "url", title: "北大教工合唱团出国演出遇尴尬:被要求给他人伴唱" }]  });…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序入门常识
这是 【认真学编程】 系列的 第4篇 文章(微信小程序入门系列),欢迎点赞分享、写留言,这些都是对我最好的支持。 本系列适合有一定开发经验的前端Coder,新手慎入。 本文是微信小程序入门系列第一篇文章,主要有以下几点内容: 1. 教程安排 2. 小程序背景及应用场景 3. 小程序优势及局限 4. 入门必备   》》》学习安排 以上顺序可能会有变动。   》》》背景 在PC互联网时代,想必大家都经历过这样的情形:时不时收到软件更新提示,等几分钟甚至更长,下载完成后,忘记了登录帐号或密码。还例如公司心接入ERP系统,你电脑就需要安装客户端,每次升级都需要手动下载安装。 在移动互联网时代,同样上演着PC互联网C/S无法避免的问题,你的每项需求都需要安装APP,越来越多的APP应用即将占满手机存储空间. 那么有没有一种软件架构既不需要下载安装,又能够提供像客户端一样流畅友好的用户体验呢? 答案是HTML5 + ; 》》》什么是小程序? 小程序是一种运行在微信客户端,继微信订阅号、服务号、企业号之后新的微信应用形态,既无需下载安装,又有近似原生应用的体验。 它由javascript+WXML+WXSS混合编写,但不是运行在浏览器之上,所以一定程度上避免了浏览器体验不流畅的问题。…
2024-11-25 阅读全文 →
FWQ
小程序
如何创建微信公众号
进入官网,就是如下页面,点击右上角的“立即注册”。 如果我们是个人注册的话,就选择“订阅号”。 根据提示,填写未经注册的邮箱,点击“激活邮箱”,系统会往邮箱里发送一封邮件,里面有验证码。 然后设置平台密码,点击“注册”。 接下来跳入这个页面,选择“中国内地”,下接至底部,点击“确定”。 然后会跳入如下页面,选择订阅号,点击“选择并继续”。 接下来会跳出下面的对话框,点击“确定”。 下一步主体类型选择“个人”。 然后根据要求填写个人信息。 当填写完个人姓名和身份证号后,出跳出一个二维码,需要用你实名的微信扫一扫。之后输入个人手机号,点击“发送验证码”,手机会收到一个六位数的验证码,输入验证码,点击“继续”。 然后在跳出的对话框中,点击”确定“。 之后出现以下页面,输入”帐号名称“、”功能介绍“,然后选择运营地区,选择中国,最后点击右下角的”完成“。微信公众号就建立完毕了。 以上就是如何创建微信公众号的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之“快递查询“
  height: 76px; 最近微信小程序是炒的如火如荼,各种热门, 正好赶上这个热潮,这几天先把小程序技术文档看了个遍,结合教程手写了一个案例。今天写了一个快递查询的小demo,大致分为三步 产品需求,准备api,代码编写。 第一步:产品需求,我们需要实现如下图的一个功能,在文本框输入快递单号,点击查询,下面出来我们需要的快递信息 第二步:准备 我们先找一个快递的api,通过apistore.baidu.com/我们可以看到很多的api,我们找一个快递查询的   我们可以看到有接口地址,和一些参数。做好这个准备接下来就开始编码工作了…………  第三步:编码工作 我们新建一个Express的文件,然后默认文件准备齐全 我们现在app.js中把我们的头部改为一个绿色的背景色   在index.json中设置导航的名称:“快递查询” 在index.wxml中,把默认的代码删掉,放上我们的一个文本输入框,一个查询 <!--index.wxml--><view>    <input>    <button> 查询 </button> </view> 登录后复制 接下来我们需要给文本框和按钮加上一个样式:在index.wxss中设置 /**index.wxss**/  input{border:1px solid #1AAD19; width:90%; height:20px; font-size:12px; padding:5px 10px;}  button{margin-top:20px;} 登录后复制 到现在为止我们的布局就做好了如图:  …
2024-11-25 阅读全文 →
FWQ
小程序
推荐10款常用的聚簇索排序用法,欢迎下载!
为什么当 执行select较多时应当使用mysiam引擎呢?尤其是在有索引的情况下本篇章依托一个实际应用,分析一下。一.前言:网上看到有一个有趣的现象,一个有1w数据量的表,执行不同的orderby条件,查询时间非常大,这个是实际应用中确实出现的问题??为什么呢?二.分析a).情况描述:1.有主键id,联合索引(id,ver);用前者当orderby查询慢,用后者orderby查询会很快;2.每一行的数据量挺大3.id为主索引,而select查询的字段也仅仅有id,那么不就是索引覆盖了呗,不用到物理磁盘回行数据,在索引上就能拿到要的数据了,但本应该查询更快的却慢了。mysql-索引覆盖b).分析:肯定用的不是mysiam引擎,若是的话用这两个索引查询,其实速度是差不多的,因为索引上存的都是一个物理行的地址嘛,实际占有的数据量又不大。但如果是innodb就不一样了,它的主索引下边可是拖家带口 1. 简介:为什么当 执行select较多时应当使用mysiam引擎呢?尤其是在有索引的情况下 本篇章依托一个实际应用,分析一下。 【相关问答推荐】: 以上就是推荐10款常用的聚簇索排序用法,欢迎下载!的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序request请求后台接口php的介绍
这篇文章主要介绍了微信小程序request请求后台接口php的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下 微信小程序request请求后台接口php的实例详解 后台php接口:http://www.vueyun.com/good/info 没有处理数据,直接返回了,具体再根据返回格式处理 public function getGoodInfo(Request $request) {     $goods_datas = $this-&gt;Resource-&gt;get();     return response()-&gt;json(['status' =&gt; 'success','code' =&gt; 200,'message' =&gt; '获取成功','data'=&gt;$goods_datas]); } 登录后复制 立即学习“”; 小程序index.js文件中 onLoad  onLoad: function () {   console.log('onLoad')     wx.request({     //上线接口地址要是https测试可以使用http接口方式      url: 'http://www.vueyun.com/good/info',      data: {},      method: 'GET',      header: {       'content-type': 'application/json'      },      success: function (res) {       that.setData({ goodslist: res.data.data });       console.log(res.data.data, 1111111);      },     })…
2024-11-25 阅读全文 →