Fork me on GitHub
White's Blog

Life is too short to compromise


  • 首页

  • 关于

  • 标签

  • 归档

JS-获取DOM元素滑动距离,并实时监听

发表于 2022-09-04 | 分类于 技术-JS | 阅读次数:

介绍

本文主要介绍通过JS中获取DOM元素,并通过getBoundingClientRect()实时监听DOM元素滑动过程中离页面边缘的距离。

1

阅读全文 »

JS-获取网页滑动距离,并实时监听

发表于 2022-09-04 | 分类于 技术-JS | 阅读次数:

介绍

本文主要介绍通过JS获取网页滑动距离,并实时监听的方法。分析document.body.scrollTop、document.documentElement.scrollTop、window.pageYOffset 三者之间的区别。

1

阅读全文 »

JS-获取DOM元素的五种方法

发表于 2022-09-04 | 分类于 技术-JS | 阅读次数:

介绍

本文主要介绍通过JS获取DOM元素的5种方法:

  1. 根据id名获取元素:getElementById;
  2. 根据标签名获取元素:getElementsByTagName,返回一个数组;
  3. 根据类名获取元素:getElementsByClassName,返回一个数组;
  4. 根据name属性值获取元素:getElementsByName,返回一个数组;
  5. 根据选择器获取元素:
    1. querySelector:获取一个元素,推荐使用 用法类似写css;
    2. querySelectorAll:返回一个元素数组。
阅读全文 »

JS-获取屏幕/显示器、浏览器、网页、DOM元素的宽高距离位置信息

发表于 2022-09-03 | 更新于 2022-09-04 | 阅读次数:

介绍

本文主要介绍通过JS获取屏幕/显示器、浏览器、网页、DOM元素的宽高距离位置信息,并实时监听的方法。

阅读全文 »

JS-判断 array/object中 是否存在某个元素/key(键)-存在性、枚举

发表于 2022-01-01 | 更新于 2022-01-12 | 分类于 技术-JS | 阅读次数:

介绍

本文主要介绍判断数组中是否存在某个元素、并返回所有满足条件的元素;判断数组中的Object中是否存在某个满足条件的元素、并返回所有满足条件的元素、判断数组中的Object中是否存在某个key(键);判断Object中是否存在某个满足条件的元素、判断Object中是否存在某个key(键)、返回Object中所有的key(键)

阅读全文 »

JS-环境判断:小程序、公众号、浏览器、APP、安卓、IOS

发表于 2021-11-25 | 分类于 技术-JS | 阅读次数:

介绍

本文主要介绍获取当前页面所在的环境,区分微信小程序、微信公众号H5、浏览器、app环境,终端判断是否是IOS、是否是Android~

阅读全文 »

JS-获取视频总时长

发表于 2021-11-25 | 更新于 2022-01-02 | 分类于 技术-JS | 阅读次数:

介绍

本文主要介绍在获取到视频的URL之后,如何通过js方法获取视频的总时长,兼容了web页面、APP内嵌h5页面、小程序内嵌h5页面~

阅读全文 »

Mac-搭建前端环境

发表于 2021-05-30 | 分类于 技术-搭建环境 | 阅读次数:

说明:本文将介绍如何从零开始搭建前端开发环境

阅读全文 »

VSCode-Settings Sync 同步设置

发表于 2021-05-15 | 更新于 2021-05-30 | 分类于 VSCode-插件 | 阅读次数:

说明:

vscode作为使用开发的IDE工具深受广大码农的喜爱,但是其自身并不具备备份设置的功能,在更换电脑时这个问题显得尤为令人头疼,本文将详细介绍如何解决重新安装各种插件、配置各种快捷键、setting等问题。

阅读全文 »

CSS-文本换行处理-white-space

发表于 2021-04-07 | 更新于 2022-01-12 | 分类于 技术-CSS | 阅读次数:

简介:

本文主要介绍通过设置CSS的white-space属性来处理元素内的空白、空白符,以实现文本的不换行、自动换行、空白保留或合并。

这边先列一下white-space可以设置的值,及其作用:

阅读全文 »
12…5
White

White

人生苦短,何必将就

42 日志
9 分类
33 标签
Links
  • Puke
© 2022 White |
博客全站共25.2k字
访客人数: | 访问次量: