基本实现功能

1,底部3个tab实现选中时文字和图片改变

2,实现页面数据的初始化和点击button时改变数据的简单交互

3,实现日子的打印


先看效果图

小程序自学系列(零基础学小程序)---实现底部导航栏和顶部导航栏及微信开发工具常用快捷键_微信小程序小程序自学系列(零基础学小程序)---实现底部导航栏和顶部导航栏及微信开发工具常用快捷键_零基础学小程序_02


今天是我自学微信小程序的第一天,这些代码我会把源码给出来,本人安卓开发,处于对微信小程序的兴趣,今天开始自学小程序。我学习的同时会把自己每天的学习笔记学习心得给大家分享在这里。微信小程序自学系列会一直持续更新。

由于第一天学习,只是简单的根据官方api敲些代码,没有知识点的总结。下面贴出源码和一些微信开发工具常用快捷键



常用快捷键

Ctrl+S:保存文件

Ctrl+P:快速全局检索文件

Ctrl+Shift+F:全局查找变量等

Ctrl+[, Ctrl+]:代码行缩进

Ctrl+Shift+Enter:在当前行上方插入一行

Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块

Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行

Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行

Shift+Alt+F:代码格式化

Alt+Up,Alt+Down:上下移动一行

更多微信小程序优秀源码:​​https://github.com/qiushi123/xiaochengxu_demos​

也可以关注我的个人微信号,每天定期推送小程序最新开发技术,优秀源码,各种干货

小程序自学系列(零基础学小程序)---实现底部导航栏和顶部导航栏及微信开发工具常用快捷键_小程序_03