130小时

痛定思痛。 2022-11-29 11:44 114阅读 0赞

昨日学习内容如下：

*  [getComputedStyle() API][getComputedStyle_ API]动态获取元素的属性

// 语法
    let style = window.getComputedStyle(element, null);
    
    // 动态获取元素CSS属性
    window.getComputedStyle(document.getElementsByClassName('header')[0], null).getPropertyValue('font-size')  // 16px
    css属性名最好使用 kab-case，如 : font-size   font-weight

*  [vue-lazyload源码学习][vue-lazyload]，其实看[120小时][120]里的设计思想就可以了，懒加载其实就是等图片快进入可视区域（默认为浏览器，也可以自己指定图片的祖先元素）的时候将图片的src换成真实的地址，所以难点就是在于如何检测图片进入可视区，插件使用[IntersectionObserver API][]（如果options中设置observer：true且浏览器支持，采用[requestIdleCallback()][requestIdleCallback]方法，且是浏览器在监听，所以不会存在性能问题） 和 [getBoundingClientRect()][getBoundingClientRect]（默认，主线程动态计算，所以可能会有性能问题）来进行检测。

[getComputedStyle_ API]: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getComputedStyle
[vue-lazyload]: https://github.com/hilongjw/vue-lazyload
[120]: https://blog.csdn.net/weixin_42989576/article/details/108090033
[IntersectionObserver API]: https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API
[requestIdleCallback]: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestIdleCallback
[getBoundingClientRect]: https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect

发表评论取消回复

表情：

评论列表（有 0 条评论，114人围观）

还没有评论，来说两句吧...

相关阅读

相关 130. 被围绕的区域

130. 被围绕的区域给你一个 m ∗ n m \ n m∗n 的矩阵 board ，由若干字符 ‘X’ 和 ‘O’ ，找到所有被 ‘X’ 围绕的区域，并将这些区域里

朱雀/ 2024年03月31日 10:07/ 0 赞/ 58 阅读

相关 130. 被围绕的区域

题目： [130. 被围绕的区域][130.] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_t

一时失言乱红尘/ 2022年12月12日 15:29/ 0 赞/ 137 阅读

相关 130小时

昨日学习内容如下： [getComputedStyle() API][getComputedStyle_ API]动态获取元素的属性 // 语法 le

痛定思痛。/ 2022年11月29日 11:44/ 0 赞/ 115 阅读

相关 web——细心(130)——Bugku

0×00 靶场链接 [http://123.206.87.240:8002/web13/][http_123.206.87.240_8002_web13] 0×

系统管理员/ 2022年11月25日 13:24/ 0 赞/ 163 阅读

相关 95-10-130-启动-TransactionCoordinator

本文为博主九师兄（QQ:541711153 欢迎来探讨技术）原创文章，未经允许博主不允许转载。有问题可以先私聊我，本人每天都在线，会帮助需要的人。文章目录 1.

淡淡的烟草味﹌/ 2022年10月10日 09:56/ 0 赞/ 107 阅读

相关 LeetCode130—Surrounded Regions

LeetCode130—Surrounded Regions 原题 [https://leetcode.com/problems/surrounded-region

向右看齐/ 2022年09月22日 15:47/ 0 赞/ 55 阅读

相关 leetcode 130. Surrounded Regions

Given a 2D board containing `'X'` and `'O'`, capture all regions surrounded by `'X'`. A

Bertha 。/ 2022年07月28日 00:15/ 0 赞/ 124 阅读

相关【Leetcode】130. Surrounded Regions（DFS）

Given a 2D board containing `'X'` and `'O'` (the letter O), capture all regions surround

我不是女神ヾ/ 2022年02月12日 11:17/ 0 赞/ 179 阅读

相关【Leetcode】130.被包围的区域

题目给定一个二维的矩阵，包含 `'X'` 和 `'O'`（字母 O）。找到所有被 `'X'` 围绕的区域，并将这些区域里所有的 `'O'` 用 `'X'` 填充。

拼搏现实的明天。/ 2022年01月20日 11:57/ 0 赞/ 201 阅读

相关【LeetCode】130. Surrounded Regions【Medium】【JAVA】

1. 题目 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

青旅半醒/ 2021年09月21日 06:50/ 0 赞/ 263 阅读