开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >JavaScript：“相对于视口”是什么意思？

问JavaScript：“相对于视口”是什么意思？
EN

Stack Overflow用户

提问于 2017-05-06 23:59:09

回答 2查看 726关注 0票数 1

来自MDNElement.getLimingClientRect-文章：MDN文章

“Element.getBoundingClientRect()方法返回元素的大小及其相对于视图端口的位置。”

什么是“相对于视图端口”？

有人知道用图形显示的页面吗。MDN页面很遗憾地错过了.

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-05-07 00:42:48

视图是您的浏览器显示您的网站(一个部分)的区域。

>> var header = document.getElementById('question-header')
<div id="question-header">

>> header.getBoundingClientRect()
DOMRect { x: 183.61666870117188, y: 84, width: 1060, height: 54.149993896484375, top: 84, right: 1243.6166687011719, bottom: 138.14999389648438, left: 183.61666870117188 }

票数 2

EN

Stack Overflow用户

发布于 2017-05-07 00:44:16

视图端口只是运行应用程序的设备屏幕。

来自谷歌：

视图是用户在网页上的可见区域。视口随设备而异，手机上的视口会比电脑屏幕上的小。

这里有一些图形视图。对于桌面视图，以下是viewport

对于移动/平板电脑，这里是什么样子？

注意:这些图片取自google，只是为了向您展示。

现在，相对于viewport for Element.getBoundingClientRect()意味着获取相对于viewport的位置，即从呈现web页面的角落获取位置。

我希望这对你有意义。请随意提问:)

票数 2

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43829145

复制

相关文章

在Java EE7框架中使用MongoDB

java mongodb jdbc

中心点创建应用程序的执行在企业环境中,应用程序必须安全、便携和高可用性。它还必须能够与不同的系统交互,但可控的从一个最好的位置。JEE7合并是一个重要的框架的所有特性,它的工作原理很无缝地与MongoDB。本文在创建一个Web应用程序使用MongoDB的手放在存储。这种安排是…… 这是一个简单的、精益的CRUD应用程序,或者它的一部分,使用一些EJB和JSF JEE7的中坚分子。这个想法是为了使复位候选人在MongoDB,搜索需要的候选人根据技能人,也可以从数据库中删除一个特定候选人。你需要什么… JE

用户1289394

2018/02/27

1.1K0

在Java EE7框架中使用MongoDB

dataTable自定义搜索框位置

jquery java html https http

dataTable 的搜索框请参阅dataTable dom：http://www.datatables.club/reference/option/dom.html

全栈程序员站长

2022/09/14

8780

dataTable自定义搜索框位置

python 编辑框 text

print('PP4E scrolledtext') from tkinter import *

用户5760343

2022/05/13

8910

python 编辑框 text

JAVA JPA - 示例用法

JPA(Java Persistence API)是JSR(Java Specification Requests)的一部分，定义了一系列对象持久化的标准，目前实现这一规范的产品有Hibernate、TopLink等。下面的示例程序是在jboss quickStart的基础上修改而来的 1、实体Bean：Member类 1 package org.jboss.as.quickstart.hibernate4.model; 2 3 import java.io.Serializable; 4

菩提树下的杨过

2018/01/24

1.6K0

JAVA JPA - 示例用法

多个input框自动切换焦点

javascript 数据

使用Javascript可以从多个方面增强表单字段的易用性。其中，最常见的一种方式就是在用户填写完当前字段时，自动将焦点切换到下一个字段，必须知道用户已经输入了既定长度的数据（例如电话号码），输入一个后焦点切换到下一个输入框

tianyawhl

2020/11/12

3.4K0

vim同时编辑多个文件

# 1.如果在终端中开没有打开vim，可以：横向分割显示： vim -o filename1 filename2 纵向分割显示： vim -O filename1 filename2 # 2.如果已经用vim打开了一个文件，想要在窗口中同时再打开另一个文件：横向分割显示： :vs filename 纵向分割显示： :sp filename # 3.窗口切换在所有窗口中循环移动 Ctrl+ww 如果finename不存在，则会新建该文件并打开。 # 4.关闭所有窗口 :wqa

summerking

2022/09/19

1.3K0

DataTable.Select 返回DataTable

在实际编程工程中，常常遇到这样的情况：DataTable并不是数据库中的，或者DataTable尚未写到数据库，或者从数据库中读出的DataTable已经在本地被改动，又没有写回数据库（可能还要作其他改动），在这些情况下，其实只要用.NET类库中提供的DataView类的强大功能（主要是用它的RowFilter属性），就能方便地解决这类查询问题。常有网友在网上询问怎么在DataTable中执行DataTable.Select("条件")返回DataTable，今天我在这里给个解决方法给大家参考：代码如下

跟着阿笨一起玩NET

2018/09/18

1.7K0

JSF标签大全详解

http java 网站

藉由以下的几个主题，可以大致了解JSF的轮廓与特性，我们来看看网页设计人员与应用程序设计人员各负责什么。

一朵灼灼华

2022/08/05

1.5K0

好看的 input 编辑框

html html5 css 云服务器

开始效果图代码 html部分 <div class="inputDiv"> <input type="text" name="id" required> <span class="inputText">账号</span> </div> <div class="inputDiv"> <input type="password" name="password" required> <span class="inputText">密码</span> <input t

xlj

2021/11/24

1.6K0

yolov5多个框重叠问题

detect 计算机视觉视频

NMS（Non-Maximum Suppression，非极大值抑制）是一种在计算机视觉和目标检测领域常用的技术。它通常用于在图像或视频中找出物体或目标的位置，并剔除重叠的边界框，以确保最终的检测结果准确且不重叠。

叶茂林

2023/10/23

5650

android之编辑框限定范围

登陆界面里我们通常都需要限定用户输入数据的范围，如出生日期，密码长度……这些设置我们早已在pc上熟悉得不得了，然而今天我们讲讲如何在android里设置编辑框的范围。首先，我们知道，android的编辑框是EditText，而EditText有很方便的属性，就是inputType，这里我们可以设置数字，邮箱地址，密码等等的类型。然后，如果你要设置数值的大小范围或者字符串的长度范围，那就需要我们在代码里面设置了，我们需要为EditText添加TextWatcher监听器，该监听器最重要的方法就是after

forrestlin

2018/05/23

1.6K0

pandas合并和连接多个数据框

jquery 数据库 sql

pandas作为数据分析的利器，提供了数据读取，数据清洗，数据整形等一系列功能。当需要对多个数据集合并处理时，我们就需要对多个数据框进行连接操作，在pandas中，提供了以下多种实现方式

生信修炼手册

2020/07/02

1.9K0

JSF之经常使用注解

.net 编程算法 servlet https java

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/116350.html原文链接：https://javaforall.cn

全栈程序员站长

2022/07/07

5760

【屏幕快捷截图无法弹出编辑框】

shift win10 操作系统系统

重装了系统之后，因为部分系统的设置导致可能没有开启通知，所以在快捷截图之后只在通知栏显示截图，无法直接显示出操作框

magize

2023/07/11

7330

【屏幕快捷截图无法弹出编辑框】

纯手工搭建JSF开发环境(JSF2.2＋maven+weblogic 12c/jboss EAP 6.1+)

maven ssh .net java eclipse

JSF 2.X因为种种原因(我个人觉得主要是因为推出太晚)，再加上EJB2之前的设计过于复杂，引起很多开发人员对官方解决方案的反感，即使EJB3后来做了大量改进，国内也很少有人对EJB3感兴趣，目前国内主流开发架构大多采用SSH，很少有JSF 2.x + EJB 3.x的应用，但从我个人感觉来看，特别是对于从.NET转型到JAVA的web程序员而言，JSF中的很多概念其实跟.NET很接近，国外已经有越来越多的项目在采用JSF + EJB3做为技术选型，下面将详细介绍ＪＳＦ的开发环境搭建．

菩提树下的杨过

2018/09/20

1.5K0

纯手工搭建JSF开发环境(JSF2.2＋maven+weblogic 12c/jboss EAP 6.1+)

JSF本地联调工具实践

文件存储云数据库 Redis®java 编程算法 spring

Tech 导读 JSF作为京东内部日常最常用的RPC组件，通过JSF扩展，为大家提供JSF扩展思路及本地联调实践。 01 背景在项目开发中，研发同学会经历下面的过程：图1 研发日常开发周期但是针对团队的测试环境，涉及到几个痛点：多人联调使用时尤其是跨部门联调时，强依赖环境稳定，频繁启停发布或者由于某些原因没有启动成功，影响的不是一个人的，而是多方的 jsf接口逻辑较多，联调环节存在隐晦的bug时，大部分做法是打点日志重启再次调用排查，如果没有发现问题，继续反复加日志重启排查。这样的过程是苦恼且费

京东技术

2022/05/12

1.4K0

验证多个class相同的input框不为空

要求，页面有多个class相同的input输入框，在提交数据的时候，进行验证，验证input框不能为空，如果哪个为空，则弹出提示：

王小婷

2020/05/26

1.8K0

验证多个class相同的input框不为空

DataTable转list

1 public static class EntityConverter 2 { 3 /// <summary> 4 /// DataTable生成实体 5 /// </summary> 6 /// <typeparam name="T"></typeparam> 7 /// <param name="dataTable"></param> 8 /// <returns></returns> 9 public static IEnu

用户6362579

2019/09/29

1.6K0

13-6 编辑多个文件和保存

buffer ls output txt vi

八、编辑多个文件（准）用户经常遇到需要同时编辑多个文件的情况。可能是需要对多个文件作出修改，或者是拷贝文件的部分内容到另一个文件。用户可以通过在命令行具体指定多个文件的方式使 vi 打开多个文件。 vi file1 file2... 现在退出所处的 vi 会话，并创建一个用于编辑的新文件。输入:wq来退出 vi 并保存做出的修改。接下来，使用 ls 命令的部分输出在主目录创建一个用于实验的新文件。 ls -l /usr/bin > ls-output.txt 现在就用 vi 同时

见贤思齊

2020/08/17

1.2K0

datatable删除行

https java 网络安全

　　1.如果只是想删除datatable中的一行，可以用DataRow的delete，但是必须要删除后让DataTable知道，所以就要用到.AcceptChanges()方法，原因是这种删除只是标识性删除，就像我们通常在数据库中用到的IsDelete字段。

全栈程序员站长

2022/07/15

2.7K0

相似问题

可编辑dataTable与inputText

13

未触发jsf datatable inputText javascript事件

11

在inputText中有多个值？(JSF)

32

JSF PrimeFaces inputText JSF

12

带有添加/编辑/删除对话框的JSF DataTable

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例