![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
code
LBJ辉
不定时学习笔记
展开
-
17. 旋转中的视差效果
【代码】17. 旋转中的视差效果。原创 2024-06-03 13:39:34 · 352 阅读 · 0 评论 -
16. 封装全屏功能
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>封装全屏功能</title> <style> #box { w原创 2024-05-13 13:38:24 · 236 阅读 · 0 评论 -
15. 登录页案例
【代码】15. 登录页案例。原创 2024-04-12 14:51:35 · 676 阅读 · 0 评论 -
14. 交换变量
【代码】14. 交换变量。原创 2024-04-11 14:46:26 · 66 阅读 · 0 评论 -
13. 数组去重
【代码】13. 数组去重。原创 2024-04-11 14:26:04 · 90 阅读 · 0 评论 -
12. 保持元素宽高比
* padding和margin的百分比的像素基准是其父元素的宽度。原创 2024-04-03 15:59:18 · 173 阅读 · 0 评论 -
11. 瀑布流布局
/该数组的长度为列数,每一项表示该列的下一个图片的纵坐标。* 计算一共有多少列,以及每一列之间的间隙。//找到nextTops中的最小值作为当前图片的纵坐标。//重新设置数组这一项的下一个top值。//得到使用的是第几列的top值。// 2. 设置每张图片的位置。//得到列数,和 间隙的空间。//窗口尺寸变动后,重新排列。//将数组的每一项填充为0。//生成图片的src路径。//3. 设置容器的高度。//每张图片的固定宽度。//1. 加入图片元素。//一个计时器的id。原创 2024-04-03 10:47:41 · 434 阅读 · 0 评论 -
10. 手写Promise
【代码】10. 手写Promise。原创 2024-03-26 15:21:41 · 72 阅读 · 0 评论 -
9. 渐变阴影
* top right bottom bottm 都是 0 *//* 实现高斯模糊效果,周边会出现扩展的白边 */原创 2024-03-19 14:32:03 · 222 阅读 · 0 评论 -
8. 文字穿透效果
* 使用了这个属性的意思是,以区块内的文字作为裁剪区域向外裁剪,文字的背景即为区块的背景,文字之外的区域都将被裁剪掉。/* 实现文本描边效果 */原创 2024-03-18 14:50:35 · 155 阅读 · 0 评论 -
7. 旋转切换的轮播图
【代码】7. 旋转切换的轮播图。原创 2024-03-15 14:40:52 · 301 阅读 · 0 评论 -
6. 丝滑的标题动画
【代码】6. 丝滑的标题动画。原创 2024-03-05 11:27:18 · 326 阅读 · 0 评论 -
5. Set的妙用(求两个数组的并集、交集、差集)
不能出现重复项,得到的结果是一个新数组。两个数组的并集、交集、差集。原创 2024-03-05 10:18:54 · 379 阅读 · 0 评论 -
4. 链式调用和延迟执行
实现 arrange 函数。原创 2024-03-05 10:06:09 · 134 阅读 · 0 评论 -
3. 文字阴影
【代码】3. 文字阴影。原创 2024-02-26 15:55:55 · 436 阅读 · 0 评论 -
2. 随机树
【代码】2. 随机树。原创 2024-02-26 15:26:57 · 323 阅读 · 0 评论 -
1. 跨标签通讯
/ 不同窗口的卡片要在同一个位置, 要放到同一个坐标系下面,保持屏幕坐标一致。// 创建 Broadcast Channel。// 屏幕坐标转换为窗口坐标。// 窗口坐标转换为屏幕坐标。// 处理接收到的消息。原创 2024-02-26 15:26:10 · 491 阅读 · 0 评论