![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 75
yytoo2
专业打杂
展开
-
微信小程序实现表情包编辑
主要思路是用Canvas来实现表情图片的编辑Canvas,本文中代码上注释部分请注意,有几个关于小程序api的坑首先在页面加载的时候从后端获取到图片url,并在Canvas上讲该图片绘制上去当用户在input中输入文字后点击发送按钮,先在Canvas上重新绘制图片和文字,再通过某种方式发送给好友wxml文件中代码如下(首页跳转过来的的时候会带上图片id,然后在本页面去后端拿图片信息(包括图片url...原创 2018-03-31 21:38:39 · 10129 阅读 · 2 评论 -
微信小程序dom操作的替代思路
微信小程序无法操作dom,这意味着之前js中的各种习惯方法必须换一种思路实现在尝试了几类情况后,发现部分情况下可以用{{}}变量绑定来实现效果。比如:一、实现view的显示和影藏在js中的data设置变量 bottomHidden1:"block";然后在wxml中的view中设置 ;在其它我们需要的地方使用bindtap等绑定事件,js中定义该事件的function,使用原创 2017-07-06 09:12:52 · 44706 阅读 · 3 评论 -
微信小程序实现滑动的自定义页码
效果如下:这里三个图片使用了swiper组件进行轮播,下方的页码数字1、2、3会随着图片的切换变动位置在微信小程序中我们是无法操作dom的,那么var div = document.getElementById('id'); div.setAttribute("class", "className"); 这种方式实现。然后我们可以考虑使用hidden或者wx:if的方式,原创 2017-06-27 09:18:39 · 3091 阅读 · 0 评论 -
微信小程序提交form
在微信小程序中也存在form组件,bindsubmit这个属性可以用于携带 form 中的数据触发 submit 事件,它鞋带的参数形式如下:event.detail = {value : {'name': 'value'} , formId: ''}其中的name,和一般的网页一样,将需要上传的input等表单组件设置name属性,在这里,form传递的参数,使用name作为一个ke原创 2017-07-13 10:49:30 · 1255 阅读 · 0 评论 -
微信小程序学习笔记——wxss使view填充整个页面
在页面中我们要将某个元素填充整个页面,使用height:100%,前提是给定父元素的高度,在普通的html中可以将body或者html的高度赋值为100%,接下开才可以在其中的子元素使用height:100%来设置高度但是在微信小程序中根节点是page,所以我们需要对page赋值height:100%,再对其中的view赋值100%即可原创 2017-06-20 09:58:12 · 14502 阅读 · 2 评论 -
微信小程序学习第一天——js注册程序(逻辑层)
由于框架并非运行在浏览器中,所以 JavaScript 在 web 中一些能力都无法使用,如 document,window 等,所以以前写js的一些思路可能要改变一、APP()小程序销毁的两种情况:1.小程序在进入后台一段时间后或者占用资源过多时,会从后台状态转为销毁2.关闭小程序的功能在公共库版本1.1.0开始支持, 当用户从扫一扫、转发等入口(场景值为1007, 1008,原创 2017-05-28 23:22:15 · 924 阅读 · 0 评论 -
微信小程序学习第一天——app.json(配置)
一、app.jsonapp.json是小程序公共设置,而每个页面有自己的page.json作为页面配置,描述页面的js/wxml/wxss/json四个文件必须具有相同的路径与文件名app.json中对小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间,设置多个tab等[.json],[.js],[.wxml],[wxss]后缀无需写。框架会自动去寻找路原创 2017-05-28 20:59:29 · 742 阅读 · 0 评论 -
小程序连接后台时,真机get方式带汉字出错
小程序真机和模拟器有很大差别其中一个就是url的encode在真机上,使用get方式和后台交互,如果get中带有汉字,则会出错比如wx.request({ url:"https://xxxx.com/demoPage/假的" success:function(){}})这样后天是无法识别这个url中的汉字的,这时候需要把url拆分,对汉字部分进行单独encodewx.request({...原创 2018-04-09 00:09:51 · 1044 阅读 · 0 评论