微信小程序
以实际项目开发为依据,记录微信小程序开发过程中各类问题的解决方案,总结微信小程序的制作经验,把更加实用、更加高效的方法传播给每一位前端从业人员。
小海前端
常年工作在Web开发教育领域的一线教师。
展开
-
微信小程序页面与web-view页面之间的跳转
文章目录前言一、web-view组件的使用二、web-view页面跳转回小程序页面1、在H5页面引入JSSDK2、为需要跳转至小程序页面的元素绑定事件总结关于作者前言微信小程序允许将外部的H5页面在整个小程序页面中展示出来,该功能使用的是web-view组件。该组件的技术文档如下所示。https://developers.weixin.qq.com/miniprogram/dev/component/web-view.htmlweb-view组件的本质是使用浮动框架标记对 iframe来对sr原创 2020-12-10 17:24:59 · 5650 阅读 · 0 评论 -
微信小程序中的表单验证机制
文章目录前言一、WxValidate类的构造函数1、参数rules2、参数messages3、创建WxValidate类的实例二、WxValidate的内置校验规则三、WxValidate的表单验证方法四、WxValidate类在小程序页面中的部署总结关于作者前言微信小程序中的表单要进行验证,可以使用第三方插件:WxValidate.js。该插件约有12.8KB左右,采用ES6中class类的方式进行编写,所定义的类名为WxValidate,并最终将该类导出。本文将详细讲解WxValidate.js插原创 2020-12-09 21:38:20 · 2881 阅读 · 0 评论 -
如何操作小程序页面中data数据区中的数据
文章目录前言一、输出数据区中的数据:二、修改数据区中的数据:1、修改数据区中的基本数据类型数据:2、修改数据区中的数组数据:3、修改数据区中的数组元素:4、修改数据区中的对象成员:5、修改数据区中JSON数组中的成员:6、结合循环变量修改JSON数组:总结前言在微信小程序中,每一个页面都有一个独立的js文件,用来实现该页面的业务逻辑。这个js文件通常采用Page()方法来对页面进行注册。其中系统为页面设置了一个名为data的区域,用来存储页面的初始数据,我们将其称为小程序页面的数据区。小程序页面的原创 2020-12-02 17:11:13 · 10075 阅读 · 1 评论