Just for fun的专栏

效果用户可以通过拖拽卡片，来将其移除。除此之外还添加了大量的交互式动画。效果图实现为了提升运行速度，采用了只生成两张卡片，并将其不断复用的方法。当用户点击卡片式，记录此次的点击位置，并将这张卡片变小，产生按压的效果。 viewTouchInside: function (event) { var that = this var pointX = event.touches[0].clientX var pointY = event.touc..

index.wxml<view class="xin"><view class="title">你有一封新的信件</view><view class="border"></view><view class="xin-list" bindtouchend="moveItem" bindtouchstart="moveStart"><block wx:for="{{xinList}}" wx:key="key" wx:f

微信小程序使用pako.js的踩坑笔记问题#　　今天组长跟我们讨论了个问题，说是文章存储占用有点大，消耗宽带流量费，让我看看能不能找个方法解决一下（文章存储的是html字符串）。第一反应是没什么头绪，能想到的就是将相同的字符串替换成一个标识之类的，小程序再通过标识替换回原本的字符（感觉就不是很靠谱...）。　　后来发现真的不靠谱，首先每篇文章样式可能都不一样，需要很多对应的字典，即使是这样大概预估了下，也减少不过10多k左右。唉，还是面向百度编程吧，看看有没有什么别人写好的模块可以用一下。　

onFrameRecorded 传过来的是MP3帧，但是，这个帧有的时候是不完整的帧，好像是小程序的性能问题或者之类的其他问题。使用js-mp3，把MP3帧解码成PCM数据，然后再按照pcm数据，来计算分贝数。踩坑的地方：1.famebuffer设置的太小，造成传过来的arrayBuffer里面没有一个完整的mp3帧，结果就是Decode失败。以为是小程序的黑箱问题。2.js-mp3声称自己不支持mpeg2，感觉心里凉了半截，后来“高坚果”给了一个表格：原来是采样率设置问题，修改为4

一个极端业务场景引发的思考在业务开发过程中，我们经常会遇到多个异步任务并发执行的情况，待所有异步任务结束之后再执行我们的业务逻辑。通常情况下，我们会采用 ES6 标准下的Promise.all([promise1, promise2, promise3,...]).then( )方法来应对这样的场景需求，Promise.all可以保证，promises 数组中所有 promise 对象都达到 resolve 状态，才执行 then 回调。这样的 promise 对象可能是你发出的 http 请求，.

报错：[云函数] [ocrtest] 调用失败 <Error: errCode: -1 | errMsg: cloud.callFunction:fail Error: data no response (callId: 1584065152673-0.21300329228714288) (trace: 10:5:52 start->10:5:57 system error (Error: data no response), retry->10:6:2 system error (Er

微信小程序在与后台交互数据过程中，敏感数据需要加解密，本篇博客介绍在微信小程序中如何使用 crypto.js 中的 AES 算法加解密数据使用crypto.js加解密详解：https://blog.youkuaiyun.com/Umbrella_Um/article/details/99686988AES加密算法的详细介绍与实现：https://blog.youkuaiyun.com/qq_28205153/article/details/557986281、引入crypto-js.jscrypto.js地址：ht

原文一、开发微信支付功能一定要架设服务器吗？2019年的最后一天，舍得叔叔沉浸在探索的兴奋中，验证了微信小程序云开发也能优雅实现微信支付！小程序的目标是建立一个“serverless”环境，不用自行架设服务器，而完全通过小程序、云函数、云存储、云数据库来实现整个应用功能。理念很有吸引力，就是那句话：一个人也要像一支队伍！但是，云开发刚刚推出一年多，很多地方不够完美，方向是“去服务器”，但很多地方离开服务器就寸步难行。比如，要想在小程序里面实现微信支付功能，连官方文档都说开发者必须建立自己的服务.

原文https://www.cnblogs.com/xyyt/p/9559326.html

https://github.com/yuzd/microsoft_ai1. 人工智能实战小程序之准备工作2. 人工智能实战小程序之语音_前端开发今天这部分主要讲小程序前端功能的开发由于我偏后端，css是我的弱项，可能很多人和我一样开发小程序不知道如何下手，希望本篇文章对你有帮助我的学习路线是：大略看一遍小程序的api文档然后在github上找一些小程序(我倾向于...

https://read.douban.com/reader/ebook/107323493/ 微信小程序爆发出的能量是惊人的，它利用自身能连接线上线下服务的独特优势，将线上线下的用户与众多商家连接起来。特别是在电商领域，95%的电商平台都已经接入小程序，希望能借助小程序瓜分微信超10亿的用户流量。事实也证明，商家通过小程序获得了海量新用户，取得了亮眼的成绩，比如，拼...

1、找到字体包ttf、eot、svg、woff随便一种格式文件；文件转换网站：字体文件转换网站2、上传2中的字体文件（最好是ttf文件）到https://transfonter.org/，选择base64 编吗 ，convert后下载.3、跟components同级，新建一个style文件夹，里面放第二步转换完下载后的得到的那些后缀文件(eot,svg,ttf,woff,woff2)...

背景6月的时候，公司有个小程序项目是展示一些微信公众号文章。因为获取的文章内容都是HTML DOM的结构。在小程序里面如果简单地通过RichText展示，可能会出现一些样式和原文不一致的问题。还有一个需求是要在文章内进行一些选择、标注的操作。这时候就不可避免地要将HTML String转成HTML DOM进行处理、显示。而wxParse就是这样做的。功能1.gif思路既然...

基于微信小程序的富文本数学公式编辑器https://github.com/Frederick3515/FlashEditor一款微信文章编辑器_前后端已搭建完整https://github.com/81777268/A-text-editor...

wx-jq （一套完全原创的微信小程序插件集合库）微信小程序插件，微信小程序组件，微信小程序插件集合，微信小程序组件集合，微信小程序插件学习，微信小程序插件开发， 在线演示： 下载地址：https://gitee.com/dgx/wx-jq  效果展示（截图大部分来自真机苹果5s，少量来自模拟器）焦点图效果插件/效果（完成）：  tab切...

在使用 rich-text 来显示fuwq富文本时需要注意后台返回的数据是一个网页转义字符，直接使用rich-text的话是无法正常解析的。那么需要使用下面的一个方法进行反转义即可//小程序里的转义方法escape2Html: function (str) {    var arrEntities = { 'lt': '&lt;', 'gt': '&gt;', 'nbsp': ' ',...

  LeanCloud给的日期是ISO格式，比如2017-06-05T14:08:20.589Z，直接显示在页面上体验不好。凡是有关日期的，格式化、计算，用moment就够了。1.下载选moment.min.js版本，因为没有用到国际化的东西，体积省点是一点。2.集成将moment.min.js放在小程序工程的utils目录下3.调用const moment ...

通过社交软件分享的方式来进行营销小程序，是一个常用的运营途径。小程序本身支持直接将一个小程序的链接卡片分享至微信好友或微信群，然后别人就可以通过点击该卡片进入该小程序页面。但是小程序目前不支持直接分享到微信朋友圈，而对我们来说，微信朋友圈又是一个很重要的吸引别人关注的入口，所以，得想办法把这个资源利用起来。可能有的人已经知道，微信小程序支持通过扫描/长按识别二维码或小程序码图片的方式进入一个小...

客服会话按钮，用于在页面上显示一个客服会话按钮，用户点击该按钮后会进入客服会话。效果图如下，1.index.wxml中： 第一种实现方式：&lt;view class='myView'&gt;第一种方式实现：&lt;/view&gt;&lt;contact-button class='cBtn' type="default-dark" size="20" session-from=...

原文 https://www.cnblogs.com/iforever/p/4061095.html?utm_source=tuicool&amp;utm_medium=referral    最近在做一款移动端棋牌游戏，为了进一步提高用户体验、拉近玩家的距离，我们决定在游戏中加入好友功能，而对于体验好友功能的玩家来说，要是玩牌的时候可以看看附近都有谁在玩牌，跟他们交流交流玩牌心得什么的无疑是...

继上次 手把手教你实现微信小程序中的自定义组件 已经有一段时间了（不了解的小伙伴建议去看看，因为插件很多内容跟组件相似），今年3月13日，小程序新增了 小程序**「插件」 功能，以及开发者工具新增 「代码片段」**功能，即在小程序基础库 1.9.6 版本上，允许开发者开发插件，同时将插件提供给其它小程序使用，这无疑给开发者带来了福音，因为不同的小程序之间可以共享代码啊，这将省去不少的开发成本了~...

微信小程序中的组件前言之前做小程序开发的时候，对于开发来说比较头疼的莫过于自定义组件了，当时官方对这方面的文档也只是寥寥几句，一笔带过而已，所以写起来真的是非常非常痛苦！！好在微信小程序的库从 1.6.3 开始，官方对于自定义组件这一块有了比较大的变动，首先比较明显的感觉就是文档比以前全多了，有木有！（小程序文档），现在小程序支持简洁的组件化编程，可以将页面内的功能模块抽象成自定义组件...

优快云微信小程序开发专栏,欢迎关注!微信小程序开发中网络请求必不可少.GET.POST请求是最常用的.GET请求POST请求的时候有好几个坑.我已经为大家填好了. [javascript] view plain copy&lt;img src="http://img.blog.youkuaiyun.com/20161017170933243?watermark/2/text/aHR0cD...

发表于 2018-08-10 | 更新于 2018-08-15 | 分类于 项目记录 ， 小程序根据微信小程序 scroll-view 文档所述，scroll-view必须给定一个固定高度。那么如果我们想要让它自动填充剩余高度，该怎么办呢？前言在说出我的解决方案之前，先来看一下我的页面设计，以便于理解。如图所示，我将这个页面分成了三部分：最顶部的导航栏navbar，用于显示...

1  组件传递内容给页面    给组件设置myevent事件，通过this.triggerEvent('myevent', myEventDetail) 触发该myevent事件并传递内容，在页面用onMyEventshi事件监听传递过来的数据。 Page({  // 监听myevent事件  onMyEvent: function (e) {    console.log(...

https://www.cnblogs.com/linxin/p/6834206.htmlhttps://blog.youkuaiyun.com/findhappy117/article/details/79319800前言以往的购物车，基本都是通过大量的 DOM 操作来实现。微信小程序其实跟 vue.js 的用法非常像，接下来就看看小程序可以怎样实现购物车功能。需求先来弄清楚购物车的...

1、欢迎页面所支持的CSS选择器：虽然CSS1、CSS2和CSS3的选择器种类加起来有几十种，但在小程序中只有6种注：本地资源在wxss中是无法使用的，可以使用网络图片来代替本地图片Flex布局：用display:flex。其宗旨是让页面的样式布局更加简单，并且可以很好地支持响应式布局。传统用position和float属性来布局，它有缺陷，比如垂直居中就不是那么容易实现，Flex...

大家有不会的可以进群交流官方的分享点击右上角的三个点/**   * 用户点击右上角分享   */  onShareAppMessage: function(ops) {     wx.showShareMenu({        withShareTicket: true        })  }12345678自定义分享wxml&lt;button open...

一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括：晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。 查看演示：https://daneden.github.io/animate.css/ github地...

1、微信小程序动画有自己的方法：官方链接但需要自己去写动画效果，比较麻烦。2、本文介绍的是把animate.css这个非常棒的css库引入到小程序内使用。animate.css包含76种动画，使用非常简单。animate.css官网3、由于小程序对代码大小限制比较大，所以删除了animate.css中 所有@-webkit-部分css，减少了一半体积再把文件后缀名改为wxss，...

小程序动画Animation，高度增加动画形式，图标旋转动画形式&lt;view class="serach-title serach-list"  animation="{{animatheightadd}}" &gt;&lt;i-row class="serach-top"&gt;&lt;i-col span="12" i-class="serach-titleL

http://www.iosre.com/t/topic/3199前言这周做了一个新功能，就是全自动地把微信的语音文件给提取出来，然后转换成文字，一来是一目了然，二来是方便检索。未曾想到的是，在这个过程中，碰到了几个不大不小的坎，踩到了几个不深不浅的坑，在此逐一记录解决方案，供后来人参考。想要体验这个功能，请参看这个链接480定位微信语音文件通过iOS应用逆向工程114中提到的思...