Johnny Liao的博客

优化前: 分数低, 首页加载太多列表(几百个), 用户体验不好, 会卡顿优化后: 分数提升, 体验较好, 系统比较顺畅, 不卡顿主要措施:1, 针对一开始就加载几百个列表的情况, 而且每个列表都有图片, 大大消耗了手机等的性能, 造成加载慢, 并且不能及时显示首屏;所有采取以下措施:一, 使用scroll-view, 并且自己实现一个分页, 一页只加载10个列表元素左右, 在用户滚动到底部, 触发抵达底部事件的时候, 才加载下一部分;将保存的数组(总数据)和展示的数组分两个变量保存;加载

首先，先定义滚动的子组件ScrollContent ， 定义data的属性：data(){ return { isFixed: false, nameTop: '', rect: 0, }}再在父组件中定义：<ScrollContent id="scrollId" :class="{'is-fixed': isFixed}"></ScrollContent>给他一个id是为了接下来的获取这一个组件，我们使用微信小程序的接口wx.createSele

我们先看看界面:我们如果要实现评论功能, 那么需要什么参数呢?参数如下 comment: 评论内容 username: 用户名 time: 评论时间 userId: 用户id id: 评论的贴子id avatar: 用户头像先上代码, wxml:&amp;amp;lt;!--pages/itemDetail/it...

别人发布了，就得审核呀。所以这篇我们来讲审核功能的实现。条件： 不能审核自己的，并且是审核次数在0-5次的。我们来看布局， 和首页展示的差不多，一个用户信息，一个图片，一个用户发布的文字，还有通过，不通过按钮。代码如下：&amp;amp;amp;amp;lt;!--pages/validContent/validContent.wxml--&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;view wx:if='{{!data}}'

微信给了我们存储空间以及图片上传的功能，我们怎么可以轻易放过呢？先看看界面：二话不说， 先实现界面：&amp;amp;lt;!--pages/pulish/pulish.wxml--&amp;amp;gt;&amp;amp;lt;view class='flexDownC'&amp;amp;gt; &amp;amp;lt;view class='flexDownC w100'&amp;amp;gt; &amp;am

接下来我们就要使用高大上的云函数了;什么是云函数?云函数 云函数即在云端（服务器端）运行的函数。 在物理设计上，一个云函数可由多个文件组成，占用一定量的CPU 内存等计算资源；各云函数完全独立；可分别部署在不同的地区。 … 当云函数被小程序端调用时，定义的代码会被放在Node.js 运行环境中执行。新建的项目中其实有云函数的示例可以参考。首先，我们在cloudfunctions 文件夹右键...

数据我们有了， 就可以导入到微信的数据库了，微信这个功能简直不要太赞，我们一定要好好利用微信提供的数据库；打开云开发控制台， 点击数据库， 点击添加集合，名称为funnys，点击导入，然后就可以导入刚刚我们导出的json文件了；导入完成后，我们就可以进入展示了；首页index.wxml的代码如下：&amp;amp;amp;amp;amp;lt;!--index.wxml--&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;l

数据从哪儿来呢?这是个很好解决的问题，我们只需要参考一下网上的爬虫代码，再自己改动一下，加上一下自己想要的东西,就可以了我们就参考一下知乎的一篇爬取糗百的文章吧： https://zhuanlan.zhihu.com/p/37626163直接把他的代码拿过来，然后改动一下，在代码中引入time函数（为了延迟请求，对糗百网站友好），再在存入数据库之前，加入几个我们想要展示的值。前提是你已经安装...

大家好,之前本人用业余时间(捣鼓了大概两三天),开发了一个小程序【糗皮虎】，里面包含了查看段子，点赞，分享，评论，发帖，登录等等功能，功能还是有待完善的，希望我的踩坑，可以为各位带来一些启示。部分截图如下：一,如何新建小程序云开发项目首先，先去申请账号：https://developers.weixin.qq.com/miniprogram/dev/index.html?t=...

当小程序出错出现代码40125,并显示:errcode: 40125, errmsg: &quot;invalid appSecret&quot;解决办法: 在mp.weixin.qq.com 里面重置你的app secret

微信官方宣布在7月5号之后，wx.getSettting 将不再支持； 操作方式改为由用户点击按钮触发， 现在可以通过button方式触发。 我的需求是获得用户的地址权限。但是当用户点击拒绝之后，就显示出按钮， 然后用户就可以点击按钮，选择需要打开的权限开关； 当用户点击打开之后，就可以隐藏按钮；&amp;lt;view wx:if=&quot;showFlag&quot; &amp;gt; &amp;lt...

1，缩小变大消失特效：//js data: { animationData: null }, ani_smallbigOut: function(){ let that = this console.log("animate") var animation = wx.createAnimation({ duration: 750, ...

1，更改data里面的数据，不要使用赋值的方法：this.X = data应该使用setData， 例子如下：this.setData({X: data})//在setTimeout等函数时，需要使用bind（this）2, 使用动画组件api时，记得在wxml上要进行动画的元素(如view)加上：&lt;view animation="{{animation}}...