![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序开发笔记
胡晓天o0
这个作者很懒,什么都没留下…
展开
-
微信小程序学习笔记(三)----初识小程序代码、轮播图实现
从这一节开始我们就开始接触小程序前台代码了,其实前台逻辑还是比较简单的,学习难度比学习一个前端框架难不了多少,记得以前一开始学前端框架的时候,流程就是:熟悉一下--查看组件--找到要用的--复制粘贴,其实对于大部分人来说,小程序前台也是一样。首先,我们可以先看下小程序的组件,这里是他的官方介绍,很详细:https://developers.weixin.qq.com/miniprogram...原创 2018-10-28 17:40:39 · 1473 阅读 · 2 评论 -
微信小程序学习笔记(一)----微信小程序入门简介,开发者工具基础使用
到现在学习小程序已经不早了,但是无论什么时候开始都不晚,只要学就OK。看到所有小程序开发的教程全部都是以注册账号开始的,但是注册账号的过程无论是官方文档还是其他的经验帖子都已经有一堆了,而且本身这个过程也并不具有什么技术性,实在是很多收费的教程视频用来前期拖时间的一种方式,很坑。放点干货先吸引人然后到g点再收费多好,这样看得人虽然不爽但是还是得乖乖掏钱。废话不说了,先在这里放上几个常用的网...原创 2018-10-21 17:19:03 · 1616 阅读 · 0 评论 -
微信小程序学习笔记(二)----微信文件结构、类型简单介绍
当我们打开微信开发者工具之后,是这样的一个界面:我这里是把模拟器隐藏了,所以只有编辑器和下面的调试器(类似与网站上面的网页调试)这一篇文章主要说一下小程序的文档结构和文件类型。下面是基础生成的小程序的文档结构:下面主要参考了微信官方文档的代码构成部分,本文也在此基础上做了一点点补充,大家也可以看下面的官方网址进行了解:https://developers.weixin.qq...原创 2018-10-21 19:57:53 · 1027 阅读 · 0 评论 -
微信小程序学习笔记(四)----微信小程序底部菜单实现
我们在用小程序的时候大部分都会有一个类似于这样的底部菜单:这个样例图是显示了三个菜单,但是实际上还可以更多,小程序的底部菜单,是最多不能超过五个。那么接下来就看看是如何实现的吧。第一步,寻找合适的图标在找图标的时候还是费了一番功夫的,毕竟不是一个专业的前端,最后在一篇文章里找到了这个网站(阿里巴巴矢量图标库):http://www.iconfont.cn/home/inde...原创 2018-11-04 18:16:41 · 12428 阅读 · 0 评论 -
微信小程序学习笔记(六)----实现简单的文章列表(图文列表)效果
写这个之前我在网上搜了一下,想要先找一个合适的样例对着写一下,这样还简单一些,但是找了找没有找到我心里面比较合适的,所以干脆就直接自己写一下,没有做什么过多的修饰,实现起来还是很简单的。首先来上一下效果图:基本就是这样的简单的图文效果,代码也非常简单,如果有标题或者文章简介的需求也可以自己加上,一看就明白了。首先,我们用到了以下几个标签:view:这个没什么好说的,在笔记一里面...原创 2018-11-10 20:39:13 · 11393 阅读 · 0 评论 -
微信小程序学习笔记(五)----实现单列下拉菜单
接下来我想做的是一个下拉菜单用来分类的,但是在网上搜了一下,基本上全都是比较复杂的分类菜单,最简单的也是分三列的下拉菜单,但是并不想要这么复杂的,最后找了一个三列的,改成了单列。也把代码尽可能的简单化了。实现的效果图:合并状态:下拉状态:首先下面是目录结构:下面是实现的具体代码:.wxml<!--选择框--><view class="p...原创 2018-11-10 20:38:09 · 1464 阅读 · 0 评论 -
微信小程序学习笔记(七)----简单文章推荐列表和分类图标的实现
想要实现一个顶部是几篇纯文字的推荐文章,推荐文章下面是四个分类图标,具体实现出来是这个样子的,比较简单:首先先来找一下素材,这几个图标是我在阿里巴巴图标库下载的,这里是下载地址:http://www.iconfont.cn/collections/detail?cid=29里面有很多不错的矢量图,可以根据自己的需求下载,下面是实现的代码。首先是目录结构:然后是实现代码,...原创 2018-11-11 16:47:46 · 2604 阅读 · 0 评论 -
微信小程序学习笔记(八)----用户个人中心界面
到了实现三个菜单里面最后一个个人中心页面的时候了,这个没有自己写,因为写到现在虽然对小程序前端有了一些了解,但是还谈不上很熟悉,所以借鉴了一个网友的文章,在他的基础上自己改了一下,因为之前的我直接用是显示不全的,不过改了之后不如之前好看,后面会附上这个网友的文章地址。最终我实现的效果是这样的:其实用到的东西并不多,主要还是一些前端的样式,下面是实现步骤和代码。第一,准备图片素材...原创 2018-11-24 17:32:05 · 29960 阅读 · 10 评论