51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序如何动态增删class类名

微信小程序如何动态增删class类名

简述由于微信小程序开发不同于以往的普通web开发,因此无法通过js获取wxml文件的dom结构,因此从js上直接添加一个类名应该不可能了.可是我们可以通过微信小程序数据绑定以及view标签的”data-“自定义属性去更改标签类名.说明通过数据绑定在3个标签上绑定相同的变量_num,当点击不同标签...

小程序WXSS中多个.class的意思

小程序WXSS中多个.class的意思

在开发过程中无意中发现.class1.class2和.class1.class2是有区别的。.class1.class2和.class1.class2的区别第一个中间没空格的,匹配的是同时拥有class1和class2的元素。<viewclass="class1class2">...</view>...

微信小程序点击移除添加class(点击改变背景颜色和字体颜色)

微信小程序点击移除添加class(点击改变背景颜色和字体颜色)

微信小程序不允许DOM操作,所以不能用addClass这种方法,我的用法如下。点击元素后,获取元素中data-select值,赋值给catalogSelect,然后判断二者是否相等,一样则添加class(class的css可以先写好)。<!--页面--><viewclass="info_choose"...

微信小程序设置 hover-class,实现点击变色效果

微信小程序设置 hover-class,实现点击变色效果

微信小程序中,可以用hover-class属性来指定元素的点击态效果。但是在在使用中要注意,大部分组件是不支持该属性的。目前支持hover-class属性的组件有三个:view、button、navigator。不支持hover-class属性的组件,同时也不支持hover-stop-propagation、hover...

微信小程序开发问题-ios的Date问题

微信小程序开发问题-ios的Date问题

微信小程序开发问题-ios的Date问题开发小程序过程中,发现后台默认返回的“2017-11-1111:11:11”;格式不支持会直接返回null,ios要这种格式:”2014-09-25T13:24:00”,因为要计算时间差getTime(),所以对于返回null需要兼...

小程序实现富文本编辑器,文本格式化

小程序实现富文本编辑器,文本格式化

小程序实现html代码项目中用到富文本编辑器的内容,但微信小程序默认不支持html代码,在网上发现 wxParse能够实现富文本编辑器 项目地址:https://github.com/icindy/wxParse下载后用到wxParse文件夹,直接拷贝至我们的项目下1.在js中引入wxParse.j...

微信小程序判断当前微信版本是否是最新版

微信小程序判断当前微信版本是否是最新版

由于微信版本的限制导致小程序的某些功能无法正常使用,这是,我们就需要通过手写代码来判断用户当前的微信版本是否是最新版。在微信公众平台官方API中给我们提供了这样的几种方式https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.ht...

微信小程序 wx.request POST请求------中文乱码问题

微信小程序 wx.request POST请求------中文乱码问题

问题:  一个简单的表单,提交后台返回数据“提交成功”。  以为没问题了,但是没过多久后台小哥就问为啥那么多乱码,找了很久原因,发现在提交的时候就已经乱码了。  嗯,前端问题,然后测试GET/POST方法。GET没有乱码,POST乱码  header这样写的   h...

微信小程序裁剪图片成圆形教程

微信小程序裁剪图片成圆形教程

最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在github上看了一些例子,一般剪裁图片用的都是方形,所以自己打算写一个小组件,可以把图片剪裁成圆形,主要思路就是使用canvas绘图,把剪裁的图片绘制成圆形,另外剪裁图片的窗口还可以移动放大缩小,这个功能就用了微信组件movab...

在小程序开发中使用 npm教程

在小程序开发中使用 npm教程

本文介绍了如何在微信小程序开发中使用npm中包的功能,大大提高微信小程序的开发效率,同时也是微信小程序系列教程的视频版更新。微信小程序在发布之初没有对npm的支持功能,这也是目前很多前端开发人员在熟悉了npm生态环境后,对微信小程序诟病的地方。微信小程序在2.2.1版本后增加了对npm包加载的支持,使得小程序支持使用n...

小程序源码反编译实战笔记分享

小程序源码反编译实战笔记分享

最近在做微信小程序开发,看到一些做的比较有意思的小程序,想看一看他们的源码,于是研究了一下小程序源码反编译相关的技术。结合本次经历,总结如下。要拿到小程序在手机上的源码包,需要有一台越狱的iphone或者一台拥有root权限的android机,正好我手里有一台闲置的小米4,就拿来用了,试过很多种方式给小米4root,差...

io.Reader游标引发的血案教程

io.Reader游标引发的血案教程

线上运行了一个图片合成程序,默认的小程序二维码中奖是小程序LOGO,不满足需求,所以将微信小程序二维码和用户头像合成在一张图片。由于微信图片有时候返回的Content-Type不对应(比如内容是PNG的,头确是image/jpeg)所以使用jpeg/png/gif的顺序进行图片数据解析,哪个成功就返回解析结果。总是出现...

Serverless实战驾校小程序分享

Serverless实战驾校小程序分享

准备工作做完后,今天我们从核心模块,分类与题目练习开始做。由于开发时间比较紧,这里主要写实习思路,与核心代码。image.png 这里我们主要优先实现功能逻辑,UI后面调整,我们用iview拖一个大致结构的页面。这里用了以下组件 {"usingComponents":{"...

利用云开发优化博客小程序实例教程

利用云开发优化博客小程序实例教程

这几天陆陆续续抽了点时间迭代了一版我的小程序版博客,一来是因为云开发的出现,让很多功能成为了可能,二来正好也正好深度熟悉下云开发。这次迭代主要是完善了评论功能「不知道审核能不能过」,一开始觉得很快能搞定,然而真正开发的时候还是碰到很多问题,这篇文章既是回顾总结,也是记录下自己在开发过程中遇到的一些坑,仅供参考。具体思路...

小程序即时通讯demo实例教程

小程序即时通讯demo实例教程

前段时间写了一个小程序即时聊天demo,仿微信,效果如下:大家可以自行下载,按照提示运行,就能看到效果;现在只是做了要给基本版的,要做复杂功能,可以继续添加。发送文字发送图片(图片可点击放大)发送拍摄照片(图片可点击放大)发送位置(map组件默认在最顶层,样式控制不了,bug还在修复中...)发送语音(包括语音时长,可...