简单的自定义组件 本文的使用场景是:多个页面都需要用到拨打电话功能,为减少代码量、便于维护,所以自定义了一个组件,每个页面直接调用即可。基本实现下图样式:下面我们来一步步的实现它: step1:创建文件夹以及文件 首先创建一个components(名字可自取)文件夹,用于放置所有自定义的组件, 里面可以用右键自动创建的方式,新建一个Component组件,例如:创建之后的目录结构为:其中callphone是我们本次要实现的拨打电话组件...
项目地址https://github.com/fangkyi03/wechat-webview-template项目介绍1.wechat使用taro创建的初始化项目2.react-ssr-h5使用nextjs创建的项目 已经做好完整的兼容处理 使用vw vh为单位 简单介绍因小程序对于webview通信做出的限制 从webview发起的postMessage并不会实时的被小程序端接受到详情可见 :https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html登录 分享 支付 视频上传 这几块是没法使用webview来...
一、index.js设置如下 //获取用户的授权信息,放到本地缓存中wx.getSetting({success: (res) => {if(res.authSetting[scope.userInfo]){wx.setStorage({key: can_getuserinfo,data: 1,})}else{wx.setStorage({key: can_getuserinfo,data: 0,})}}}),//1:从本地缓存中获取数据,如果获取到根据结果显示Index页面的授权按钮是否显示,//2:如果从本地缓存获取不到数据则说明用户清空了本地数据,默认设置为0,让用户重新授权wx.getStor...
前言自从微信小程序功能发布后,我就一直关注着小程序的动向,然而限于学业繁忙,总是没有太多的时间去学习。大二逐渐学习了Vuejs,被其简洁的设计所吸引,后来看了看小程序的开发文档,发现这么的相似?可能前端的发展趋势就是这样的吧,各个框架都趋向于相似的优秀的设计。大三逐渐学习了Go语言,为了练习Go语言,同时也将自己几年来积累的东西聚合在一起,于是开发了微信小程序:We中南(可以去微信搜索,虽然现在毕业已经不打算...
1.位置授权位置授权相对简单,可以直接调用方法wx.getLocation()就可以弹出授权框,在调用前需要在app.json中设置用途说明Page({ "permission": {"scope.userLocation": {"desc": "你的位置信息将用于xxx"}} })授权框但是存在不少用户会拒绝授权,如果拒绝授权就不会再弹窗,而是直接进入接口 fail 回调,就要手动授权,我们可以通过自定义弹窗来诱导用户授权。我这里用的是wx.showMoadl确认框。 确认框如果确认就调用wx.opensettin...
背景:由于公司可能需要在微信群里面使用打卡功能,因此做了个技术调研。方案:微信在更新分享接口后,原有的在onShareAppMessage中直接拿shareTicket已不复存在。根据最新文档显示,需要在App.onLaunch()跟App.onShow()中获取。Demo核心代码: index.jsPage({/*** 页面的初始数据*/data: {openGid: },/*** 生命周期函数--监听页面加载*/onLoad: function (options) {let that = thiswx.showShareMenu({withShareTicket: true})app...
最近写识别行驶证功能,点击拍照把指定区域截取,生成图片功能。 系统相机。该组件是原生组件,使用时请注意相关限制。 扫码二维码功能,需升级微信客户端至6.7.3。 微信小程序Camera相机地址 我们看下效果:1、首先生成一个CanvasContext: /*** 生命周期函数--监听页面加载*/onLoad: function(options) {requireJs.adaptionIphoneX(this);this.ctx = wx.createCameraContext()},2、相机的 wxml样式<camera wx:if={{isShowCamera}...
先看效果,实现一个图片左右摇动,在一般的H5宣传页,商家活动页面我们会看到这样的动画,小程序的动画效果不同于css3动画效果,是通过js来完成的,其实步骤很简单,首先创建动画实例,再调用实例来描述动画,最后导出即可。先看效果如下:简单的参考代码:wxml: <image class=img src="http://intmote.com/picture/gift.png" animation="{{animation}}"></image>css:.img {width: 120rpx;height: 120rpx;margin:300rpx; }jsPage(...
小程序wx.navigateTo路由方法中新增加了events属性,可以用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。 相关文档链接:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html 基本使用方法文档中已经有示例,可以参考 上级页面新打开页面通过上面的方法,小程序可以实现不同页面直接互相调用相关方法,也能进行页面间传值等处理 以上就是本文的全部内容,希望对大家的学习有所帮助,...
前言 最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签。开始的时候想过自己写方法来替换标签,后来找到了一个很好用的插件:WxParse。今天分享给大家,Github地址:https://github.com/icindy/wxParse使用WxParse解析富文本数据 1.将下载下来的插件文件夹复制到我们的项目根目录下(其中emojis文件可根据自己所需决定...
问题来源最近工作需要写小程序页面,其中有个页面情况为:父页面中包含了一个组件页面,组件页面中又包含了另外一个组件页面。 需求为:点击最后一个组件页面中的一个view,需要显示最外层父页面中的一个弹出层,并且动态的展示值,这个值的来源就是最后一个组件页面中的内容。 处理办法当时想到的就是使用全局变量,在 app.js 中定义好全局变量,点击组件页面时就修改全局变量的值,父页面同样使用全局变量的值,这样一来就可以动...
前言这几天去面试,多次碰到同一个知识点。而且有一次面试挺有趣的,是关于小程序的。共有3个问题。 1、小程序中Page.watch()方法是做什么用的?2、小程序中如何在其他页面中监听到globalData中值的变化?3、如果在app.js执行登录部分的代码,由于时序问题,如何处理其他页面请求时未获取到身份识别标记的情况。(session,userid等)。(大意是:怎么能够保证其他页面请求是在登录之后?) 知识点有经验的同学可能一下子就看出来了...
百度地图的经纬度放到腾讯地图里面解析地址,导致位置信息显示不正确,所以利用腾讯地图提供的API进行转换。 如果没有开发密钥(key),就到腾讯地图官方文档进行申请和下载qqmap-wx-jssdk.js腾讯地图官方文档 申请步骤填写信息wxml代码<map id=map longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" show-location bindmarkertap=map_details scale="16" bindtap=open_map_details></map>js代码// 引入SD...
前言我们知道js是单线程的,在有时候需要处理一些密集计算或者是高延迟的时候,总会出现不便。而且,现在的cpu都是多核的,单线程也无法充分发挥电脑的计算能力。正是基于这种情况,才有了worker的诞生。由于微信小程序官方的教程比较看不懂...所以本篇主要介绍一下worker在小程序中的用法。worker的一些说明本篇主要是在小程序中使用worker,因为说明部分也是和小程序相关。1、主线程和worker线程之间是通过消息来通信的,主线程不...
先看一下页面效果:页面是这样的:好了,正文如下最近碰到个需求需要计算,距离圣诞、元旦、高考、国庆啊等最近一个节日,还剩多少天。因为后台没空理我,所以本文讲解在js中如何解决这个需求。(建议实际中获取标准时间,当前时间有点不靠谱)首先肯定是要用 new Date() 获得当前时间对象,然后再用它的一些方法获取当前年月日等,根据年月日判断。先看一下new Date()对象常用的方法。getYear(); //获取当前年份(2位)getFullYear(...