入坑小程序

最近在学习微信小程序,极客人总结了一些入门经验,希望能帮助想学习小程序的同学提供参考

一、微信小程序的文件结构:

▸ pages/ : 页面文件,小程序由一个个page(类比于Activity或者ReactJS里面的页面组件)组成

▸ utils/ : 放一些工具方法

  • .app.js: 小程序启动,类比于Android的Application类或者MainActivity
  • app.json :小程序的全局配置文件, 类比于Android的清单文件,声明了小程序有哪些page
  • app.wxss :全局的css样式文件
  • project.config.json :项目配置文件,定义了项目的名称,基础库版本,appId等

小程序由一个page组成,类比于Android的Activity,与其他组件化应用一样有生命周期

除此之外,小程序开发和ReactJS很像,比如React里面利用state管理界面数据,小程序有一个几乎和这一模一样的,叫data.

  • onLaunch 生命周期函数–监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)。
  • onShow 生命周期函数–监听小程序显示 当小程序启动,或从后台进入前台显示,- 会触发 onShow
  • onHide 生命周期函数–监听小程序隐藏 当小程序从前台进入后台,会触发 onHide
  • onError 错误监听函数 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

二、学习资料

  • 微信小程序开发资源汇总:https://github.com/justjavac/awesome-wechat-weapp
  • WeUI,微信官方的组件库:https://github.com/Tencent/weui

三、一点想法

  • 个人身份可以申请注册小程序,权限还是很多的,除了支付、实时视频,其它基本都支持
  • 微信小程序解决我们我不想安装过多APP的痛点,前途还是很看好的,最近微信推出了小程序广告,想变现的抓紧了
  • 虽然小程序发布不久,但是现在不管官方还是社区对微信小程序的生态是十分有友好的,比如除官方提供了还算好用的IDE,其它IDE比如VSCode/Intellij都有插件对小程序予以支持;同时社区里面又很热开发面向小程序的UI库、开发框架(比如支持Vue的mpvue)

最后上一个最近开发的小程序:

五险一金房贷计算器专业版

原文发布于微信公众号 - 我是极客人(GeekerCenter)

原文发表时间:2018-08-16

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

Windows Runtime(WinRT) 揭秘

看了个BUILD的PPT,Windows Runtime (RT)并不是一些新闻网站说的那样微软自废.NET武功,而是恰恰相反,WinRT是Win32API的现...

17110
来自专栏静下来

Discuz论坛多功能工具1.0版本发布

Discuz论坛多功能工具(Summer版本)1.0发布。 软件是集合了之前单独工具的功能,增加了发帖的功能,这样也会更加方便点吧。但是没有进过大批量的测试,可...

2934
来自专栏知晓程序

开发 | 用 4 天时间,他撸了一个「星巴克」同款小程序

当我们还在家中吹着空调,敲着代码,吃着西瓜的时候,可能你的她还在炎炎夏日下大汗淋漓……

721
来自专栏跟着阿笨一起玩NET

C# Xamarin移动开发基础进修篇

1112
来自专栏网站漏洞修补

网站快照被劫持 快速恢复快照的解决办法

哥们的网站流量突然下降的很厉害,从原先一天500左右的IP,直接下降到80左右的IP,让我帮忙看看,网站到底哪里出了问题,首先我用百度的site:下网站的收录量...

721
来自专栏华仔的技术笔记

iOS 开发流程笔记

3356
来自专栏安恒信息

中国黑客组织发现第二个Android万能密钥漏洞

一个中国的安全组织Android Security Squad称他们发现了第二个万能密钥,能够在不破坏应用签名的情况下修改应用本身。 一个文件或者文档的数字签名...

2554
来自专栏我的安全视界观

【渗透技巧】浅谈常规渗透瓶颈,实例发散思维突破

3387
来自专栏FreeBuf

Chrome漏洞可致恶意站点在用户在不知情的情况下录制音频和视频

有没有可能我们在不知情的情况下被电脑录音和录像?黑客可以从而听到你的每一通电话,看到你周围的人。 听来恐怖,但有的时候我们真的无法完全知晓我们的电脑在干什么。正...

2616
来自专栏编程微刊

前端切图|点击按钮div变色

1071

扫码关注云+社区