Introduce(介绍)
用户签到的H5例子(css+jquery,无图片),由于网上找的的用户签到例子都不好,要不就是好多图片组成的,要不就大量冗余代码,所以特意做了个签到界面(移动端)。
User sign sample page for mobile using h5 which only use css + jquery + html.
Demo
Shot(截图)
一些关键的地方
这个功能的编写思路是,先构建日期和签到相关数据,然后从服务端获取数据,并对原有数据进行更改,最后进行渲染。
这样子很好的摆脱了逻辑比较凌乱的问题,并且可以直接将这些数据用 vue.js 来挂载(本文没有这样做)。
生成日期数据
//生成日期数据
function buildData() {
var da = {
dates: [],//日期数据,从1号开始
current: '',//当前日期
monthFirst: