首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

一个人开发一个App,小程序从0到1,删减添加

在这个黄道吉日,咱们将要干一件,惊天地泣鬼神,妇孺皆知的大事,那就是删掉微信开发工具自动生成的源代码。

删掉pages下的index、logs目录,啥都不留;

删掉utils下的util.js,只流空气;

删掉app.js里的代码,只留App({});

删掉app.wxss里的内容,只留下一地鸡毛;

删掉sitemap.json, 只留下一声叹息,但这里有个前提:你确定所有页面都可被索引(搜索),而且一直不会有例外,如果不是,那就留着,如果你已经删掉了,那就补回来。

删掉,哦,不,是修改。修改app.json里的pages值为:"pages/home/index",并快速按下保存。当然,慢速也是可以的。

删掉,删掉,把一切的烦恼统统删掉;删掉,删掉,把多余的代码全部删掉;删掉,删掉,我听到你在鬼哭狼叫。

删一时,一时爽,一直删除,一直爽。爽过之后,再慢慢增加回来。

3.1 增加

在app.json中的pages新增pages/home/index并进行保存时,你会发现在左边pages目录下,多了一个home目录,里面存着页面4件套。

按微信产品经理的建议,开发小程序时,先从布局文件wxml和样式文件wxss开始,紧接着实现业务逻辑(js)。至于json,不用开发,只是配置就好。

好了,这次做个乖宝宝,听一次产品经理的话,打开wxml文件吧。哎呀,有句不像话的话在里面。我就知道你看不懂,因为全是英文呀,像text,我告诉你,你都不知道是文本的意思吧。用包起来,不是因为天冷,而是表示标签。

pages/home/index.wxml

标签,是用来气死单身狗的,因为他们总是成双结对地出现,中间还留下爱的宣言。好了,够了,你可以运行了。点击【真机调试】,用真机(安装了微信的智能手机,否则就是玩具了),扫码,运行看看。

我只爱我自己

我在二手iPhone上运行的效果是这样的。不知你注意到没, 所在行是不显示出来的,因为它是注释。注释是给人看的,机器是瞧不上的。

如果你看不看导航栏的样式和风格,那就打开index.json,勇敢地敲入如下代码,但请be careful,小心,backgroundTextStyle的值,只能为:dark 或 light; navigationBarTextStyle的值,只能为black 或 white。千万不要问我为什么,因为我也很想知道,要不咱给微信产品经理留个话?--更改index.wxml的内容即可。

{

"usingComponents": {},

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#00a24d",

"navigationBarTitleText": "半码",

"navigationBarTextStyle": "white"

}

这样运行之后,微信的产品经理能否收到,我也不清楚,我只清楚,我在讲技术内容时,采用的是循序渐进的方式,一开始是慢节奏,接着是更慢的节奏,哦,不对,是快节奏。好了,下一节布局相关的内容,有一定的难度,让咱们加大马力,快速前进。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200122A0BV1500?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券