微信小程序在哪找？微信小程序怎么找 ？

找微信小程序的 *** 作方法如下：

1、在手机 *** 作界面找到微信，如下图箭头所示，点击打开。

/iknow-pic.cdn.bcebos.com/ac345982b2b7d0a28bf2edc7c6ef76094b369ab5"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/ac345982b2b7d0a28bf2edc7c6ef76094b369ab5?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/ac345982b2b7d0a28bf2edc7c6ef76094b369ab5"/>

2、在微信界面找到发现点击打开，如下图所示。

/iknow-pic.cdn.bcebos.com/eac4b74543a98226d9cac27d8782b9014a90eb65"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/eac4b74543a98226d9cac27d8782b9014a90eb65?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/eac4b74543a98226d9cac27d8782b9014a90eb65"/>

3、在打开发现后，在最下面可以看到小程序，如下图所示。

/iknow-pic.cdn.bcebos.com/fcfaaf51f3deb48f26984f84fd1f3a292cf578f3"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/fcfaaf51f3deb48f26984f84fd1f3a292cf578f3?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/fcfaaf51f3deb48f26984f84fd1f3a292cf578f3"/>

4、在小程序里可以看到更多的小程序，如下图红色方框所示。

/iknow-pic.cdn.bcebos.com/83025aafa40f4bfbf11a700e0e4f78f0f63618a5"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/83025aafa40f4bfbf11a700e0e4f78f0f63618a5?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/83025aafa40f4bfbf11a700e0e4f78f0f63618a5"/>

5、还有在微信主界面最上端向下滑动，箭头所示，可以直接找到小程序的。

/iknow-pic.cdn.bcebos.com/060828381f30e92489f0746b41086e061d95f710"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/060828381f30e92489f0746b41086e061d95f710?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/060828381f30e92489f0746b41086e061d95f710"/>

在浏览器端开发时，经常会有这种情况：单击某个元素，让其高亮显示，例如下图

这个用 js 很容易实现， 因为单击事件触发时，函数传入的 event 事件包含 target 对象，里面会有触发事件的 DOM 元素，我们只需要 *** 作这个 DOM 元素，为其添加 class 名就好了。

而在微信小程序开发时，由于其类似于 vue 不建议直接 *** 作 DOM （两者都有API可以做到），事件触发的时候同样会有默认参数传入， 但是无法直接取到 DOM 节点本身，而是包含挂载的一些数据，和点击部位的坐标信息等，具体参阅官方文档 《事件·小程序》 ， this 也总是指向 Page ，所以我们就需要 通过数据间接 *** 纵 DOM 来实现。

例如我遇到的问题是，我想做一个月历，当你选中某一天的时候，那一天高亮显示。

由于自己在做这一块时遇到了很多这方面的困惑，所以我在网上看了一些解决方案，下面列举一种在 CSDN 上看到的方案 ：

这个方法绑定了一个动态的 class 名，用一个变量 _num 可以做到切换 class 的作用，当点击元素时，js 获取到节点上 data-num 上的值，这里将值赋给变量 _num ，相应的由于是数据驱动，节点上的 class 名经过计算变化为 cur ，其他的同理。

在没有搞清这个方法前，我制作月历是使用的条件渲染。具体做法是，每个日期节点准备两个 DOM 元素，一个带有 class="selected" ，一个没有， 经过列表渲染之后每个单位实际上存在两个逻辑上的元素，这个时候通过点击改变 Page 中 data 里面的 selectedDate 和 selectedDate ，进一步控制 wx:if 的条件来实现元素的渲染与否。

点击事件发生时，获取节点中的 data-month 和 data-date 值， 并赋给 selectedDate 和 selectedDate

由于每个月都有某些日期， 所以加个月份限制 ，这里我设置了只做从这个月到未来6个月的月历，所以不需要加年份限制。

深知这个方案问题很大，是这一类的MVVM框架因的条件渲染切换消耗较大，微信小程序开发文档中介绍了 wx:if 相关 ：

当用户点击某个日期的时候会重新渲染整个 DOM ，所以这个方案并不好。

搞懂前面的逻辑，再来看这个方案就会很明白了。

制作微信小程序可以使用网站一键生成方式，进入凡客网了解相应文件功能后进行编辑即可完成。具体内容如下：

1、一键生成小程序比较简单，例如百度进入凡科网。

/iknow-pic.cdn.bcebos.com/37d12f2eb9389b506a5c852d8a35e5dde7116e29"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/37d12f2eb9389b506a5c852d8a35e5dde7116e29?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/37d12f2eb9389b506a5c852d8a35e5dde7116e29"/>

2、选择“轻站小程序”，选择要制作的类型，点击“创建”。

/iknow-pic.cdn.bcebos.com/dc54564e9258d109f561cccdde58ccbf6d814dca"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/dc54564e9258d109f561cccdde58ccbf6d814dca?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/dc54564e9258d109f561cccdde58ccbf6d814dca"/>

3、进行文字图片和板块位置等的修改，保存后审核发布即可。

/iknow-pic.cdn.bcebos.com/0b55b319ebc4b745dd72d269c0fc1e178b8215ee"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/0b55b319ebc4b745dd72d269c0fc1e178b8215ee?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/0b55b319ebc4b745dd72d269c0fc1e178b8215ee"/>

4、总结如下。

/iknow-pic.cdn.bcebos.com/fc1f4134970a304e72edc585dec8a786c8175c85"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/fc1f4134970a304e72edc585dec8a786c8175c85?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/fc1f4134970a304e72edc585dec8a786c8175c85"/>

注意事项：

1.小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。

2.小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更换名称进行设置。

3.小程序名称在账号信息设置时完成,请谨慎设置,一旦设置暂不支持修改。

4.更换名称进行设置。如果企业商标,组织名称等名称被侵权,可通过公众平台侵权投诉流程发起投诉。

5.个人开发者无法申请微信小程序目前微信仅支持企业、政府、媒体、其他组织申请。

---