个人怎么做微信小程序 第1篇
我们所需的基础知识已经介绍完啦，下面正式做备忘录！
先把你的wxml代码删掉，把下面这段代码粘贴进你的wxml里，编译，先看看结果，再解释
结果应该长这样，add按键左边是输入框，因为还没有css定义它的长度和边框，所以看不见。从代码可以看出总共就三个大的view标签，其实功能上只有两个，下面两个组成一个条件渲染块。
第一个view标签里面包了一个 标签（格式定义为输入文本，绑定了一个input的事件，命名为 handleInput，就是输入框内容一旦变化就会触发，最后的value是定义初始化时输入框的内容）和一个
我们看到一个前面介绍过的 for 循环遍历datalist，并把里面每个数据都标上key，就是wx:key=“index” 这句代码，方便之后对单独地数据进行操作（删除），当然为了在css中定义它的样式让它更好看点，给它定义一个class。
再往里看，就是遍历出的每个数据，先以text标签装着数据，再在它后面跟上一个delete按键，在按键中，绑定了一个按键事件 handleDelete ，data-myid=_{{index}} 用于给每个按键都带上一个id，跟前面让数据带上key是一样的道理，为了区别出每一个按键。
若datalist里面没数据，就会在页面显示“空空如也” 哈哈哈
同上，把wxss里面代码删掉，将下面的代码粘贴进去。
加了wxss渲染页面后，整个页面看起来就符合标准了。代码其实大家看着应该就能懂，我再啰嗦几句。
input标签，border定义它的边框，厚1px（px是像素的意思，就是1个像素的厚度），height就是输入框的高度，border-radius定义了边框的圆角。
输入框加add按键我们希望它们并排在第一行，所以对它们整体所定义的box类就可以，flex-direction: row; 就是让他们排成一行，以flex为单位会自动拉伸，很方便。
对list类的定义同理啦。
当然各位也可以再加上点颜色或调一下大小。
整个页面有了，下面加入灵魂！JavaScript。 将下面代码的粘贴进去js的Page里，注意，三个事件函数跟在data的后面，整体在Page里面，别把Page删了…
编译一下康康，整个备忘录搞定啦！将备忘事件输入输入框，按add，事件会被添加进入，然后按delete会删除对应的事件。
handleInput函数：定义为只要输入框内容变化，就把当时的值存进mytext变量，所以一顿操作后，mytext存储最后确定的备忘事件，然后等着add函数把它取出来。（evt是调用的参数，可以理解为当前页面）
handleAdd函数：先用把mytext的值打印出来看一看对不对，然后我们用到前面介绍的改变量的值方法，setData，将mytext的值（备忘事件）加入datalist数组里，但人家数组里面正常还有别的数据呀，怎么在后面加进去呢？[…]， 前面那三个点很重要，就是说不管datalist前面有多少值，我只在它后面插入一个mytext，同时将mytext变量清空，等待下一个备忘事件输入。 所以一按下add键，datalist就会多一个数据，所以wxml中循环遍历数组时就会多生成一个view标签和delete按键，在页面实时显示出来。（页面一直处于刷新状态，不是按下了按键才刷新）
handleDelete函数：先将按下的delete键对应的id打印出来康康。下面来个高端操作，将数组中对应id的值删掉，同时后面的值往前移一位，一行代码搞定，(, 1)， 再将这个变化了的datalist保存，ok！
至此，这个备忘录讲完啦，这是作为小程序入门比较高效的小项目，如果想快速体验效果，、wxml、wxss、js 文件的源码上面已经给出，粘贴进去就可以。 其实小程序的开发已经有很多很多的模板，比如商场、点餐等，改改数据就行，官方的开放文档也很全，但还是要多动手。 之后可能会出更多有趣项目的教学，如果想看其他计算机和电子的学习内容欢迎来我主页逛逛呀哈哈。
个人怎么做微信小程序 第2篇
在pages目录下新建文件夹，命名为demo demo文件夹下新建页，命名也是demo，回车 直接自动生成 js、json、wxml和wxss 四个基本文件，方便得不行！ 有个更绝的方法，进入，在pages里加入一个页面的地址，直接生成改名称的文件夹并包含四个基本文件。 将pages/demo/demo往上移到第一位，再按一下编译，发现小程序一开始进入的页面就变成了我们新建的demo页，因为我们还没加代码，所以只显示了一条默认的地址，下面开搞！
我们可以看到里面的window代码如下 把它改为
编译，发现上方显示栏变了，#f60是橙色
打开文件，会发现只有一条
data中放的就是初始化的数据，试一下放上上面的数据，在wxml中：
试一下在wxml跑下面的代码：
结果如下，它能把data中定义的datalist数组中所有数据打印出（动态数组遍历），我们的备忘录需要用到这个功能！
每个标签都可以定义一个class，如
这时这个hello就可以在css文件里定义样式！ 打开wxss，
发现hello变成了 也可以直接对view进行定义，这样所以的view标签都会被统一定义，class就会更灵活一点。
注意！定义class的样式需要前面加个小数点 . ，直接对标签操作则不需要。
个人怎么做微信小程序 第3篇
小程序账号注册 ，在这个网页注册好自己的账号后，进入 小程序后台 ，查看并记录自己的AppID，有了这个你的小程序才能上线！在这里你可以管理你的小程序的权限，如查看数据报表，发布小程序等。
微信开发者工具就是开发小程序的IDE，当然也可以用VsCode，看个人习惯，新手用开发者工具没毛病。 进入下面网页按电脑配置下载相应安装包就行啦。 开发者工具下载 我们打开微信开发者工具 起一个项目名，选一个目录，不使用云服务，模板选JavaScript-基础模板，ok！
个人怎么做微信小程序 第4篇
其实不是所有的逻辑都必须在js中定义，简单的条件判断，如 if else， 可以在wxml中定义。 先在js文件的data中加入
然后在wxml中，加入
编译，会发现 条件渲染if 被打印出，如果data中把 isCreated 改成 false，则 条件渲染else 被打印出，这就是条件渲染，选择性地显示内容。
就是按一下按键后触发的功能，我们叫为触发事件。我们先来创建一个按键，在wxml使用
type定义按键的大小，primary是正常，mini是迷你。bindtap=“handleTap” 把按键绑定到了一个叫 handleTap 触发事件，这个事件需要到js文件定义。 在js中，接着data，新建一个函数 handleTap
点一下编译，按一下按键，发现终端打印出了click！点一下就打印一下，说明我们的事件触发功能成功！ 进阶一下，如果想要按一下就改变前面定义的mytext和isCreated变量，怎么办？easy：
需要注意，小程序里改变量的值必须得这么搞，直接mytext：。。。会报错。