![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
Seeyoucm
这个作者很懒,什么都没留下…
展开
-
微信小程序回到顶部的页面标识相关处理
(一)上滑隐藏,下滑显示1.检测开始滑动的函数写在哪里?答案是写在会发生滚动的部分,eg:列表的外盒 // 检测滑动开始 topMoveStart(e){ console.log(e.touches[0].pageY) this.setData({ startMove: e.touches[0].pageY }) console.log(thi...原创 2018-12-10 11:23:28 · 704 阅读 · 0 评论 -
上传图片并进行图片的预览效果(基于两种实现:vue和小程序)
因为实际的需求,使用vue的input组件,设置type=“file”,进行实现文件上传,并进行图片的预览,点击图片可进行删除操作因为input组件原本的自身样式并没有办法与我设计图温和,所以在进行对input组件的宽高等处理后,通过定位的方式,将input组件至于最上层,并且设置opacity:0;达成最终的ui效果(具体的实现效果如下图)(vue)页面布局 <div cla...原创 2019-01-13 11:03:52 · 1454 阅读 · 0 评论 -
微信小程序---实现吸顶的效果
需求:当用户进行页面的滚动操作,大于一定高度的时候实现吸顶1.页面初始时获取需要吸顶的元素距离顶部的高度onload()或onshow()中均可以实现 let me = this; //获取tab的距离顶部高度 const query = wx.createSelectorQuery(); query.select('#tab').boundin...原创 2019-02-19 12:00:47 · 8591 阅读 · 1 评论 -
小程序踩坑---倒计时踩坑(倒计时快速切换显示异常)
常见需求:订单列表,快速切换导航栏倒计时倒数异常时间格式化输出,ios显示异常NAN通常实现:(1)只是局部实现倒计时,不将倒计时进行页面全局处理存入data中只是在倒计时结束清空倒计时,问题在快速切换的时候倒计时会表现异常(2)像网上大部分做法将倒计时通过setData存入数据中,然后在页面卸载的时候清除.这里会有一个问题就是在列表数据中处理的倒计时,如果直接setData存入,然...原创 2019-03-15 09:48:17 · 2405 阅读 · 0 评论 -
小程序ios设备时间处理表现NAN
在ios设备上多次遇到对于时间的格式化以后,真机上变现为时间异常NAN,原因是因为ios设备上无法识别时间格式类型2019-03-16 00:00:00解决:需要将'-'替换掉xxxxx.replace(/-/g, '/')然后在进行时间的格式...原创 2019-03-15 10:02:34 · 796 阅读 · 0 评论 -
微信小程序实现即时通讯聊天功能实现websocket长连接
直接上代码了app.js中声明一个全局对象 globalData: { localSocket: {}, callback: function () {}, exceptionClose: true }, // 初始化socket initSocket() { let that = this; that.globalData.excepti...原创 2019-03-15 11:07:58 · 8441 阅读 · 0 评论 -
小程序图片高度自适应等问题
小程序图片高度自适应这里踩了很多遍的坑,花了很多时间,以为像以前以前给他上级的盒子不给高度就行了,oh,no,这是一个坑,关键在于image标签的一个属性:mode="widthFix",简单搞定&lt;image src="{{item.cover}}" class='wedding_img' mode="widthFix" /&gt;小程序中无法识别空格转载 2018-08-16 16:18:55 · 22688 阅读 · 0 评论 -
微信小程序--小标提示未读信息红色角标的展示
主要的原理,也是通过对微信小程序自带的方法进行一次二次的封装三种情况:0&lt;当前未读消息&lt;99,那么显示为多少多少+,当前未读消息&gt;99:显示为省略号当前未读消息== 0 ,取消角标的设置 getUserNotReadNum(){ let me = this; me.xAjax({ url: api.getUserNotReadNumUr...原创 2018-10-16 17:09:20 · 16284 阅读 · 9 评论 -
项目经验----选中项的激活样式的添加(项目类型---vue与微信小程序)
很久很久以来,选中项的激活样式的添加,一直算是一种痛处吧~~~~~感觉有点乱,很不想整理,但是没有办法,其实选中项添加不同的样式是很常见的一种需求.今天,决定好好整理一下,项目经验有限,目前整理的是针对于vue与微信小程序中实际项目开发所遇到的.总的来说:一个原理,在点击切换的时候,点击所拿到的值,赋值给做原本定义做判断的变量,原本定义的判断哪个成立,则为哪个添加激活类名.1.在vue项目中...原创 2018-10-24 17:17:35 · 1506 阅读 · 0 评论 -
微信小程序富文本解析,wxparse示例详解
因为小程序目前是没有自带富文本解析的功能,所以借助wxparse插件进行富文本的解析,其实还是很常用的,至少到目前为止,做过的小程序设计到项目详情的时候,都用到了wxparse进行富文本解析.关于为什么wxparse解析后的bindName可以直接使用,是因为在wxparse解析的文件中,会将解析后的bindName存储在data中,可以通过this.data.bindName拿到解析后的文本内...原创 2018-11-26 17:58:58 · 2569 阅读 · 2 评论 -
微信小程序wxparse特殊解析空格,解析↵换行符号
因为在实际的项目中使用wxparse的时候,发现空格和换行解析不了,就进行的源码的查看及修改,(一).解决↵换行符号解析不了的方法在微信小程序中换行\n需要再在text中进行实现,但是wxparse自己定义的模板中是用view便签作为解析后的内容标签1.将wxParse.wxml中的如图模板改为text包含2.后来找到html2json方法中找到对传入文本的内容进行处理,将trimHtm...原创 2018-11-30 16:53:12 · 3534 阅读 · 0 评论 -
CSS-------实现图片宽高等比自适应容器(整理)
CSS-------实现图片宽高等比自适应容器(整理)原创 2019-08-14 12:04:54 · 1957 阅读 · 0 评论