yytoo2的博客

主要思路是用Canvas来实现表情图片的编辑Canvas，本文中代码上注释部分请注意，有几个关于小程序api的坑首先在页面加载的时候从后端获取到图片url，并在Canvas上讲该图片绘制上去当用户在input中输入文字后点击发送按钮，先在Canvas上重新绘制图片和文字，再通过某种方式发送给好友wxml文件中代码如下（首页跳转过来的的时候会带上图片id，然后在本页面去后端拿图片信息（包括图片url...

微信小程序无法操作dom，这意味着之前js中的各种习惯方法必须换一种思路实现在尝试了几类情况后，发现部分情况下可以用{{}}变量绑定来实现效果。比如：一、实现view的显示和影藏在js中的data设置变量 bottomHidden1:"block"；然后在wxml中的view中设置 ；在其它我们需要的地方使用bindtap等绑定事件，js中定义该事件的function，使用

效果如下：这里三个图片使用了swiper组件进行轮播，下方的页码数字1、2、3会随着图片的切换变动位置在微信小程序中我们是无法操作dom的，那么var div = document.getElementById('id');  div.setAttribute("class", "className"); 这种方式实现。然后我们可以考虑使用hidden或者wx：if的方式，

在微信小程序中也存在form组件，bindsubmit这个属性可以用于携带 form 中的数据触发 submit 事件，它鞋带的参数形式如下：event.detail = {value : {'name': 'value'} , formId: ''}其中的name，和一般的网页一样，将需要上传的input等表单组件设置name属性，在这里，form传递的参数，使用name作为一个ke

在页面中我们要将某个元素填充整个页面，使用height:100%，前提是给定父元素的高度，在普通的html中可以将body或者html的高度赋值为100%，接下开才可以在其中的子元素使用height：100%来设置高度但是在微信小程序中根节点是page，所以我们需要对page赋值height：100%，再对其中的view赋值100%即可

由于框架并非运行在浏览器中，所以 JavaScript 在 web 中一些能力都无法使用，如 document，window 等，所以以前写js的一些思路可能要改变一、APP()小程序销毁的两种情况：1.小程序在进入后台一段时间后或者占用资源过多时，会从后台状态转为销毁2.关闭小程序的功能在公共库版本1.1.0开始支持， 当用户从扫一扫、转发等入口(场景值为1007, 1008,

一、app.jsonapp.json是小程序公共设置，而每个页面有自己的page.json作为页面配置，描述页面的js/wxml/wxss/json四个文件必须具有相同的路径与文件名app.json中对小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间，设置多个tab等[.json],[.js],[.wxml],[wxss]后缀无需写。框架会自动去寻找路

小程序真机和模拟器有很大差别其中一个就是url的encode在真机上，使用get方式和后台交互，如果get中带有汉字，则会出错比如wx.request({    url:"https://xxxx.com/demoPage/假的"    success:function(){}})这样后天是无法识别这个url中的汉字的，这时候需要把url拆分，对汉字部分进行单独encodewx.request({...