实现效果 先看看效果，而且点击图片即可查看demo： 实现思路 1、分别获得远程mp4、本地摄像头、本地mp4上传文件预览，即准备好vedio节点。 如下代码： <video id="video" width=&q...
MySQL根据表前缀批量修改、删除表
注意：请先调试好，以及做好备份，再执行操作。 批量修改表 批量给前缀为 xushanxiang_content_ 的表增加一个 username 的字段： SELECT CONCAT('ALTER TABLE ',table_name,' ADD usern...
女儿的画作《卡通女孩》
今天安迪老师给小朋友们带来了一节线描课程。 今天我们通过线描与彩色背景搭配的方式完成本节课作品。 首先小朋友要来观察一下，卡通小人的画法。 接下来小朋友们要开始给小朋友添加线描的装饰。线...
css实现一个转动的风车
风车有4个叶片，都是三角形，需要创造4个三角形。 如： border: 50px solid #f73833;border-left: 50px solid transparent;border-bottom: 50px solid transparent; 旋转动画效果： @keyframe...
利用伪元素、:checked、~兄弟选择器实现5星评分
效果如下： 关键代码： rate.value=parseInt(Array.from(document.querySelectorAll(`input[name='rating']`)).filter(e=>e.checked)[0].value) 详情请看：演示。
利用conic-gradient、伪元素和CSS变量实现圆盘度量计
效果 :root { --primary-color: hsl(196, 78%, 61%); --secondary-color: hsl(217, 15%, 83%); --success-color: hsl(165, 58%, 55%); --info-color: hsl(214, 79%, 65%); --warning-co...
如何在JS中中止fetch请求？
介绍 Fetch API 现在是在 JavaScript 中发送异步请求的事实上的方式。 这部分是因为 fetch() 方法接受了许多有用的选项。 其中之一是信号选项，可用于中止请求。 要为此选项创建有效值，您可以在创建 AbortCon...
css在悬停时显示附加内容
步骤 创建一个在悬停时显示附加内容的卡片，步骤： 使用 overflow:hidden 在卡片上隐藏垂直溢出的元素。 如果元素悬停（hovered）、聚焦（focused）或其任何后代都聚焦，则使用 :hover 和 :focus-within ...
废纸壳做手工：两只熊储物盒
女儿的作业： 周末时间利用废旧物品制作工艺品，精心制作。
RGB与hex(16进制)互相转换(js)
描述 将 RGB 的值转换为 十六进制 颜色代码： 使用按位左移运算符 (<<) 和 Number.prototype.toString() 将给定的 RGB 参数转换为十六进制字符串。 使用 String.prototype.padStart() 获取 6 位...