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

删掉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,删减添加相关推荐

  1. 只需6步,教你从零开发一个签到小程序

    摘要:针对于具备瞬时流量.业务场景比较简单的小程序,开发者借助FunctionGraph,可以方便快捷的搭建一个健壮的小程序后台. 本文分享自华为云社区<智慧校园想搞好,FunctionGrap ...

  2. 开发一个微信小程序,对酒店经营管理有哪些好处?

    据腾讯2022年第一季度财报数据显示,微信小程序日活跃账户已经突破5亿,流量巨大.不论企业用户还是个体商家都积极使用小程序开展商业活动,从这庞大流量里获利. 酒店行业也不例外,很多酒店都开发了微信小程 ...

  3. 真的简单,单手用Spring Boot 开发一个微信小程序

    前言   嗨,大家好,现在微信使用的用户很多,作为开发人员也可以建立一个自己的微信小程序,本期与大家分享一下作者建立微信小程序的开发流程. 申请   百度搜索微信公众号平台,然后扫码登录注册一个微信公 ...

  4. 一个程序如何连接到外网_如何从头开始开发一个微信小程序

    网上有很多的人在问:怎么开发一个微信小程序?今天我来给大家详细讲讲如何申请开发并部署一个微信小程序,大家看完这篇文章后就能够自己运营一个属于自己的小程序了. 现在的小程序有百度小程序,头条小程序,支付 ...

  5. 开发一个微信小程序/APP一般需要多少时间,多少钱?

    开发一个微信小程序/APP一般需要多少时间,多少钱? 微信小程序/APP开发的工期和费用估算需视功能需求的多少和难易程度而定,需求不明的情况下很难给出恰当评估. 在湃点网络定制平台,一对一的专业的顾问 ...

  6. 如何开发一个微信小程序

    如今微信小程序的开发已经成为了一个不可忽视的趋势,不少企业都开始将自己的产品和服务通过微信小程序进行宣传.但是如何开发一个微信小程序大家又了解吗?下面就为大家介绍如何开发一个微信小程序. 首先我们做好 ...

  7. Python 开发一个间谍小程序

    作者:寂夜云 https://www.cnblogs.com/lonenysky/p/12341074.html 这次我们使用 Python 来打造一款间谍程序,程序中会用到许多知识点,大致分为四块: ...

  8. 如何快速开发一个古诗词小程序?

    前言: github日常淘宝,看到的项目可能因为历史原因已经不维护了,跑步起来,那么我们就让他跑起来吧! 本篇以一个古诗词小程序为例,大概花了一天的时间,给想学习的小白或者业余你想整一个玩玩的时候能有 ...

  9. 使用云数据库,国庆快速开发一个微信小程序

    国庆七天,如果不想峡谷.王者七日游,就来跟我一起开发个小程序吧,不需要多高的技术,只要你会一点点前端css.html知识,不需要你了解后端语言,更不需要单独部署一个后端服务,十分简单! 之前我写过一个 ...

最新文章

  1. 数字进度条组件NumberProgressBar
  2. 用IIS建立的.net网站通过IP地址不能访问解决方法
  3. 单位银行结算账户如何变更
  4. 解决Ubuntu上的phpMyAdmin 404 错误
  5. c语言大数位加法,求用C编个大数加减法运算程序
  6. C语言中 *.c和*.h文件的区别!
  7. 将终结点图添加到你的ASP.NET Core应用程序中
  8. idea 解决jar 的冲突
  9. 诗与远方:无题(七十四)
  10. 笔记:制作游戏所需的数学
  11. php tesseract,PHP ocr:用Tesseract OCR进行文字识别
  12. 最近的问题汇总(至2010/10/6 12:00)
  13. [洛谷P3979]遥远的国度
  14. 树莓派 Raspberry-Pi 折腾系列:系统安装及一些必要的配置
  15. 从零开始学android:Activity初步
  16. 应用于电力电子变压器的双向DC_DC变换器综述(学习笔记)
  17. STM32CbueMX之W25Q256
  18. 分析mrp主要应用范围_MRP软件行业现状调研分析及发展趋势预测报告(2020)
  19. 【吐血整理】java程序员推荐轻薄笔记本
  20. android ping网络连接服务器失败,Android 中网络连接检测和使用ping检测网络是否可访问...

热门文章

  1. Django 中文文档地址
  2. android9壁纸存放路径,Android基础入门教程——10.9 WallpaperManager(壁纸管理器)
  3. Code-Breaking Puzzles做题记录
  4. Appium-desktop的下载安装
  5. gInk:一款好用的屏幕标注写画软件
  6. 机器学习算法(九): 基于线性判别LDA模型的分类(基于LDA手写数字分类实践)
  7. Leetcode题解(超赞!!!)
  8. ChatPDF,PDF操作一键完成!
  9. 从《速度与激情》之布莱恩说起
  10. FPGA基础之内置逻辑门