12 2022 档案
摘要：尝试写一下拖动元素进行排序，真是想到什么去写什么 😂，有的时候很多人老是跟我说，别人都封装好了，你为什么还要自己去实现一下，写的还没别人好。但我总感觉所有都用别人写好的，就放弃思考的机会了。 效果 逻辑 通过改变position: absolute;改变每个元素的transform:transla
阅读全文
摘要：精灵图（英语：Sprite），又被称为雪碧图或拼合图。在计算机图形学中，当一张二维图像 集成进场景中，成为整个显示图像的一部分时，这张图就称为精灵图。 本文中用的就是这张，来自爱给网。 效果 操作 键盘上下左右控制移动 document.addEventListener("keydown", (ev
阅读全文
摘要：有一天看到同事发的类似 这种成语填空一样的内容。 惟利( )视 为德( )终 质非文( ) ( )追耗子 烂漫天( ) ( )则改之，无则嘉勉 得( )之作 哀( )如潮 于是就去网上找成语数据库表的 SQL... 哈哈哈 很容易就找到了. 本来打算写个前后端，想了想可以但没必要。 于是就... 有
阅读全文
摘要：本文是通过:hover更新元素样式，通过递归树形菜单渲染到页面。 效果 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
阅读全文
摘要：效果 ⚠ 因为使用的是斜率来处理的垂直逻辑 tan，当为被除数为0时做了特殊处理，两点自由变换时到达零界点会有卡顿。 推导 开始复习初中二年级数学知识 斜率k的公式： 两条垂直相交直线的斜率相乘积为-1：$k_1 \times
阅读全文
