maidu_xbd的博客

打卡日历页面存在展示35个或42个日期数据的情况，35个或42个日期数据=当前显示月所有日期数据+上月残余尾部日期+下月残余头部日期。通过数据库查询当前已打卡的数据，已打卡的数据需要设置打卡按钮禁用标志。打卡按钮禁用的情况（1）页面初始化时，未点击任何日期（2）当前点击的日期在今天之后（3）当前日期在今天之前但已打卡。点击打卡，记录打卡日期并保存至数据库。

一、效果图展示老惯例，先上效果图

【附完整代码】拖拽重要的计算清楚位置关系，从什么地方开始拖，拖到什么地方结束，以及如何判断有效的拖拽排序。在拖拽开始时、拖拽过程中、拖拽结束时获取拖拽数据项的索引和实时的位置相关数据。给拖拽节点绑定catchtouchstart、catchtouchmove、catchtouchend事件,利用data-xxx属性传递索引）

工作两年了，作为一向“高分低能”的我第一次得到了成绩单上的80分以下，算是相当介怀了。一直觉得自己实践能力不够，but做事的态度和执行力永远是摆在第一位的。

需求：在应用生命周期（app.js 的onLauch()）中登录后获取code，将code发送给后台换取openid。之后，在页面生命周期（page）

微信开发者工具中使用less操作指南如下：1.在vscode中下载【easy-less】2.下载完成后，在【C:\Users\lenovo\.vscode\extensions】目录中复制如图【...easy-less...】文件夹3.在微信开发者工具中点击【设置】->【扩展设置】->【编辑器自定义扩展】->【打开扩展文件夹】4.将刚复制的【...easy-less...】文件夹粘贴到该文件夹5.按如下图打开【settings.json】文件，加入 "

云函数是一段运行在云端的代码，无需管理服务器，在开发工具内编写、一键上传部署即可运行后端代码。云函数运行时基于node.js云函数之爬取腾讯课堂课程好评体验步骤如下：1、开通云开发功能及创建云开发项目（不赘述）2、新建Node.js云函数：右击【cloudFuns】>新建Node.js云函数【getComments】 在本地创建node.js云函数后后上传到云环境中。3、安装第三方网络请求包 request-promise【https://github.com/r...

小程序准备云函数开发环境有两种，一种是在创建项目时, 勾选【小程序.云开发】，另一种是在创建项目时，未选择【小程序.云开发】。当未选择【小程序.云开发】的项目需要支持云服务功能，具体操作步骤如下：1. 创建及配置创建一个小程序项目同级文件夹, 用于开发存储云函数，在配置文件【project.config.json】中指明该路径【"cloudfunctionRoot":"cloudFuncs/"】，以此关联云环境。具体如下图2.初始化小程序端：在【app.js】文件中调用"云...

通常情况下，后端的接口使用后端语言（Java、Python、PHP、Node.js）编写完成后，部署到准备好的服务器后才能实现前端向后端发送网络请求。该模式具备优点：灵活性强, 能够自定义满足各种业务需求。缺点是后端语言难易程度不一、周期较长、部署较复杂、需要买域名、备案、买证书，适合大型项目且成本较高。 使用小程序云开发可以最小化成本上架微信小程序。小程序云开发的优势有：语言难度相对简单，会Node.js即可；周期极短，只关注业务相关的操作，不必考虑任何环境；部署简单，无需购买域...

自定义组件微信官方文档-小程序自定义组件：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。组件：页面的一个"独立部分"，独立的界面结构、样式和逻辑。 组件化：将整个App各个页面的开发, 分解成一个个组件的开发。 优势

小程序组件按照功能特点分为视图容器、基础内容、表单、导航、媒体、地图和画布。小程序.微信官方网站：https://developers.weixin.qq.com/miniprogram/dev/component/，组件属性见官网。1.视图容器组件：主要用于规划布局页面内容。 组件名称 说明 应用场景 view 视图容器：内部可以嵌套其他组件 块级元素 类似于html当中的

wxs页面内脚本，在渲染层做数据处理。wxs是小程序的一套脚本语言，结合wxml，可以构建出页面的结构。wxs可以用来写一些函数，辅助做一些渲染层的数据处理。wxs模块：wxs代码可以编写在wxml文件中的<wxs>标签内，也可以写在以.wxs为后缀名的文件中。每个模块都有自己独立的作用域，需要使用【module.export={xxx：xxx}】导出模块，引入【<wxs module=”tool”src=”tool.wxs”/>】案例如下：【页面输出结果展示】...

WeUI 地址：https://github.com/Tencent/weui-wxss/ 以下仅作为备忘WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。github下载解压后注意：用微信web开发者工具打开dist目录（请注意，是dist目录，不是整个项目）注意:...

不同形式的移动客户端对比 移动客户端 H5 原生APP 基于APP的二级生态 微信公众号 小程序 运行环境 浏览器 Android、IOS等 微信 微信 体验优点 （1）不需要下载安装 （2）几乎不占用手机存储空间 （3）方便快

需要在<scroll-view>标签里设置scroll-y或者scroll-x<scroll-view scroll-x class="module-scroll-view">...</scroll-view>

聚合数据（国内大型数据接口提供商）网址：https://www.juhe.cn/步骤如下：1.在聚合数据网址进行注册，登录2.找到天气预报api地址->点击“立即申请”3.查看AppKey及API文档4.在微信小程序页面的js文件中调用接口注意：请作以下设置...

小程序框架：包括逻辑层、视图层和flex模型逻辑层由javascript编写，视图层由WXML和WXSS配合组件组成，flex布局确保页面适应不同屏幕尺寸时在恰当的位置。本篇主要介绍flex布局。逻辑层介绍见https://blog.youkuaiyun.com/maidu_xbd/article/details/102491766视图层介绍见：https://blog.youkuaiyun.com/maid...

程序框架：包括逻辑层、视图层和flex模型。逻辑层由javascript编写，视图层由WXML和WXSS配合组件组成，flex布局确保页面适应不同屏幕尺寸时在恰当的位置。本篇主要介绍视图层。逻辑层介绍见https://blog.youkuaiyun.com/maidu_xbd/article/details/102491766flex布局介绍见https://blog.youkuaiyun.com/maidu_x...

小程序框架：包括逻辑层、视图层和flex模型逻辑层由javascript编写，视图层由WXML和WXSS配合组件组成，flex布局确保页面适应不同屏幕尺寸时在恰当的位置。本篇主要介绍逻辑层。视图层介绍见https://blog.youkuaiyun.com/maidu_xbd/article/details/102504302flex布局介绍见https://blog.youkuaiyun.com/maidu...

一、小程序概述微信小程序简称小程序（Mini Program），它是存在于微信内部的轻量级的应用程序。特点：无需下载与安装，用完即走，随时可用功能：小程序页、对话分享、搜索查找、公众号关联、线下扫码、小程序切换、消息通知、历史列表等。创建流程：注册：微信公众平台注册网址：https://mp.weixin.qq.com/ 信息完善：完善名称、头像、介绍、服务类目等信息 开发...