
微信小程序
文章平均质量分 92
袁杰Jerry
保持好奇,保持专注。个人博客:https://jerryyuanj.github.io/
展开
-
微信小程序实战小小应用——豆瓣电影
昨天趁着项目结束的空闲期,自己看了一下微信小程序的开发,试着用豆瓣的开源API做了一个小应用,很小很小的应用,主要是展示最近上映的电影列表以及电影的详情页展示。包含的主要技术点如下:底部tab页标签的导航切换基本的布局展示(本例中多使用flex布局),图文混排事件处理;网络请求水平滚动scroll-view的实现运行的效果演示如下,其中“加入想看清单”功能和第二个tab的功能没原创 2017-10-13 22:21:10 · 6305 阅读 · 1 评论 -
微信小程序开发笔记1——使用npm脚本实现自动化切换环境配置
有过小程序开发经验的都知道,在小程序的生态环境中,是很难做到像其他项目那样完全的CI的,因为我们的上传代码是只能在IDE中操作且代码是提交到微信服务器的,微信并没有提供接口让我们可以自动化部署代码。一个我们项目中比较常见的问题是,我们本地开发好后,如果想上传代码到腾讯服务器上,需要将本地的一些配置项修改成线上的版本,比如我们的接口地址,项目配置信息等。当然你可以手动去维护,但是不提倡,因为...原创 2018-10-21 15:07:51 · 3558 阅读 · 1 评论 -
微信小程序开发笔记2——自定义导航栏组件
本文主要是熟悉微信小程序自定义组件的开发,以一个常见的导航栏(Tabbar)需求为例。官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/首先我们先看一下最终实现的效果:这是一个非常简单的例子,就用这个例子敲开自定义组件的大门。如果你对vue的组件很熟的话,那么你应该会轻松上手...原创 2018-11-03 14:57:58 · 2113 阅读 · 0 评论 -
微信小程序开发笔记3——文字的查看更多的效果
本文介绍了在微信小程序中,如何实现常见的一大段文字的查看更多的效果。原创 2018-11-03 15:20:27 · 25770 阅读 · 5 评论 -
微信小程序开发笔记4—— IntersectionObserver 用法详解
看微信文档时看到这个很有趣的api,但是官方的文档和例子关于这个api的介绍都是很让人失望的,所以花了点时间了解了以下这个方法,做个记录,供参考。简介首先,我的理解是,这是一个观察器(废话),它用来监测目标对象与某个参照物的相交情况。什么是相交情况?通俗的说,就是两个区域有重叠(公共区域)了,类似与数学中的交集,不过这个是平面上的。我们用官方给的一个简单的例子进行讲解:https://dev...原创 2018-11-03 17:04:08 · 27547 阅读 · 4 评论 -
微信小程序开发笔记5—— IntersectionObserver应用之实现元素随着页面滚动吸附在顶部的效果
本文主要介绍了两种方法来实现某元素随着页面的滚动,吸附在顶部的效果。一个是使用上一片博客所说的 IntersectionObserver ,一个是使用page的onPageScroll监听函数。欢迎围观。原创 2018-11-03 18:05:37 · 4924 阅读 · 5 评论