web端屏幕截屏,生成自定义海报!

2 月 28 日
阅读 5 分钟
927
在一些社群网站,经常会碰到问题、活动、商品的信息分享,这种分享通常是以海报的形式发送给好友或保存到本地。在这种场景下,海报肯定是动态变化的,所以我们要动态的渲染内容并生成图片,海报其实就是图片。官网:html2canvas海报示例:
封面图

递归组件组合拳,无惧页面嵌套

2 月 23 日
阅读 3 分钟
801
2、教育系统的题目列表在遍历生成基础题时,遇到了综合题,综合题包含了所有基础题,此时就不用再写一遍基础题,直接调用自身组件即可,这样不论基础题内部嵌套多少层综合题,都可以生成题目列表。

封面图

微信小程序图片压缩原来这么easy!

2023-12-24
阅读 5 分钟
1.2k
在日常业务中我们可能会涉及到图片上传功能,现代影像设备大多数的照片都是几MB,甚至几十MB大小,大文件的上传会导致上传进度缓慢、占用云存储空间。所以,我们会根据需求来做图片压缩,将过大的图片文件压缩到指定大小内。
封面图

hex和rgb色值转换-色彩加深减淡

2023-12-22
阅读 4 分钟
1.8k
我们在做主题订制的时候,一般都会选一种主题色,该颜色以主题色为主导,颜色依次变浅,用于做主题色下的关联色统一,例如文字激活、激活的背景色、菜单背景色等
封面图

关于微信小程序中如何实现数据可视化-echarts动态渲染

2023-11-27
阅读 4 分钟
1.1k
移动端设备中,难免会涉及到数据的可视化展示、数据统计等等,本篇主要讲解原生微信小程序中嵌入echarts并进行动态渲染,实现数据可视化功能。
封面图

微信小程序文件预览和下载-文件系统

2023-11-25
阅读 5 分钟
928
tempFilePath就是临时临时文件路径。通过wx.openDocument打开文件。showMenu表示预览文件右上方的菜单,你可以在该菜单中选择保存文件,将文件显示的保存到本地。
封面图

微信小程序记住密码,让登录解放双手

2023-11-21
阅读 3 分钟
522
密码是用户最重要的数据,也是系统最需要保护的数据,我们在登录的时候需要用账号密码请求登录接口,如果用户勾选记住密码,那么下一次登录时,我们需要将账号密码回填到输入框,用户可以直接登录系统。我们分别对这种流程进行说明:
封面图

微信小程序动态生成表单来啦!你再也不需要手写表单了!

2023-11-18
阅读 5 分钟
586
由于我们在小程序上涉及到数据采集业务,需要经常使用表单,微信小程序的表单使用起来非常麻烦,数据和表单是分离的,每个输入框都需要做数据处理才能实现响应式数据,所以我开发了dc-vant-form,针对原生微信小程序+vant组件构建的自定义表单,开发者可以通过表单配置项来快速生成表单。

所见即所得的动画效果:Animate.css

2023-11-16
阅读 2 分钟
630
我们可以在集成Animate.css来改善界面的用户体验,省掉大量手写css动画的时间。官网:Animate.css使用1、安装依赖 {代码...} 2、引入依赖 {代码...} 3、在项目中使用在class类名上animate__animated是必须的,animate__flipInX为你应用的动画效果 {代码...} 定义动画的持续时间、延迟和迭代Animate.css 使用自定义属性(...

van-dialog弹窗异步关闭

2023-11-15
阅读 3 分钟
661
有时候我们需要通过弹窗去处理表单数据,在原生微信小程序配合vant组件中有多种方式实现,其中UI美观度最高的就是通过van-dialog嵌套表单实现。

url请求头信息

2023-11-14
阅读 2 分钟
362
Host:用于指定请求资源的主机 IP 和端口号,其内容为请求 URL 的原始服务器或网关的位置。从 HTTP 1.1版本开始,请求必须包含此内容。

Git提交规范

2023-11-13
阅读 1 分钟
288
git提交代码,修改了哪些内容,要让人一眼就能看出来主要提交了什么,是添加了功能还是解决了问题,当前提交时修改了哪些内容,有了提交规范就一目了然,同时它也是大多数git管理工具默认展示提交的信息。如果你写的标准,那么提交记录看起来就很漂亮很规整。

用户隐私API调用

2023-11-12
阅读 2 分钟
508
由于用户隐私保护的政策执行,我们在调用涉及到用户隐私的API时,未更新用户隐私保护协议是无法直接调用的,小程序会默认判断是否更新用户隐私保护,并根据用户隐私保护中的协议来判断是否可以调用对应的API,如开发者调用的API在用户保护协议中未声明,小程序则会默认禁用该API。例如:wx.chooseLocation选择地址API,...

Module理解及使用

2023-09-02
阅读 4 分钟
1.2k
ES6的模块化设计思想是静态化,也就是说,在编译的时候确定模块的依赖关系,以及输出输出入的变量。而CommonJS和AMD模块都是在运行时确定的。ES6的模块不是对象,而是通过export显示指定输出的代码,再通过import命令输入。