微信小程序
会飞的胖达喵
胖达是只爱打架的猫,而且还会飞~
展开
-
微信小程序,格式化千分位并保留两位小数
1、新建utils.wxs//逢三位转逗号,保留两位小数var threeNumForTwo = { money_three_for_two_thousands: function(num) { var num = num.toString(); var len = num.length; var index = num.indexOf('.'); if...原创 2020-03-11 20:15:51 · 4717 阅读 · 3 评论 -
微信小程序提醒并延迟跳转
wx.showToast({ title: "成功修改", icon: 'none'})wx.clearStorage();setTimeout(function() { wx.reLaunch({ url: '/pages/login/login', })}, 2000)原创 2020-03-06 18:23:11 · 1487 阅读 · 0 评论 -
小程序wx.uploadFile 显示errMsg: "uploadFile:fail Error: Parse Error"
今天写小程序上传,遇到一个奇葩奇葩问题。小程序端图片也传到后端了,后端也处理了,就是wx.uploadFile这个API就是走不到sucess回调里面。百思不得其解。总是走到fail回调里面报错:{errMsg: "uploadFile:fail Error: Parse Error"}。各种调试搞不明白,最后发现小程序wx.uploadFile sucess回调函数只接受string...原创 2018-09-03 17:36:44 · 11095 阅读 · 0 评论 -
微信小程序scroll-view去掉滚动条
app.wxss里面添加或当前页的wxss添加/* 隐藏滚动条 */::-webkit-scrollbar { width: 0; height: 0; color: transparent;}原创 2019-04-06 14:20:57 · 3576 阅读 · 2 评论 -
微信小程序字符长度超出变成神略号显示
.item-content-top { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}ps:宽度需要设定;原创 2019-04-06 16:08:05 · 3658 阅读 · 0 评论 -
flex white-space: nowrap,撑大盒子问题
flex布局,两行,一个是标题,一个是属性。想实现的功能,标题超长“......”省略号代替。出现一个问题就是,内容过长,会撑大盒子宽度。虽然不显示,但是会影响下面一行属性的显示。通过给父盒子添加min-width:0;解决。.item-content { display: flex; flex-direction: column; justify-content: spac...原创 2019-04-06 16:49:00 · 4190 阅读 · 1 评论 -
flex布局的一点注意点
1、英文文字会默认为是一个单词不换行。。会撑大盒子到不可视区,可以用word-break: break-all;强制换行。2、如果图文文字在同一row,文字过多会导致图片为压缩宽度,这时候可以flex-shrink: 0;默认的缩放值为1。...原创 2019-04-09 11:01:04 · 597 阅读 · 0 评论 -
box-sizing: border-box的疑问
今天写小程序有个奇怪的问题,计算每个分类的子类宽度的时候总是出错,分析得:box-sizing: border-box;当box-sizing值为 border-box时候定义的高度height值为:css定义的盒子高度,其中定义的盒子高度:即css中定义的height =padding(上)+padding(下)+边框宽度实际height = 定义的height+margi...原创 2019-04-13 01:16:08 · 1851 阅读 · 0 评论 -
css 中“~”和“>”以及“ ””是什么意思
css中“~”和“>”是什么意思?css中“~”是:为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:p~ul{ background:#ff0000;}<p>快乐生活</p><ul> <li>生活</li> <li>生活</li> &l...转载 2019-04-15 09:36:29 · 50653 阅读 · 4 评论 -
微信小程序图片上下有等值空白问题
表现如下:<view class='article-list'> <block wx:for="{{list}}" wx:for-index="idx" wx:key="{{idx}}" wx:for-item="vo"> <view class='item-box'> <image src='{{...原创 2019-05-22 11:28:08 · 2434 阅读 · 1 评论 -
微信小程序瀑布流列表
客户讲列表不好看要瀑布流,搞了半天没搞好,一行两列,总是高度高的决定一行的高度,flex解决不了找了网上的方法。有个比较暴力的思路:整个页面左右分成两列,单列只显示一篇文章的宽度,左列显示奇数,右列显示偶数,这样模拟瀑布流。确实可行。效果:代码如下:<view class='article-list'> <view class="left"&...原创 2019-05-22 15:31:09 · 2011 阅读 · 4 评论 -
微信小程序自定义波浪组件
最近看到好多app上有波浪背景,有动态的,有静态的,这里是在小程序中用得动态。先看看效果图:里面的文本是组件内部定义的。这是用两个svg的图片用css关键帧动画做的效果(这里谢谢子弹短信里前端群的小伙伴提供的web版的css动画文件)在小程序中使用,注意一个问题:就是svg不可以直接使用,需要转为base64(这个大家应该有收藏吧),这里我已经转换好了,在下面的wxss中。这里顺便...转载 2019-08-22 16:01:03 · 1113 阅读 · 0 评论 -
微信小程序音乐自动播放以及自动播放图标转动停止切换
.wxml.wxss.greetings{ background: #ffffff; margin: 15rpx; height: 100%; overflow: hidden;}.music { display: flex; flex-direction: row; justify-content: flex-end; margin: 30rp...原创 2018-09-12 01:10:41 · 12091 阅读 · 0 评论 -
WxParse手机端报console.dir错误
wxparse/html2json.js 中的第 112 和 119 注释掉就好了原创 2018-09-12 01:04:27 · 651 阅读 · 1 评论 -
小程序突破五层限制的方法
小程序突破五层限制客户列表-->添加一次操作没有问题,如果多次添加会累加界面如果关闭的方式,返回按钮又会直接返回到上上层。1、解决方案,添加完,用wx.navigateBack 方法返回2、(脑洞有点打开可以突破5层限制)打开界面都用缓存记录,然后所有打开的页面一律用wx.reLaunch方法,打开就关闭其它的,保证上层有空白页,返回到上一层通过空白页的onshow原创 2017-06-20 17:50:32 · 4663 阅读 · 0 评论 -
css3 flex属性flex-grow、flex-shrink、flex-basis学习笔记
用css3的flex好久了,虽然用的没问题,但还是很纠结,其他属性大都明白,但是flex-grow、flex-shrink、flex-basis始终搞不清,最经搜集了大量的聊天,总算是明白了。网上大部分解释是flex-grow 是扩展比率flex-shrink 是收缩比率flex-basis 伸缩基准值假设flex盒子父级宽度固定为800px;Flex-grow、Flex-转载 2017-03-29 17:50:02 · 595 阅读 · 0 评论 -
30分钟掌握ES6/ES2015核心内容
转载地址:http://www.jianshu.com/p/ebfeb687eb70ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已转载 2017-04-08 09:28:35 · 463 阅读 · 0 评论 -
微信小程序问题集合
http://www.wxapp-union.com/special/solution.html原创 2017-04-17 18:40:11 · 234 阅读 · 0 评论 -
解决微信小程序ios请求ssl错误问题 windows server 2008 R2默认TLS 改成TLS1.2的
https://support.quovadisglobal.com/kb/a433/how-to-enable-tls-1_2-on-windows-server-2008-r2.aspx 大致意思,更改注册表,添加默认项,默认值,重启服务器就好英语好的自己看,不好的有道翻译 ProblemHow to enable TLS 1.2 on Windows Serve...原创 2017-04-17 18:38:47 · 2088 阅读 · 0 评论 -
js简单判断身份证合法性以及身份证生日合法性
该函数可以判断身份证生意是否合法,简单判断是否符合身份证规则,没有验证区县等等,借鉴了网络上的一些写法。。function idCard(UUserCard, num) { // 身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X if (num == 1) { var reg = /(^\d原创 2017-04-28 10:33:08 · 2786 阅读 · 0 评论 -
js图表
收集1、阿里的antv / G2https://antv.alipay.com/2、百度 echart 大家都知道原创 2017-05-02 16:04:22 · 430 阅读 · 0 评论 -
小程序开发工具不显示tobar图标
很无语"tabBar": {“position”:“bottom”, "selectedColor": "#2A8CEF", "borderStyle": "white", "list": [ { "pagePath": "pages/index/index", "iconPath": "dist/images/tobar原创 2017-05-11 17:49:55 · 3772 阅读 · 0 评论 -
微信小程序日历
源码下载地址:https://github.com/lengyue1084/wxapp-calendar小程序开发群:478374409 欢迎交流项目需要一个日历功能,花了一天时间实现的微信小程序日历,js大小只有几k,引入了bootstrap字体图标(文件icon.wxss,该字体已经bootstrap字体图标需要的字体)看起来有80k,出去icon.wxss整个只有几k,有问题欢迎指正...原创 2017-05-06 09:52:10 · 20439 阅读 · 8 评论 -
小程序的坑
问题描述:客户列表点击进入详情页,有时候有数据,有时候没有数据。代码:onLoad: function (options) { // 页面初始化 options为页面跳转所带来的参数 console.log(options); if (options.id != '' && options.id != undefined) { this.原创 2017-05-17 09:43:10 · 892 阅读 · 0 评论 -
WebSocket能干啥
转载地址:http://www.cnblogs.com/findumars/p/5877837.html------这东西到底有什么用途,仔细看了说明,还是不明所以。楼上几位能不能介绍一下实际使用的场景??1.可以实现 服务器端(delphi&lazarus@win)手机端 ssl加密通讯&用户认证 2.可以实现 服务器端(delphi&lazarus@win)手机端 消息推送转载 2017-06-16 09:25:47 · 2638 阅读 · 1 评论 -
js 合并数组
js concat是合并是返回一个新的数组,并不是改变原来的数组。这点小心console.log(tmp.Table1)console.log(res.data.FObject.Table1) var tmp = tmp.Table1.concat(res.data.FObject.Table1)var c = q.concat( b );q; // [5,5原创 2017-06-06 14:43:10 · 367 阅读 · 0 评论 -
小程序开发时能否使用我们自定义的字体图标
转载地址:https://segmentfault.com/a/1190000008518103相关讨论一:字体文件无法加载,确认文件是存在的@font-face { font-family: 'Glyphicons Halflings'; src: url('/assets/fonts/glyphicons-halflings-regular.eot'); src: u转载 2017-03-20 10:01:57 · 5701 阅读 · 0 评论