微信小程序
半路凉亭
一位程序老猿
展开
-
第一个微信小程序学习——天气查询
17年的时候学习过一个月小程序,但后来由于一直没有用到过,也忘的差不多了,而且这2年小程序也更新了不少新的功能,最近也打算把系统的一部分功能做到小程序上去,从这周开始重新学习,顺便把学习的内容记录下来,当作学习笔记吧。先简单的做个小程序——天气查询一、开发前准备开发工具、微信小程序的官方网站、官方文档,均可通过下面的网址获得。小程序官方文档地址:https://developer...原创 2019-08-08 13:42:09 · 1259 阅读 · 1 评论 -
微信小程序——定位
最近有客户提了一个需求,要求登陆考试系统的测评者记录下当时的位置。web形式的虽然可以通过IP来定位,但是IP太容易作假了,所以为了比较高的准确性,最后决定用微信小程序,虽然也有作假的可能,但比web形式要好一些。一、 准备工作 既然要定位,那么肯定需要找到跟地图相关的功能API,查找微信开发文档,因为我们这里只是需要记录地位功能,不需要打开地图,所以只使用wx.getLocatio...原创 2019-08-14 11:02:10 · 7507 阅读 · 0 评论 -
微信小程序——表单验证插件WxValidate的二次封装(二)
在上一篇博客《微信小程序——仿jqueryValidate表单验证插件WxValidate的二次封装》中,我将WxValidate做了再次封装,简化了初始规则数据的构造,但是当有错误时页面上的表现还是通过弹出框的形式,且只能弹出第一个错误,这种做法总体感觉还是不太友好的,没有看过效果的同学可以先看上一篇文章。今天抽空把错误呈现的方式重新修改了下,按照惯例,先看最终效果通过上面的效果可以...原创 2019-08-23 16:50:53 · 796 阅读 · 0 评论 -
页面布局的坑----解析px、rpx、rem、vw
px 绝对单位,页面按精确像素展示。PC端使用,不能自适应。rpx 微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。 微信小程序规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。由此也可以知道,不同尺寸...原创 2019-08-12 17:11:23 · 1606 阅读 · 0 评论 -
微信小程序——仿jqueryValidate表单验证插件WxValidate的二次封装
在做web开发时,表单验证插件我们前端用的是jqueryValidate,由于个人主要精力是在后台JAVA开发上,为了让插件与后台更好的结合和使用,通过JAVA的自定义组件将表单全部重新写了一边,同时把jqueryValidate做了再次封装,新增了一些新的常用判断,也修改了一些关键字。小程序同样也存在验证的问题,在网上搜索了一下,目前用的比较多的是WxValidate,下载地址和用法如下...原创 2019-08-22 14:40:32 · 927 阅读 · 0 评论 -
微信小程序——表单验证插件WxValidate的二次封装(终极版 demo下载)
微信小程序表单验证前面的两篇文章做的效果总感觉都有点不太友好,第一篇里的效果是将错误信息通过对话框形式弹出来,这种形式在web形式下早已经淘汰了;第二篇是一次性全部显示所有的错误,然后3秒后自动消失,这种在极端情况下也不太好,例如我例子里的一页的表单个数非常多的情况下,可能后面的还没看到就消失了。所以最近又重新做了一版,最终版的效果如下图:错误信息一次性全部显示,可以通过点击信息框让其消失,将...原创 2019-09-05 14:57:55 · 805 阅读 · 0 评论