逍遥客的博客

教程这节课我们美化一下我们的小程序，然后把计算结果放到下一页。复制如下代码到index.wxss中去.row { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; height: 50px; border-bottom: 1px solid #ddd;}input{ margin-left: 20px; flex: 1;}button{

教程各位战友，早上好。这节课我们的目标是把上节课计算出来的数据展示到页面上。怎么把数组里面的数据展示到页面上呢？我们首先要把它保存到data里面也就是说，我们需要在data中增加一个属性,名字叫items，初始化为空数组data: { p: '', i: '', n: '', result: '', items: [] },然后我们把计算好的数据存进去this.setData({ items: arr})但是怎么展示到页面上呢？这可是数

教程上节课留了个作业，我们要把第二期的计算明细算出来。怎么做呢？我们可以再定义四个变量，然后再计算第二期的明细。我这里直接使用了上节课的参考答案。你可以看到我们需要在index.wxml文件中增加几行代码来放置第二期的明细。我们还需要在Index.js文件中的data对象中增加4个参数，我们还需要再计算 第二期的各个变量的值，然后再设置到data属性中。这样做虽然可以得到第二期的明细，但是如果用户输入的是10期，那么我们是不是需要定义几十个变量，然后再计算几十次？这样做显然太蠢了！我们该怎么办呢？

教程上节课的作业是把输入的本金，期数和利率展示到页面上，我们完善一下。因为要展示到页面上，所以我们需要在data中定义3个属性名字是随便取的，我们也可以直接用p,i,ndata: { p: '', i: '', n: '', result: '', motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.g

教程各位战友，早上好。这节课接着做项目，这节课我们的目标是把计算结果直接展示在页面上，而不是通过弹窗展示。上节课我们只校验了本金，我们把期数和利率的校验也给加上，如果你已经加上了，那么就不用管了if (p === '') { wx.showModal({ title: '提示', content: '请输入本金', showCancel: false }) return } else if (n === '') { wx.showModal({

教程接着上节课讲，这节课我们的目标就是把这个复利计算器能够算出结果并展示即可由于开始计算按钮我们还没有绑定任何事件，我们需要给按钮绑定一个点击事件。<button bindtap="calculate" type="primary">开始计算</button>这个处理函数的名字是：calculate然后我们需要点开Index.js文件，然后添加这个处理函数calculate:function(){ }这个函数里面就是我们最终要计算出结果的地方怎么计算呢

教程各位战友早上好，这节课我们接着做这个复利计算器小程序。首先打开上节课创建的项目。为了防止我们的之后写越来越多的代码，导致可能会出现的一些问题。比如不小心删除了某个文件，不小心改动了某些代码，导致整个项目无法运行。进而需要重新创建项目，重新来一遍，那就非常麻烦。我们需要一台时光机，保障我们随意开发。也就是说即便是出了问题，也能够让我们随时返回到问题发生之前。怎么办呢？我们要学会使用版本控制工具，这个功能可以让我们回到历史任何版本。只要你曾经标记过那个版本，那么你就能回到那个版本这就好像很多写

教程这节课开始我们做一个实战项目：复利计算器2这个小程序是我自己开发的已经稳定运行一年多的小程序。这个小程序目前能带来约每月能带来300元的被动收入，熟练开发之后，开发这种小程序也就一周左右，如果产品满足市场需求，那么每年躺着都能赚钱。盈利模式也相当简单，就是靠广告收入。广告是腾讯公司自动植入的广告，只要你的小程序有1000人用过，那么就能开通广告功能，直接躺着收钱。小程序是一个真正能够把你的一份时间出售多份的一种产品目前已经有不少人仅仅通过小程序就实现财务自由了。比如微信上面的小游戏，有的一个月

教程各位战友，早上好。今天是第17课了，这节课是最后一个概念课，下节课就要开始做一个真实的项目了这节课我们要讲的概念是：事件什么是事件？顾名思义，事件就是发生了某事比如小明家着火了????，这就是个事件疫情爆发了，这也是个事件有人给你打电话，这也是个事件在小程序里有很多种事件，常见的事件就是，点击事件。比如用户点击了某个按钮，这就产生了一个事件。用户滑动了屏幕，这也是个事件。用户长按了某个区域，这也是个事件。用户正在输入东西，也是个事件。总而言之有很多种事件，最常用的是点击事件。我们为什么

教程战友们好，这节课我们讲作用域这个概念。这个概念有点像能力圈，能力圈是我们每个人的能力范围。在能力圈内我们干任何事情都比较容易，但是在能力圈外我们就没辙了。作用域的意思就是，在某个位置能够访问的变量集合。我画了个图作业参考答案...

教程战友们好，这节课我们学习一下：数据类型数据类型分两大类，一类是值类型，一类是引用数据类型。值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。引用数据类型：对象(Object)、数组(Array)、函数(Function)。值类型和引用类型有什么区别呢？比如我有一个钱包，钱包里面可以直接放钱，或者是放我的银行卡，如果是直接放钱的话，那么这些钱就是可以直接拿出来用的，但是银行卡却不能直接拿出来用，

教程各位战友好，今天是我们的第14课，这节课我们学一个新的数据类型：数组数组是什么东西呢？使用单独的变量名来存储一系列的值数组就像一个列表一样，比如下图比如这是我一天要做的几件事情：看报，读书，洗脸，刷牙，吃饭我们可以定义5个变量来存储这5件事情，但是我们如果有10件事情呢？或者100件事情呢？那我们是不是要定义10个变量，或者100个变量呢？这太麻烦了！我们想要把这些所有的事情存在一个变量里，这就需要用到数组，如果用数组来装这几件事如何装呢？我们先打开小程序开发工具，打开调试器，切

函数各位战友，早上好。这节课我们来学一个很重要的概念。叫做函数。函数是什么东西?函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块简单地说，函数就是一段代码块。如何定义函数函数声明function functionname(){ // 执行代码}函数表达式let functionname = function(){ // 执行代码}函数一般包含如下三部分函数的名称函数参数列表，包围在括号中并由逗号分隔定义函数的 JavaScript 语句，用大

教程之前我们学过字符串和数字类型，这节课我们学一个新的数据类型，叫做对象。对象是大多数编程语言都有的一个概念，比如python和java里面都有这个概念，当你学会了这个概念，结合学习Python，那么问题不大那什么是对象呢？Object refers to a data structure containing data and instructions for working with the data.大意是：对象是指包含数据和用于处理数据的指令的数据结构个...

各位战友，早上好。今天是我们的第11课，这节课我们要学习一个好玩且常用的东西。叫做逻辑运算符。逻辑运算符只有三种：&&，||，!，在数学里对应：与，或，非，英语里面对应：and,or,not为了简单地学习这个东西，我们打开小程序开发工具，新建一个项目。我们打开调试器找到console面板，sdf...

教程各位战友，早上好。不知不觉第十课了，上节课学了while循环，这节课我们要学习循环控制。什么是循环控制？就是可以终止循环语句，或者跳出某一步循环。比如我们在第8课做的一个365天存钱法累加器，这个小程序计算的是365天总共存的金额，但如果我们存完第300天的时候，我们就不想继续存了，那么我们总共存了多少钱呢？那我们是不是可以修改循环次数来实现这个功能呢？比如把循环次数从365次改成300次。这样做是可以的我们有没有其它办法，在不改变循环次数的情况下，在天数达到300天的时候就终止循环呢？

各位战友，早上好，今天是我们的第9课。这节课我们还是学习循环，不过这一次我们换一个语句来实现累加器。mixin有一个签到活动，从0.000 001BTC开始，每次签到都会比上一次增加0.000 001，我们计算一下，我们需要连续签到多少次，我们才能获得1BTC这个怎么计算呢？我们列个式子1 = 0.000 001 + 0.000 002 + 0.000 003 …我们不知道要加到什么数才能获得1BTC上节课我们学的for循环，我们是知道要算多少次，但是这一次我们根本不知道要循环多少次。而我们

教程各位战友，早上好，今天是我们的第8课，这节课我们要做一个：累加器有一种存钱方法叫做：365天存钱法也就是从第一天，存1元，第二天存2元…一年的最后一天存365元，如下图所示这样存下来有多少钱呢？1+2+3+4+5+…+365 = ？如果按照上面这样人工累加的话还是很复杂的，如果让计算机干这种事，那就很容易。话不多说，我们先来看看这个小程序，长什么样？这个小程序很简单，有一行提示文字，还有一个计算按钮，点击计算按钮就能算出365天存钱法能存的总数问题是，我们该怎么计算？我们可以使

教程各位战友，早上好，今天是我们的第7课，这节课我们要做一个：自动答疑小程序自动答疑的功能，我们经常都能看到，比如我们拨打10086，系统就会提示你，让你输入对应的数字获取对应的服务。腾讯客服把这一功能用到了极致，你可以看这张图片我随便抛出了一个关键字，然后腾讯客服就让我回复对应的数字，当我回复了一个数字，腾讯客服就自动回复对应的解决方案我们这节课也是要做一个类似的小程序，我们先来看看效果 自动答疑小程序演示