微信小程序
开心大表哥
高级前端开发进阶版
展开
-
微信小程序动态修改页面标题setNavigationBarTitle
微信小程序是可以动态修改页面标题的。 首先我们来看看静态是怎么实现的 在对应页面的json文件里面加入下面代码就可以实现了{ "navigationBarTitleText": "素材图库"}效果图如下: 其他动态的也是十分简单,毕竟是提供好了的接口,我们调用一下就行了。接口嘛,那就要操作对应的js文件咯。参考地址 quwei: function () { wx.set原创 2017-12-22 14:27:22 · 165550 阅读 · 7 评论 -
微信小程序开发之wepy框架
wepy是由腾讯团队推出的小程序组件化开发框架,为什么一开始推出的时候不直接用这一套!?官网地址 WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。 特性: 类Vue开发风格 支持自定义组件开发 支持引入NPM包 ...原创 2018-06-19 20:11:01 · 7426 阅读 · 1 评论 -
微信小游戏和微信小程序的区别与共同
微信小游戏小游戏的运行环境在 iOS 上是 JavaScriptCore,在 Android 上是 V8,都是没有 BOM 和 DOM 的运行环境,没有全局的 document 和 window 对象。因此当你希望使用 DOM API 来创建 Canvas 和 Image 等元素的时候,会引发错误。对引擎的支持情况许多开发者对小游戏对 Cocos、Egret、Laya、Unity ...原创 2018-06-09 11:52:26 · 12721 阅读 · 4 评论 -
微信小程序怎样显示空格和换行
微信小程序里面的换行和空格只能在<text></text>里面写,换行是:\n空格是:\t 先看效果图: 然后再看对应的代码:<text class='daynum-text'>已获得<text class='daynum-text1'>1852 </text>积分</text><text cl...原创 2018-04-28 14:48:21 · 27186 阅读 · 2 评论 -
微信小程序canva生成图片,长按图片识别小程序二维码详解
下面这个图片就是通过图片和文字等内容合成的一张带有微信小程序二维码的图片,在小程序内部长按可以识别出来: 基本思路是先将内容用canvas排好版,然后把该canvas转化成图片;图片利用wx.previewImage进行展示,才能识别图片中的微信小程序二维码,这是博主目前知道唯一一种识别二维码的手段。1.合成canvas wxml:<canvas canvas-id="myc...原创 2018-05-09 14:45:54 · 25356 阅读 · 7 评论 -
微信小程序修改data中定义的值setData()
1.修改普通变量的值data: { isShowPage1:false, count:0, },playAgain:function(){ this.setData({//通过setData来修改 isShowPage1: true, count:10, }); },普通变量修改是很简单的,参考一下上面就可以! ...原创 2018-04-04 18:18:47 · 11773 阅读 · 2 评论 -
微信小程序跳转外链web-view用法
小程序已经开放了,跳转外链的功能,意思是,在小程序里面可以直接跳转到一个h5页面中。 注意上图中的两个信息: 1.个人类型与海外。。。。不支持。 2.配置域名白名单。 基本的配置结束之后,我们就来开始用web-view这个插件了。 <web-view src="https://hx.qq.com/zlkdatasys/mct/proj_1/download.shtm...原创 2018-04-03 18:12:22 · 75740 阅读 · 9 评论 -
微信小程序 缺少文件, error: /game.json not found
今天小程序功能开发结束了,想要换真实环境下的appid来测试一波,兴高采烈的点击‘预览’想要生成二维码的时候,竟然报了一个十分莫名其妙的错误: 缺少文件, error: /game.json not found 第一时间去找百度,竟然没有任何一条跟这个错误相关的搜索我当时就慌了:妈的,这问题是第一次出现在人类历史上的吗? 后来,冷静下来,认真看了微信小程序的开发文档和对比了其他微信小程序我发...原创 2018-04-03 17:07:39 · 17414 阅读 · 8 评论 -
用vue来开发小程序项目详解,极大方便了开发者
案例图: 五分钟教程: 通过 Vue.js 命令行工具 vue-cli,你只需在终端窗口输入几条简单命令,即可快速创建和启动一个带热重载、保存时静态检查、内置代码构建功能的小程序项目:# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpv...原创 2018-03-14 14:57:01 · 12569 阅读 · 0 评论 -
微信小程序创建节点选择器获取宽高wx.createSelectorQuery
微信小程序提供了一个获取节点宽高等信息的方法,一共是两步。 1.在对应的节点上定义一个idimage src='{{imgUrl}}' class="look-image" bindload="imageLoad" id="drawID">image>2.在js里面创建这个id的节点选择器onLoad: function (options) { var _this=原创 2018-01-19 11:31:30 · 15628 阅读 · 6 评论 -
微信小程序定义和调用全局变量globalData
先看看文件结构: 1.现在app.js里面定义globalData对应的全局变量 2.然后在其他js文件进行调用。例如在photo.js里面 要注意的是需要在文件开始的时候初始化 app这个对象//获取应用实例const app = getApp()原创 2018-01-19 11:08:12 · 76352 阅读 · 11 评论 -
微信小程序开发者下不验证https协议的操作
1.在微信开发者工具里面点击右上角的‘详情’,然后在‘项目设置’里面选择‘不校验安全域名、TLS 版本以及 HTTPS 证书’就可以了。 成功之后打印台上有提醒 这样设置之后,你就可以用http协议的地址进行交互了。 2.顺便说一下如何在帐号里面设置https地址。 登录小程序官网,在‘设置’里面选择‘开发设置’然后配置‘服务器域名’即可用对应的https协议下的地址了。原创 2018-01-19 10:30:32 · 9988 阅读 · 2 评论 -
微信小程序图片预览保存发送给朋友previewImage
先看看手机上的效果 js实现的代码:wx.previewImage({ current: app.globalData.URL + res.data.data.imageUrl, // 当前显示图片的http链接 urls: [app.globalData.URL + res.data.data.imageUrl] // 需要预览的图片ht原创 2018-01-18 13:19:04 · 5697 阅读 · 2 评论 -
微信小程序页面带参数跳转及接收参数内容navigator
功能从index页面跳转到draw页面,并在draw页面获取id及imgUrl index.wxmlnavigator class='looks-view' wx:for="{{imgUrlNew}}" wx:key="index" url="/pages/draw/draw?id={{item.id}}&imgUrl={{item.img}}"> image src='{{ite原创 2018-01-18 13:07:33 · 33427 阅读 · 0 评论 -
微信小程序上传图片wx.chooseImage和wx.uploadFile
wxml:view class="container"> view class='photo-wrap'> view class='photo-image-wrap photo-image-wrap1'> image src='/images/photo2.png' bindtap='getImage'>image> text>相册text> v原创 2018-01-18 10:30:46 · 5481 阅读 · 4 评论 -
微信小程序之原生鼠标拖动图片效果
先看看效果: 思路就是:监听鼠标移动的位置,用position:absolute的属性,实时改变left,top这两个值。 看看源码: wxml <view class='draw-content'> <image src='/images/look2.png' class="look-image" style='filter:{{imageFilter}}'></image>原创 2017-12-27 10:14:43 · 4649 阅读 · 0 评论 -
快应用快速开发攻略和踩坑讲解
快应用是什么:快应用是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。优势:无需安装 即点即用-流畅;能添加到桌面;区别于原生App和WebApp;超6亿流量扶持;大势所趋。存在问题:需要申请九大厂商开发者账号,每个账号需要...原创 2018-11-07 15:11:33 · 833 阅读 · 2 评论