2022年7月5日
uni-app 蓝牙通信
摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 这是一次真实的 蓝牙收发数据 的全过程讲解。 本文使用 uni-app + Vue3 的方式进行开发，以手机app的方式运行（微信小程序同样可行）。 uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ，和微信小程序提供的 api 是一样的，所以 阅读全文
posted @ 2022-07-05 20:25 德育处主任 阅读(1747) 评论(3) 推荐(1) 编辑
这18个网站能让你的页面背景炫酷起来
摘要： 这18个网站是我在取经路上意外发现的，里面包括 纯CSS 实现的炫酷背景，还有专门制作背景图的网站。 算是取经路上的大补之物~ 1. CSS3 Patterns Gallery 🎗️ 传送门：『CSS3 Patterns Gallery』 如果你认识 Lea Verou 的话，大概率知道这个网站， 阅读全文
posted @ 2022-07-05 13:21 德育处主任 阅读(1074) 评论(0) 推荐(0) 编辑
纯CSS 波点背景
摘要： 本文简介 你负责点赞，我负责更新~ 这次要用纯CSS做一个波点背景，先上图看看效果。 我把这个效果写在 body 上，如果你不喜欢这个配色也可以自己手动改改。 思路 我实现上图的效果思路是，最先想到使用 background-image ，然后使用 radial-gradient 画圆。再配合默认给 阅读全文
posted @ 2022-07-05 08:02 德育处主任 阅读(222) 评论(0) 推荐(0) 编辑
2022年7月4日
JS 将伪数组转换成数组
摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 在 JS 中，伪数组 是非常常见的，它也叫 类数组。伪数组可能会给 JS 初学者带来一点困扰。 本文将详细讲解 什么是伪数组，以及分别在 ES5 和 ES6 中将伪数组转换成真正的数组 。 什么是伪数组？ 伪数组的主要特征：它是一个对象，并且该对象有 阅读全文
posted @ 2022-07-04 23:01 德育处主任 阅读(218) 评论(0) 推荐(0) 编辑
纯css实现动态渐变背景，一分钟学会
摘要： 🎈前言 点赞 + 收藏 = 学会了 🐱‍💻在线展示 🐱‍👓代码仓库 先看看最终效果 这个效果非常简单，只要看完实现原理应该就是有思路了。 🎗️原理 规定好容器尺寸 设置渐变背景： background: linear-gradient(...) 自己设置角度和颜色吧 设置背景尺寸比容器大 阅读全文
posted @ 2022-07-04 17:16 德育处主任 阅读(1041) 评论(0) 推荐(0) 编辑
纯CSS 毛玻璃效果
摘要： 持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第23天，点击查看活动详情 本文简介 点赞 + 关注 + 收藏 = 学会了 在我年轻时做过的开发中，毛玻璃应用得最广是在复杂的背景图上。 如果你希望在一个复杂的背景上添加文字，文字能清晰展示，并尽可能的保留原背景的话，使用毛玻璃的效 阅读全文
posted @ 2022-07-04 08:57 德育处主任 阅读(1426) 评论(0) 推荐(0) 编辑
2022年7月3日
Fabric.js 更换图片的3种方法（包括更换分组内的图片，以及存在缓存的情况）
摘要： 本文简介 我列举了3种在 Fabric.js 中 更换图片 的方法。 其中还包括 更换组内图片 的操作。 环境和版本 Chrome浏览器版本：96.0.4664.45 Fabric.js版本：4.6.0 我是在原生环境下开发的，同时也提供了一份 Vue3 环境下开发的代码（文末有链接）。 动手操作 阅读全文
posted @ 2022-07-03 06:55 德育处主任 阅读(814) 评论(0) 推荐(0) 编辑
2022年7月2日
Fabric.js 3个api设置画布宽高
摘要： 本文简介 使用 Fabric.js 创建画布时，可以在参数里配置画布的宽高。 除了初始化时设置之外，Fabric.js 还提供了其他 api 供后期修改画布宽高。 本文列举了 Fabric.js 的3个 api 设置画布宽高。 这3个 api 虽然简单，但在实际开发中可能很重要。比如监听浏览器窗口缩 阅读全文
posted @ 2022-07-02 09:18 德育处主任 阅读(595) 评论(0) 推荐(1) 编辑
2022年7月1日
纯CSS 斑马投影文字
摘要： 效果展示 思路分析 层级思路 从展示的效果可以猜到这个效果由3层文字组成。 表面一层黑色文字 中间一层白色文字 最低的一层是斑马条纹文字 要实现多层文字，我首先想到的是文字投影 text-shadow ，但通常 text-shadow 只能投个纯色出来。 于是思路要改一下，黑色和白色层是投影，斑马条 阅读全文
posted @ 2022-07-01 12:25 德育处主任 阅读(142) 评论(0) 推荐(0) 编辑
2022年6月30日
阅读Skeleton.css源码，改善睡眠质量（尽管它只有419行代码）
摘要： 本文介绍 点赞就等于学会了！ 如果本文对您有帮助，建议点赞收藏（点赞就等于学会了） Skeleton 源码一共只有 419 行（加上注释和换行），非常适合用来学习。 本文是根据我的学习过程来编写的，几乎每个章节都包含 使用方法 和 源码分析。 虽然现在大部分业务都不需要重复造轮子了，但对于小白来说， 阅读全文
posted @ 2022-06-30 08:05 德育处主任 阅读(67) 评论(0) 推荐(0) 编辑