微信小程序怎么开发 微信小程序开发教程分享

业务需求，需要在公众号内增加打开小程序的入口，简单看了官方文档：

①需要jssdk更新到新版本160

②需要在签名时声明使用jssdk的 wx-open-launch-weapp

③页面内使用时正常调用微信签名

④页面内添加对应的dom结构，并完善样式。

需要注意的是样式，默认是没有任何样式的，甚至还有html的默认样式，需要在样式中添加 padding:0;margin: 0;

js签名部分

html

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

这个用 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、支持的前端开发语言有：

前端主要是用WXML、WXSS以及JavaScript来开发。本质上就是JS+CSS+HTML5，不过不能直接用HTML标签，微信提供一个组件库，没有DOM和其他浏览器上的API；网络、Canvas等也重新包装过。APP开发的真正报价

2、支持的后端开发语言有：

其实理论上后端用什么语言都可以，只要能够从服务器上获取到数据，例如：PHP、Java或者Python来开发。一般对于企业而言，都是采用php程序开发微信小程序；技术要求高一点的可以采用java程序开发。

想要了解更多有关APP开发的相关信息，推荐咨询猪八戒网。猪八戒网有千万服务商为企业、公共机构和个人提供定制化的解决方案，将创意、智慧、技能转化为商业价值和社会价值。2011年猪八戒网获得IDG投资并被评选为中国2011年度“最佳商业模式十强”企业；专业性值的信赖。

以上就是关于微信小程序怎么开发 微信小程序开发教程分享全部的内容，包括:微信小程序怎么开发 微信小程序开发教程分享、微信小程序实现全局搜索代码高亮、公众号内打开微信小程序等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！