前言：form作为数据提交的重要控件，历来在前端设计中非常重要。微信给出了完整的form的例子。参考了一些微信设计的书籍，大多数都是copy 粘贴了例子的东西...。其实微信的例子给的比较充分了：源码连接：wechatide://minicode/6db9lcmu6VYt https://developers.weixin.qq.com/miniprogram/dev/component
业务需求：微信小程序提交表单的时候必填的项要提示，还要电话要校验首页，先搞一个校验的公共方法validate.js/**
* 表单验证
*
* @param {Object} rules 验证字段的规则
* @param {Object} messages 验证字段的提示信息
*
*/
class WxValidate {
constructor(rules = {}, m
官方手册：实例走一波 >>>form.wxml
<!--pages/form/form.wxml-->
<text>pages/form/form.wxml</text>
<view class="viewTitle">
<text class="view-Name">form表单</text>
<
表单验证是javascript中的高级选项之一。JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 [1]被 JavaScript 验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？用户是否在数据域(numeric field) 中输入了文本？用大白话说 可以举例类
技术要求1.对微信小程序原生开发文档熟悉2.对前端mvvm有一定的了解3.会nodejs npm 进行前端组件化开发框架特点框架的产生必然是解决开发中的痛点，wepy解决了什么问题？ 主要是对原生的开发进行了简化。原生开发中每一个页面要对应四种文件， 而且交互、 数据绑定都十分繁琐 。wepy借鉴了vue的思想 ， 实现了组件化，以组件代替模板和模块， 结构更清晰。同时数据的绑定，api都进行
刚接触小程序，页面跳转一般是最先遇到的一种需求之一。 对于小程序中的跳转，官方文档给出了几种 api 来根据不同场景，实现业务需求。这是针对 wx.navigateTo 来写的一片文章。 微信小程序官方api文档给出的wx.navigateTo方法是通过拼接url的方式进行参数传递。造成参数传递很不方便（个人感觉不习惯）。wx.navigateTo(OBJECT)保留当前页面，
背景：最近在做项目的时候遇到一个问题，那就是微信的官方表单组件的可扩展性不强，无法达到设计稿所要求的效果，所以想到了用自定义组件的方法自定义一个表单组件。（自定义组件其实往往用在需要复用的地方，比如每个页面都有一样的头部和底部，那么我们就可以把它们封装到自定义组件中，这样就不用每个页面都复制粘贴一样的一堆代码了）开始：下面以自定义radio组件为例：官方radio的样式只能修改color(当然要修
文章目录前言一、自带图标二、实现图标的五种方案1.图片2.精灵图3.CSS绘图4.矢量字体4.1 使用步骤5.SVG格式 前言在小程序中经常会用到各种各样的图标，如果这些图标都使用图片的话，将会大大增加小程序打包后的体积，而小程序限制代码最大2MB，分包加载4MB，所以为了缩小体积，我们可以使用图标来缩小体积。使用图标有两种方式：自带图标外部图标（图片、精灵图、CSS绘图、矢量字体、SVG格式）
提示：每一步都有涵盖，没有的话本鹅每天下楼必坐不上电梯！前言 更新微信小程序并不困难，但是对于第一次实施更新的朋友且没有人指导的情况下，还是有些许慌张，本鹅第一次更新小程序的时候，很担心某个环节给人家整崩，那本鹅特意出此巨细文章，以便各位朋友借鉴。话不多说，直接上图！1、微信开发者工具右上角点击“上传”，
Typescript的优势咱不需要赘述太多，有兴趣可以参考（https://www.typescriptlang.org/）。今天给大家分享一下如何在微信小程序（或者其他同类小程序）开发中使用Typescript。这个分两种情况，最简单的做法就是在创建项目时，选择Typescript这个选项，如下图所示。但要注意，这个选项只有在选择"Use no cloud service"才有，而另外一种Min
转载
2021-01-18 16:32:13
350阅读
2评论
一、前言WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。二、下载
点击链接进入 GitHub ，进入下面的页面，点击 Code 选择方式进行下载。 下载好打开应该是这个
注册这些事,在API上说的都很详细了,相信大家也都看的懂,这个我就直接贴上来了..下面是微信小程序的API地址https://developers.weixin.qq.com/miniprogram/dev/api/开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。跟随这个教程，开始你的小程序之旅吧！申请帐号点击 https://mp.weixin.qq.
微信小程序中有大量接口是异步调用，都是使用一个对象作为参数，以回调的形式来处理业务。很伤，真的很伤，能用 async/await 就好了
原创
精选
2020-03-10 11:45:47
4341阅读
点赞
1评论
在微信小程序开发中使用Typescript
Typescript的优势咱不需要赘述太多，有兴趣可以参考（https://www.typescriptlang.org/）。今天给大家分享一下如何在微信小程序（或者其他同类小程序）开发中使用Typescript。这个分两种情况，最简单的做法就是在创建项目时，选择Typescript这个选项，如下图所示。但要注意，这个选
转载
2021-05-09 22:23:57
293阅读
2评论
Typescript的优势咱不需要赘述太多，有兴趣可以参考（https://www.typescriptlang.org/）。今天给大家分享一下如何在微信小程序（或者其他同类小程序）开发中使用Typescript。
这个分两种情况，最简单的做法就是在创建项目时，选择Typescript这个选项，如下图所示。但要注意，这个选项只有在选择"Use no cloud service"才有，而另外一种Mi
原创
2021-08-11 11:03:14
1217阅读
在微信小程序中使用 async/await 微信小程序中有大量接口是异步调
原创
2022-06-20 22:47:10
2800阅读
前言有位朋友在后台留言建议，说公众号AspNetCore更新频率有点低，不一定是原创，转发优质文章也是极好的。这个建议好。精力不够这种老生常谈的话就不说了，说了大家也不愿意听。实际上是本人的写作水平真的不咋样，然后还想把自己了解的知识点写得系统一点。Bing同一个问题，有的人用这种方法解决掉了，有的人用那种方法也解决了，偏偏在自己这就不行。其真正的原因，是这些文章大都是局限于某一个点，并不是系统性
微信作为一款国民级应用衣食住行样样精通今年来，微信的大小动作不断在手机移动端频频更新微信小商店、微信群直播、群接龙……每个新功能，个个都是惊喜！ 微信当然不止在移动端发力同时也开始向PC端发起进攻近日，微信PC端3.0内测版发布 用户可在通讯录批量管理联系人对朋友权限、标签，都可进行批量管理此外，还有一个重磅更新小程序可以添加到电脑桌面使用了！有人说，微信更新的这个功能是意
1.只显示用户头像和名称（简化代码）<!-- 如果只是展示用户头像昵称，可以使用 <open-data /> 组件 -->
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>使用实例wxml<op
在做web开发时，表单验证插件我们前端用的是jqueryValidate，由于个人主要精力是在后台JAVA开发上，为了让插件与后台更好的结合和使用，通过JAVA的自定义组件将表单全部重新写了一边，同时把jqueryValidate做了再次封装，新增了一些新的常用判断，也修改了一些关键字。小程序同样也存在验证的问题，在网上搜索了一下，目前用的比较多的是WxValidate，下载地址和用法如下gith
转载
2023-07-31 17:32:55
587阅读
