小程序
祈澈菇凉
若有问题请联系微信号:wwwangting888
展开
-
微信小程序从零开始开发步骤(一)搭建开发环境
从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。1:注册用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,网址: https://mp.weixin.qq.com/ 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。 2:登录 https://mp.weixin.q...原创 2018-08-16 10:39:52 · 1281 阅读 · 3 评论 -
小程序基础入门教程
微信小程序从零开始开发步骤(一)搭建开发环境https://www.jianshu.com/p/0ff8c3b2f59f微信小程序从零开始开发步骤(二)创建小程序页面https://www.jianshu.com/p/fe0db14e2869微信小程序从零开始开发步骤(三)底部导航栏https://www.jianshu.com/p/89a63dc99839微信小程序从零开始开发步骤(四)自...原创 2018-08-16 10:40:41 · 1099 阅读 · 0 评论 -
微信小程序从零开始开发步骤(二)创建小程序页面
上一章注册完小程序,添加新建的项目,大致的准备开发已经完成,本章要分享的是要创建一个简单的页面了,创建小程序页面的具体几个步骤:1. 在pages 中添加一个目录选中page,右击鼠标,从硬盘打开,打开硬盘文件之后,新建一个文件夹test(或者点击+号,逐个添加目录,添加目录下面所需要的文件) 或者这样添加2. 新建一个wxml 文件在tes...原创 2018-08-16 10:42:11 · 13326 阅读 · 4 评论 -
微信小程序从零开始开发步骤(三)底部导航栏
上一章节,我们分享了如何创建一个新的页面和设置页面的标题,这一章我们来聊聊底部导航栏是如何实现的。即点击底部的导航,会实现不同对应页面之间的切换。我们先来看个我们要实现的底部导航栏的效果图:(三个导航图标示例,微信小程序最多能加5个) 1. 图标准备阿里图标库 http://www.iconfont.cn/collections/show/29在这个网站上下载一些自己...原创 2018-08-16 10:43:27 · 6008 阅读 · 6 评论 -
微信小程序从零开始开发步骤(四)自定义分享的功能
上一章节,实现了小程序的底部导航的功能,这一节开始实现一些简单的功能。本章节介绍的是小程序的自定义分享的功能。可以分享小程序的任何一个页面给好友或群聊。注意是分享给好友或群聊,并没有分享到朋友圈。一方面微信在尝试流量分发方式,但同时又不愿意开放最大的流量入口。开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html?t=20...原创 2018-08-16 10:45:20 · 2588 阅读 · 4 评论 -
微信小程序从零开始开发步骤(五)轮播图
上一章完成页面自定义分享,这一章来说说轮播图,最常见的一个轮播图,中间带小圆点,自动轮播。Swiper是滑动特效插件,面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。是目前应用较广泛的移动端网页触摸内容滑动插件。实例: 更多样式,可以查看官方的API参考链接:https://mp.weixin.qq.com/debug/wxadoc...原创 2018-08-16 10:46:08 · 1224 阅读 · 2 评论 -
微信小程序从零开始开发步骤(六)4种页面跳转的方法
用法:用于页面跳转,相当于html里面的<a></a>标签。API教程:https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.htmlhttps://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html四种跳转的方法,在index里面写下一段代...原创 2018-08-16 10:46:58 · 1368 阅读 · 1 评论 -
微信小程序从零开始开发步骤(七)引入外部js 文件
上一章讲到小程序页面的四种常见的跳转的方法,这一章写如何引入一个外部的js文件,既utils文件夹的用处,其实步骤很简单:1:准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库) 2:打开util.js ,继续填写重要内容将要使用的方法用module.exports给暴露出来,如图所示(我暴露了一个方法: imageUtil,若有很多...原创 2018-08-16 10:47:40 · 3278 阅读 · 0 评论 -
微信小程序从零开始开发步骤(八)引入框架WeUI
首先来看下WeUI的官方介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。在微信小程序的开发过程中,涉及到的前端复杂的样式界面的问题,就需要使用个UI框架,这样可以省去以后很多麻烦。WeUI作为一个开源的移动端UI框架,由于它是微信官方提供的对微信的兼容性没有太大问题,而且和各组件的样式和微信一样,能够很...原创 2018-08-16 10:48:55 · 3325 阅读 · 2 评论