随笔分类 - 微信小程序
1
记录微信小程序
摘要：小程序跳转H5 需要用到小程序的web-view，https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html web-view是承载网页的容器，会自动铺满整个小程序页面。 <view class="page-bod
阅读全文
摘要：从底部向上滑出的动画效果： 用到了小程序的触摸事件bindtouchmove，以及创建一个annimation对象，完成动画操作之后使用animation这个对象的export()方法导出动画数据。 为了阻止多次向上向下滑动，出现多次动画效果，需要增加 ifStop 来判断。 根据 e.touche
阅读全文
摘要：最近做的项目涉及相应的页面显示相应的顶部标题，所以就需要自定义头部导航了。 首先新建一个顶部导航公用组件topnav，导航高度怎么计算？ 1.wx.getSystemInfo 和 wx.getSystemInfoSync 获取机器信息 2.screenHeight - windowHeight 计算
阅读全文
摘要：RSA加密 解密 加签 验签 1. 将 wx_rsa.js文件copy到自己想放置的目录下，并在需要用到的js文件中引用 如： 2. 在对应的触发事件下进行相应的操作： 加密： 解密： 加签： 验签：
阅读全文
摘要：bindtap,catchtap事件绑定的区别，这里就涉及冒泡事件了。bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。 logs.wxml logs.js 点击view3 点击view2 点击view1
阅读全文
摘要：接下来开始写写上传图片的公用组件，可以自定义上传几张图片。 chooseImage文件夹里面的index.wxml和index.js,涉及图片上传，删除，预览。 index文件夹的index.json和index.wxml和index.js
阅读全文
摘要：这周整理了一下做微信小程序页面时遇到的一些问题，先说说常见的上传图片吧。 上传图片公用组件 首先要了解的是父子传参。 1.A组件为父组件，B组件为子组件，以下是A组件向B组件传参： 在A组件的json中写入： 在A组件的wxml中写入： 在B组件的js中写入： 在B组件的wxml中写入： 2.A组件
阅读全文
摘要：微信小程序页面滚动到某个位置添加类，盒子置顶效果。
阅读全文
摘要：今天记录一下购物车案例，实现购物车的全选，单选，数量加一减一，金额总数，以及清空购物车。
阅读全文
摘要：更新最新版微信开发者工具后，出现下面报错： 解决办法： 1、在控制台输入openVendor() ，确定Enter； 2、清除里面的wcc.exe wcsc.exe ； 3、重启开发者工具
阅读全文
摘要：记录微信小程序音频及视频弹幕播放效果。 1.audio 2.video 默认宽度300px、高度225px
阅读全文
摘要：项目需求：实现头部导航，可左右滑动。
阅读全文
摘要：微信小程序连续旋转动画 https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html
阅读全文
摘要：1.获取屏幕宽度，并赋值给view <view class="ships-img" style="height:{{windowWidth}}px;"></view> 2.最近遇到自定义弹窗滚动问题，当文本页面过长，同时自定义弹窗也过长，即两者都需要滚动的时候，想要自定义弹窗滚动却触发的是页面的滚动
阅读全文
摘要：最近用微信小程序写了一个图书阅读器，可以实现左右滑动翻页，按钮翻页，上下滚动，切换背景，控制字体大小。以及记住设置好的状态，如页面再次进来保留上次的背景色和字体大小。 由于暂时没有真实的数据接口，所以我用了静态数据。
阅读全文
摘要：微信小程序页面跳转方法： 微信小程序提示框：
阅读全文
摘要：下拉刷新 1.首先在.json文件中配置（如果在app.json文件中配置，那么整个程序都可以下拉刷新。如果写在具体页面的.json文件中，那么就是对应的页面下拉刷新。） 具体页面的.json文件： app.json文件： 2.js文件中添加回调函数 上拉加载更多(不需要配置) 1.publish.
阅读全文
摘要：这些天看了一下最近特别火的微信小程序，发现和vue大同小异。 新建项目 为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo。
阅读全文
1
