day32---获取宽高距离相关

最新推荐文章于 2024-09-06 19:19:25 发布
最新推荐文章于 2024-09-06 19:19:25 发布
阅读量74 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42451776/article/details/119166113
版权

offsetWidth/offsetHeight，clientWidth/clientHeight 与 scrollWidth/scrollHeight 的区别

offsetWidth/offsetHeight 返回值包含 content + padding + border，效果与 e.getBoundingClientRect() 相同；
clientWidth/clientHeight 返回值只包含 content + padding，如果有滚动条，也不包含滚动条；
scrollWidth/scrollHeight 返回值包含 content + padding + 溢出内容的尺寸。

不忘初心1995
关注
专栏目录
day29-DOM（下）
HAI6545的博客
12-24 447
DOM DOM 就是我们 html 结构中一个一个的节点构成的。不光我们的标签是一个节点，我们写的文本内容也是一个节点，注释，包括空格都是节点。 DOM节点分三种：元素节点、文本节点、属性节点。 元素节点就是我们获取到的标签元素；标签里面的文本就是文本节点、标签上的属性就是属性节点。 元素节点 就是我们各种获取方法获取到的标签元素 document.getElementById(); document.querySeletor(); docum...
day17-面向对象作业
zhaoxin0917的博客
10-21 684
定义一个矩形类，拥有属性：长、宽 拥有方法：求周长、求面积 class Rectangle: def __init__(self, length, width): self.length = length self.width = width def perimeter(self): result = (self.width+self.length)*2 print("该矩形的周长为：%s" % result) ..
鸿蒙开发入门day12-显示图形
最新发布
来自想要赚大钱的小周同学
09-06 1792
学习目标：了解如何用ArkUI显示图形
day07-day12
weixin_54367169的博客
07-19 44
可以理解为 子级设置长度或者尺寸的时候，可以使用em作为单位，1em=父级的font-size，如果当前元素设置了font-size，则1em=当前元素的font-size。减少了http请求，减轻服务器压力，提高服务器效率。当子级元素进行浮动的时候，他的父元素会因此产生影响，由于浮动元素脱离文档流，父元素没有被子元素撑开，导致父元素没有高度，这样在布局的时候会产生混乱。height：值是正整数，定义视窗的高度，单位是px，也可以设置他的值是device-height，表示视窗的宽度为设备高度。
day12-事件下
Clytza的博客
02-21 126
* {margin: 0;padding: 0;ul {li {前进后退刷新
JavaScript篇.day07-BOM及相关操作
qq_54379580的博客
01-01 660
关于BOM及其相关操作的简单使用啦```
day08-BOM
m0_71706639的博客
10-10 139
day08-BOM
flutter学习-day10-布局类组件
鹏多多的博客
12-14 1222
布局类组件都会包含一个或多个子组件，不同的布局类组件对子组件排列（layout）方式不同。
flutter学习-day11-容器类组件
鹏多多的博客
12-15 1375
Flutter里的padding和EdgeInsets是用来控制组件的填充和边距的。Padding一般包含一个child，以及一个EdgeInsetsGeometry抽象类，开发中，我们一般都使用EdgeInsets类，它是EdgeInsetsGeometry的一个子类，定义了一些设置填充的便捷方法
# day02 - jQuery
weixin_60651472的博客
05-12 204
> 学习目标： > > 能够操作 jQuery 属性 > 能够操作 jQuery 元素 > 能够操作 jQuery 元素尺寸、位置 ## 1.1. jQuery 属性操作 ​ jQuery 常用属性操作有三种：prop() / attr() / data() ; ### 1.1.1 元素固有属性值 prop() ​ 所谓元素固有属性就是元素本身自带的属性，比如 <a> 元素里面的 href ，比如 <input> 元素里面的...
新开课day17-面向对象作业
m0_52957800的博客
10-15 146
斗地主基本功能实现但是理牌还需要再完善
VUE中解决长列表方法
qq_42451776的博客
07-01 940
虚拟dom在，只渲染了可视部分 安装依赖 yarn add vue-virtual-scroll-list --save 使用 在需要的页面 import virtualList from 'vue-virtual-scroll-list' 页面 <template> <div class="about"> <h1>This is an about page</h1> <div> <virtual-li
布局部分(三)
qq_42451776的博客
06-29 822
清除浮动的方式 浮动元素可以左右移动，直到遇到另一个浮动元素或者遇到它外边缘的包含框。浮动框不属 于文档流中的普通流，当元素浮动之后， 不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮 动框不存在一样的布局模式。当包含框 的高度小于浮动框的时候，此时就会出现“高度塌陷”。 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使 我们页面后面的布局不能正常显示。 .clear::after{ content:''; display:table;//也可
vue 结合路由meta 实现通用面包屑效果
qq_42451776的博客
07-01 455
配置路由的meta信息 path: '/home', name: 'home', meta:{ arr:["首页"] }, component: () => import('../components/home.vue'), children:[ { path: 'map', name: 'map', meta:{ arr:["首页","用户信息"]
布局部分(二)
qq_42451776的博客
06-29 440
实现不使用 border 画出 1 px 高的线，在不同浏览器的标准模式与怪异 模式下都能保持一致的效果。 <div style="height:1px;overflow:hidden;background:red"></div> title 与 h1 的区别？ title 属性没有明确意义只表示是个标题，h1 则表示层次明确的标题，对页面信息的抓取也 有很大的影响。 的 title 和 alt 有什么区别？ title 通常当鼠标滑动到元素上的时候显示 alt 是 的特有
betterscroll的使用
qq_42451776的博客
06-30 401
文章目录vue3中使用betterscroll安装依赖页面配置具体调用 vue3中使用betterscroll 安装依赖 yarn add --save better-scroll 页面配置 在需要的页面导入 import BScroll from “better-scroll”; 页面基本结构 <div class="wrapper" id="wrapper"> <ul class="content" id="content"> <li class=
图片懒加载 和 预加载
qq_42451776的博客
06-02 332
图片懒加载 1. 给需要懒加载的都加上类名 lazy_load <img class="lazy_load" src="img/default.png" data-src="img/sinaweibo.png" alt=""> 2. js文件 $(function () { let length = $(".lazy_load").length srcrllLazy() setTimeout(() => { window.scrollTo(0,0)
vue中使用mock
qq_42451776的博客
08-23 262
文章目录 更多返回数据参考 1.安装依赖 yarn add mockjs --save -D 2.在根目录下新建mock目录，mock目录下新建index.js文件 index.js const Mock = require("mockjs") Mock.setup({ timeout: 1000 }); // 配置返回数据 第一个参数是要匹配的url(可以使用正则匹配)，第二个参数是要返回的数据 Mock.mock('/api/user/login', { id: '@incremen
day28---深拷贝和浅拷贝
qq_42451776的博客
07-25 216
文章目录浅拷贝Object.assign深拷贝JSON第三方库lodash手写一个深拷贝 浅拷贝 Object.assign let Person = { name: '123', arr:[1,2,3] } var person = {} // 对于引用类型只是浅拷贝 Object.assign(person, Person) //浅拷贝 person.name = "111" person.arr.push(456) console.log(person === Person) /
Struts2 OGNL详解：Day32-33 笔记
"传智168期JavaEE Struts2 杜宏 day32~day33 笔记" 在JavaEE开发中，Struts2是一个广泛应用的MVC框架，而OGNL（Object-Graph Navigation Language）是Struts2的核心组成部分，用作其默认的表达式语言。本笔记主要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值