简介学生在规定的地点范围内进行人脸识别打卡小程序，也可以进行请假，教师在小程序端发布要上的课程以及定位教室和指定范围内可以打卡。同时还展示学生的考勤信息。...演示视频：小程序学生和老师https://www.bilibili.com/video/BV1bd4y1g7bh/?...人脸识别与采集+定位角色：管理员+教师+学生功能：学生（微信小程序）1 考勤：根据课程名称和日期查询2 打卡：自动定位，实时刷新学生的位置，学生需要在课前的前20分钟内进入教师规定的范围，此时，小程序自动弹出人脸识别的摄像头自动匹配识别...，程序自动判断是否是本人打卡和是否迟到，避免有人替代打卡和在其他地方打卡以及提前打卡糊弄，未打卡（除请假外）系统将根据课程结束时间自动判断为旷课；3 个人中心4 修改密码5 请假申请6 查看我的请假申请...（待审核、审核通过、不通过）7 登录8 退出账号教师（微信小程序）1 发布上课课程信息，定位需要打卡的地点（经纬度）和打卡范围2 课程考勤：根据课程名称和日期查询，可以删除，编辑；3 发布考勤：发布后学生端可以看到自己需要打卡的课程信息
序言 今天给大家分享下小程序如何获取用户的城市定位。基本每个生活服务的应用都有这种类似场景，通过用户的当前位置，就可以实现周边的路线、美食等场景，典型的例子有高德地图中的导航、饿了么的定位等。...那小程序怎么实现获取用户的城市定位呢，这就得看看如何运用百度API与小程序的API来实现这一功能。 小程序的API wx.getLocation 获取用户的地理位置、速度。...参考api，里面的参数type来获取坐标；altitude是否获取经纬度；以及回调函数的使用等。返回值比较详细些，经度、纬度、速度以及高度等等。...这里的应用类型应该输入微信小程序，而且APPID也应该是微信公众号后台的开发者ID，相当于白名单。提交之后，也就能看到自己申请的Token信息。 ?...结语 通过对小程序地图API与百度地图API的掌握，可以很轻松地实现地图定位功能，结合这篇文章我们也可以拓展实现类似微信朋友圈的地理信息定位等功能。
web形式的虽然可以通过IP来定位，但是IP太容易作假了，所以为了比较高的准确性，最后决定用微信小程序，虽然也有作假的可能，但比web形式要好一些。...查看这个方法后，发现微信只是提供了定位的经纬度，居然没有提供地点的中文名称， 我们要保存地址，肯定不能只是保存经纬度，这个一般没人能看的懂吧，而坑爹的是，找了一通，我也没发现微信小程序有提供这个功能。...在网上搜索了下，百度地图和高德地图由当前经纬度获取地点的API功能。考虑到上次天气预报小程序用的是高德，这次还是用高德的功能吧。...使用的方式一样，要在高德开放平台建一个定位的应用，步数很简单，第一步类型里选择“导航”，第二步平台项选择“微信小程序”即可，创建好后，会得到一个应用的key。...如果把上面代码中的注释部分打开，小程序编译后显示的就是当前的地图。从地图上看，定位是不准确的，原因我没去查，我猜测就是因为通过IP去定位的，所以导致有出入，如果是在手机上查看，定位就是准确的。
问题描述 很多小程序都是由一个网页或者软件简化而来的，那么网页有的东西小程序也要有。为了让开发小程序的时候可以简单快速我们会用数据接口的方式将网页上的数据爬取下来同步到小程序上。...那如何才能将网页上的数据搬到小程序上面呢？ 我们在做小程序开发的时候会发现不同的手机对应的分辨率不一样，如果直接调屏幕就会很麻烦，那么如何直接设置小程序让它适用于所有的手机屏呢？...解决方案 数据同步接口时需要找一个没有加密的网站，使用微信开发中的数据同步接口来定义获取后台的数据，再用js连接到微信小程序上。需要用到很多的专有标签。...调屏就是让你所做的小程序可以在任何大小的手机上正常显示。...在调屏幕的时候要在wxml中所需调屏的内容中调用。
1.获取当前系统日期和时间 在小程序中，新建项目时，就会有一个utils.js文件，就是获取日期和时间的，代码如下： utils.js： function formatTime(date) {.../utils/util.js'); Page({ data: { }, onLoad: function () { // 调用函数时，传入new Date()参数，返回值是日期和时间...// 再通过setData更改Page()里面的data，动态更新页面的数据 this.setData({ time: time }); } }) 最后显示时间...1488481383; console.log(time.formatTime(sjc,'Y/M/D h:m:s')); console.log(time.formatTime(sjc, 'h:m')); 2.获取时间戳...new Date('2018-09-03 15:46:13').getTime() 这个打印结果应该是时间戳，但是部分机型会返回 undefined 或者 Invalid date； 解决方法： console.log
微信小程序 - 相对定位和绝对定位 相对定位relative，绝对定位absolute 相对定位：元素是相对自身进行定位，参照物是自己. 绝对定位：元素是相对离它最近的一个父级元素进行定位....相对定位：relative position:relative; /*相对定位*/ left:50rpx; /*相对于自己往右偏离50*/ top:50rpx; /*相对于自己往下偏离...50*/ 绝对定位：absolute position: absolute; left: 50rpx; top: 50rpx; 效果: ?...Attendance-early.png' style="display: {{none}};"> {{zao}} position【定位属性...：static，relative，absolute，fixed，inherit，-ms-page，initial，unset】 相对路径和绝对路径 绝对路径: 以“/”开头代表根目录 相对路径:
需求：获取系统当前年月日和时分秒，并且显示在界面。如下图所示： ? 其实方法很简单，小程序API里面也有一定的介绍。...1:准备好要获取时间的.js文件中加载util.js文件，文件目录中有默认的代码 ?.../utils/util.js'); Page({ data: { }, onLoad: function () { // 调用函数时，传入new Date()参数，返回值是日期和时间...110rpx; margin-bottom:4rpx; text-align: center; background: #f4932a; color: #ffffff; } 注意：本篇写的是小程序获取当前时间点和日期的方法...，不是时间计时器，如果想看小程序时间计时或者类似于淘宝倒计时秒杀，请关注下一篇。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。...类型有普通选择器 、 多列选择器 、 时间选择器 、日期选择器 、 省市区选择器。 没有现成的时间和日期合并在一起的，从demo里面可以看到 可以用多列选择器来实现。...bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> <input value='{{time}}' placeholder='选择<em>时间</em>...: function() { //设置默认的年份 this.setData({ choose_year: this.data.multiArray[0][0] }) }, //获取<em>时间</em>日期
作为微信小程序的开发者,在开发前要充分理解小程序的特征，并利用其特征。 在适当的情况下设计和开发程序，需要根据不同的环境和场景进行适应性和正确的开发工作。...对于用户来说，微信小程序的最大特点是不需要下载和安装，也不用担心安装很多应用程序，可以直接使用。...因为 HTML 加载需要不少的时间，终端用户在使用中出现了加载缓慢、进入白屏等问题，同时每次返回后之前的页面就需要被重新加载，大大降低了用户的使用体验，所以微信小程序没有采用原生 HTML 的技术。...在这个应用需要完成什么目标，实现怎么样的需求，就靠我们去开发实现了。 小程序有着独立的管理后台，开发者可以在后台中查询小程序的相关数据，也可以对小程序进行配置，如下图所示。...微信正在不断更新迭代小程序，尝试开放更多的功能，小程序的功能和定位不断更迭，未来小程序可能无法完全取代App，但其潜力也绝不能低估。
写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张生命周期图对比下： vue生命周期 ? 小程序生命周期 ?...控制元素的显示和隐藏 小程序中，使用wx-if和hidden控制元素的显示和隐藏 五、事件处理 vue：使用v-on:event绑定事件，或者使用@event绑定事件,例如: <button v-on...和小程序一比较，vue的v-model简直爽的不要不要的。 2.取值 vue中，通过this.reason取值 小程序中，通过this.data.reason取值 ?...在小程序中 父组件向子组件通信和vue类似，但是小程序没有通过v-bind，而是直接将值赋值给一个变量，如下： 此处，...---- 本文介绍了vue和微信小程序的区别 如果大家有任何疑问即可留言反馈，会在第一时间回复反馈，谢谢大家！ 本人使用GSAP框架搭建的个人网站也上线啦！
一，通过callback回调。 先看下代码，然后我再具体给大家讲解下原理。 app.js里定义如下方法 ? 然后再index.js 里这么使用 ?...而这个参数和普通参数唯一不同的地方，就是这个参数是个function方法 ? 我们上图的callback参数，其实就是下图 function(result){} ?...把function方法作为一个参数传递进去的目的，就是为了下面的回调。 ? 我们这个callBack参数，可以在请求数据成功或者失败的时候作为一个方法调用。这样就可以把请求到的数据，回传回去了。...怎么实现的呢 1，在app.js里把数据请求封装到promise里，然后把promise返回到我们的首页index.js里 2，在首页里使用这个promise 实现数据的获取和使用。...好了，到这里我们两种不同页面的异步回调就给大家讲完了。
为了更高效地开发，开发者需要对小程序官方开发组件接口文档深入研究，对所有的开发组件和 API 了如指掌并加以实践，清晰地了解你的产品可采用的官方小程序组件和接口能力，并思考如何更好地将小程序能力与你的小程序相结合...作为一个独立开发者，能力和时间都有限，我更多是依靠他人的力量来运营推广产品。 这里的「他人」是活跃在「小打卡」上的用户，包括社群 Leader、产品经理、运营达人以及媒体工作者等等。...2 月 14 日，我在各个小程序商店提交发布「小打卡」，在获得知晓程序 · 周榜第 4 期时间效率类的 Top 6 后，新用户开始平稳增长。...再后来，我将「小打卡」开发过程中所用到的工具和开发心得，总结到博客文章，并得到知晓程序（微信号 zxcx0101）、CSDN 等知名媒体投稿推送后，新用户持续激增。...从春节的假期构思产品开始，在周末时间和早起晚睡的业余时间，独立开发运营「小打卡」，转眼便到了 6 月。
WXS（WeiXin Script）是小程序的一套脚本语言，wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。...最近在做一个列表的时候，涉及到时间格式化操作。就遇到了这个问题，以前写好了的格式化工具函数直接拷贝到小程序项目的wxs文件中，函数不能正常执行。...正确的方式为var reg = getRegExp("-", "g"); 获取当前时间不能通过new Date()获取，而是通过getDate方法获取。...getDate('2018/12/12')可以获取对应日期的date类型的时间。...v : ("00" + v).substring(("" + v).length)); } } return format; } 把格式化的日期时间字符串转换成时间戳 function
在微信小程序中使用内置接口获取用户坐标，代码放在app.js里： App({ getLocation: function () { var that = this wx.getLocation...关于坐标系的拓展知识，我看了这篇文章http://blog.sina.com.cn/s/blog_80a9926b0101ktoa.html 项目中，我一开始用百度坐标工具获取了自家小区正门坐标，结果在微信小程序里这个坐标变成的是小区后门之外...微信小程序开发，还是用腾讯自家地图比较好。另外，高德地图和腾讯地图坐标也是通用的。...-1)/2/c; h2 = (3*r +1)/2/s; return d*(1 + fl*(h1*sf*(1-sg) - h2*(1-sf)*sg)); } 此外还踩到一个坑，在小程序开发工具中没有表现出来...，在真机调试才发现，地图marker的坐标如果想通过JS修改，光修改绑定坐标数据是无效的，必须通过小程序的地图组件控制接口wx.createMapContext，用translateMarker方法修改标记坐标才行
一,异步问题 所谓异步：就是我们请求数据库的数据时，由于网速等各方面原因，数据返回的时间不确定，而我们要使用这些数据，就要等数据返回成功后才可以使用，否则就会报错。...注意事项 我们在小程序里使用async和await时，一定是成对的。 async放在函数名前面，await放在数据请求前面。...type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpdXNoaV8xOTkw,size_16,color_FFFFFF,t_70] 现在最新版本的小程序开发者工具好像已经支持...这就是回调地狱。 3-2,回调地狱代码 单纯的给你讲，你可能体会不到回调地狱的坏处。那么我用代码实现下我们上面的需求。...后面代码会变得越来越乱，为了避免回调地狱，我们也可以使用async和await来改造代码。
一,异步问题 所谓异步：就是我们请求数据库的数据时，由于网速等各方面原因，数据返回的时间不确定，而我们要使用这些数据，就要等数据返回成功后才可以使用，否则就会报错。 1-1，问题描述 如下： ?...这样就能解决异步的问题，但是如果我们有很多地方要使用请求成功的数据，该怎么办呢，总不能把所有的代码都写在数据请求成功里吧。这个时候就要借助async和await来解决这个问题了。...注意事项 我们在小程序里使用async和await时，一定是成对的。 async放在函数名前面，await放在数据请求前面。 ? 并且也要勾选一下：增强编译 ?...现在最新版本的小程序开发者工具好像已经支持async和await方法了，好像不勾选增强编译也没事。但是安全起见，还是勾选下增强编译比较好。...后面代码会变得越来越乱，为了避免回调地狱，我们也可以使用async和await来改造代码。 四，async结合await解决回调地狱 首先看下改造后的代码 ?
有上面的源数据，接下来我们就看具体的实现 首先是wxml文件 其实很简单，就是一个大的列表用来显示地区，大列表里面又有一个小的列表用来显示学校。 <!...列表功能实现和本地json数据解析： https://www.kancloud.cn/java-qiushi/xiaochengxu/767304 ?...到这里我们的地区列表就轻松的实现了，再来看下时间轴列表的实现 小程序时间轴列表实现 ?...25日", "title": "北京京东专场招聘", "content": "招聘岗位：管培生，总裁助理，总经理" }] } 可以看到我们是顶部的学校信息，和底部的...newsList组成,newsList就是我们时间轴的具体数据源。
小程序体验师：刘润纪 那是一个雨天的下午，一名 15 岁的洛杉矶少年，在一张黄色便条上写下了 My Life List（生命清单），列出了他人生的 127 个目标。...同样，Facebook 创始人扎克伯格，每年都会为自己订了个「小目标」，比如走遍美国 50 个州，学会中文。 列一个清单，制定一个目标，看似很简单，却可以帮我们充分利用时间，与时间做朋友。...本期，「知晓程序」就推荐 5 款清单类小程序，每天要做出一点小改变，就从列清单开始。 1. 朝夕日历 Pro 界面 ☆☆☆☆ 功能 ☆☆☆☆☆ ?...「朝夕日历 Pro」的主界面为一个日程表，你不仅可以在上面像看普通日历一样，查看各个月的节假日日期，还能看到已经设置好的行程安排和提醒。 这很有利于我们制定计划，合理安排时间。 ?...每一个日程，都可以设置开始及结束时间、重复次数、地点和提醒种类（有工作、娱乐、学习、运动、纪念日可选）。 更重要的是，你还可以通过分享所创建的提醒，让朋友也参与进你的日程安排中。 ? 2.
图片 有时候我们写了一段代码，想知道它运行时间，你会怎么做？ Python有一个第三方库叫：potime，提供了一个简便的方法，我们一起来看看吧。...if __name__ == '__main__': search_file() # 运行程序 运行结果如下 图片 使用说明 导入potime后，不用改变原有代码，直接在你想计算时间的方法上面...，添加装饰器：@RunTime，就可以在程序运行后，看到运行结果了。...3、拓展应用 在工作中，有时我们需要做一些算法或者接口的调优，加快运行时间。这个potime也可以直接用在算法或者接口的调优上。...1022页PDF：《流畅的Python》，Python程序员进阶必备图书~
效果图 [在这里插入图片描述] 业务场景 小程序用户(公司员工)需要在小程序选择位置打卡并上传位置，为了保证员工是真实的去指定的地点开展了公司的业务而不是虚假打卡上传的位置，需要进行地理围栏限制，要求打卡上传的位置地点必须和员工的真实位置在一个可接受的距离范围内...，防止员工作弊打卡 实现步骤 地图选点插件的引入实现小程序地图选点功能 这个很简单，腾讯官方有详细的接入步骤，通过此步骤我们可以获取到员工的选点经纬度 latitude longitude 获取用户的当前定位...，现在小程序也越来越成熟，相信在不久的将来真的可以实现让每一个普通人都可以拥有一个自己的小程序，不在乎小程序是不是盈利是不是商业。...我相信那个时候每个人都可以在属于自己的小程序里面天马行空、充分发挥自己的想法和创意。...在得到自我满足的同时又能提高全民的创新能力和中国互联网整体的创新与活力（不是什么托，就是有感而发） 2、当你有一个很有意思的想法并兴致勃勃的准备付诸行动的时候，你内心那该死的理智会告诉你这种点子怎么怎么的不能商业化
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
