-
类似tabBar的切换页面效果（微信小程序）
需求分析微信小程序开发，经常遇到类似tabBar的页面切换效果：视图中有标题和页面，当点击一个标题时，该标题呈选中状态，页面自动切换；当滑动页面时，标题自动切换。实现逻辑这种效果的实现逻辑是：定义变量selectedTitle、标题的id，当id和selectedTitle相等时，定义样式title-selected。当点击一个标题时，将该标题的i...2017-01-31 阅读245
-
微信小程序WeSJTU开发心得
十一期间没什么事，我试着写了一个微信小程序WeSJTU。现在，回过头来，把自己开发小程序的心得给总结一下。构思微信小程序的文档，比较难的部分，如数据绑定，其思想和AngularJS是非常相近的，而所谓的WXSS，基本上可以认为是CSS，只是不方便用SCSS了——WXSS原则上不支持级联，所以整个文档看下来基本上就能上手了。先从简...2017-01-31 阅读263
-
小程序下拉刷新详解(附源码demo)
下拉刷新.zip小程序的下拉刷新非常容易（写惯了android，使用小程序实在是太爽了），但是还是有些细节需要注意。1. 开启下拉刷新在xx.json 中将enablePullDownRefresh设为true{ "navigationBarTitleText": "下拉刷新", &n...2017-01-24 阅读246
-
微信小程序维护登录态与获取用户信息
前言、 微信小程序的运行环境不是在浏览器下运行的。所以不能以cookie来维护登录态。下面我就来说说我根据官方给出的方法来写出的维护登录态的方法吧。一、登录态维护官方的文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html#wxloginobject 通过 wx.login() 获...2017-01-24 阅读247
-
微信小程序之MaterialDesign--input组件
主要通过input输入事件配合css的transform动态改变实现这种效果。实际调试过程中，input组件bindinput事件触发后回调的detail对象，在模拟器中含有cursor属性，在真机中（测过安卓，iOS没测过）却没有该属性，最后选择detail对象中的value属性的值的长度来同步输入的位数。bindfocus事件最好不要添加改变css的代码 。预览图...2017-01-24 阅读245
-
微信小程序接口全解析！从 Demo 了解小程序能力
一、前言2017 年的第一篇文章，不得不说一下最近火热微信小程序。现在，小程序已经开放使用了，但是只能企业资质才能进行注册，个人开发者还是没有办法注册小程序。今天，我就来针对官方推出的小程序接口体验 Demo，写一下体验报告。首先一句话总结下我的感觉：小程序真的很棒。虽然只是体验官方的 Demo，但已经感觉...2017-01-24 阅读254
-
小程序之背景图片的加载
说在前面最近由于项目需要所以学了下小程序，也做了一些东西，随后便有了以下的一些总结了，先说说关于如何解决小程序背景图片pc端调试完美不缺，而在真机调试的时候却消失不见的情况。问题描述最近做项目的时候要实现一个导航页面，我的想法是用一张好看的图片做背景，在pc端调试的时候效果不错，但是在真机调试的时候却发...2017-01-23 阅读242
-
小程序之上拉加载照片以及图片加载延迟解决之道
说在前面最近由于项目需要所以学了下小程序，也做了一些东西，随后便有了以下的一些总结了，现在说说在小程序中如何进行上拉加载照片和进行懒加载。问题描述无论是app还是小程序，加载图片多的时候都会出现图片加载缓慢和流量耗费多的问题。而我在小程序中的解决方案是上拉加载和进行“变相懒加载”。老规矩，以源码为导向讲...2017-01-23 阅读249
-
微信小程序分享功能的path路径
表示被微信小程序坑惨了糟心的开始写,老板说先不上太复杂,就先显示了两个页面,然后开开心心的发布,测试了几遍,没啥问题呀.结果,一上上去,就被老板批了! 啥呀! 这分享怎么这个鬼样子!明明我看文档都是这样写的啊!Page({ onShareAppMessage: function () { return {...2017-01-23 阅读266
-
微信小程序跨页面通信解决思路
宏观上，微信小程序是由一个个 Page 组成的。有时候我们会遇到一些业务存在耦合的 Page，一个 Page 里某个状态改变后，相关 Page 的状态需要进行更新。而在小程序里，每个 Page 都是一个模块，有着独立的作用域，因此 Page 间需要有一种通信策略。想象一个业务场景，用户首先进入订单列表页。然后点击其中一个订...2017-01-22 阅读276
登录
注册