小程序内测资格到手,工程师的十一奋斗计划
今天一不小心拿到了小程序的内测资格,为了不辜负微信团队的信任,我决定十一奋斗一把!不过话说我可是一个工程师啊!所以就让我们从零开始!
所以本文非常适合非前端工程师学习!哈哈!都说小程序出来前端会抢端饭碗,但是据我所知现在好多学习的都是工程师,谁抢谁的还不一定呢!
表问我怎么拿到小程序内测资格的,有种东西叫内部资源!
准备工作
搭建小程序的环境是第一步,确保你的电脑上已经安装了微信者工具。接下来,我们需要进行一些知识准备,了解小程序的基本结构和流程。
从零开始
创建程序实例是小程序的第一步。我们需要在微信者工具中创建一个新的项目,并配置好项目的基本信息。接下来,我们可以开始美化页面,配置首页,以及绑定事件和更新界面数据。
美化页面
美化页面我们用到了WXML和WXSS文件。为了程序代码结构简洁,我们需要在根目录下创建一个新文件夹,名字随意,我们这里叫“pages”。然后在文件夹里再创建新文件夹,名字随意,这里我们叫“index”。然后我们创建index.wxml文件,并在里面写入以下代码。
配置首页
配置首页需要在app.json文件中进行。我们只需要在里面添加如下代码即可,下图有参数说明!现在看是不是像那么回事了!好接下来我们继续写我们第一个界面。
事件绑定函数
为了学习事件绑定,以及如何将数据在页面上更新,我们来做个超级功能,就是我点击文字,能让它变色!我们打开index.wxml,将里面代码改成这样,其实也就是加了bindtap=""这两个属性。
更新界面数据
我们打开index.js,然后添加如下函数。添加完后代码长这样,红框中就是添加的这个代码。所以其实点击事件的回调函数就是bindtap=""中的后面加上:()构成的。现在我们来运行程序试试,然后点击文字。
最后补充
最后再补充一点,pages目录下也是可以配置app.json文件的,也就是每个页面都可以配置自己独特的颜色等等。这里的配置会覆盖app.json文件的配置。
最后由于着急睡觉,所以错别字比较多,后面整理望大家见谅。喜欢的话欢迎打赏~!!!我会继续写下去的。