完全零基础做一个微信小程序记录~

作为一只数学系大二的小菜喵,之前听过一个微信小程序的产品展示,觉得微信小程序还挺好玩的,不过自己没有接触过前端开发,很多东西都在自己摸索,把一些有意思的东西记录下来,以备以后查阅,也给一些非科班的程序猿们在挣扎中提供一点借鉴~

官方教程:
https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201818

微信小程序对新手非常友好,如教程介绍的步骤,只需要到微信公众号平台上注册,获得一个APPID,再下载官方的开发者工具,就可以开始写自己的微信小程序啦!
下载好后可以得到如图:
完全零基础做一个微信小程序记录~_第1张图片
这里我使用的是微信官方提供的js组件,如何看懂这个东西,很显然,左边是小程序的模拟器(就是这些代码会生成什么样子),可以随时调试比较,右边是相应的代码,开发者们可以通过修改、添加右边的代码达到更多的功能,中间这一列就是对应的文件啦,作为一个只会C++的宝宝,经过我的认真研究,它是这样的一个框架:
1 app.js作为整个小程序的控制函数,可以理解为cpp中的main函数,它控制整个小程序的整体运行,声明外部接口,还可以定义全局变量/常量
2 上面的pages是整合所有的界面,每一个子文件夹都是小程序的一个界面,你可以在每个界面中设计它的样子,然后再通过操作把他们整合起来

好的,那么,我们现在要做的就是写好界面,再上传啦!但是小萌新完全没有接触过JavaScript,所以是时候了解一些有关前端语言的基础知识。在此分享几个科普链接
1 新手理解HTML、CSS、javascript之间的关系:
http://www.cnblogs.com/dreamingbaobei/p/5062901.html
2 慕课网JavaScript入门教程:
https://www.imooc.com/code/2311
好了,我先去学习了hhh

(未完待续…)

你可能感兴趣的:(有点意思的小项目)