码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2020-01-22 14:46:35      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:index   phone   搜索   src   建议   let   http   ref   image   

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

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

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

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

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

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

删掉project.config.json,如果不想再接着开发的话;

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

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

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

技术图片

 

3.1 增加

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

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

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

<text>pages/home/index.wxml</text>

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

<!--注释在这里-->

<text>我只爱我自己</text>

 技术图片

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

 技术图片 

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

{

  "usingComponents": {},

  "backgroundTextStyle": "light",

  "navigationBarBackgroundColor": "#00a24d",

  "navigationBarTitleText": "半码",

  "navigationBarTextStyle": "white"

}

技术图片

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

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

标签:index   phone   搜索   src   建议   let   http   ref   image   

原文地址:https://www.cnblogs.com/halfcode/p/12228422.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!