可视区

缺少DOCTYPE导致网页可视区域变大

今天遇到了个很让我郁闷的问题varclientTop=document.documentElement.clientHeight||document.body.clientHeight;获取可视区域的高度居然是
过分了·2020-08-19 21:11

鼠标事件对象 MouseEvent

Documentli{cursor:pointer;}document.addEventListener("click",function(e){//client鼠标在可视区的x和y坐标console.log
昵称2-20个字符·2020-08-19 21:39

前端面试超全整理4(vue react常见项目优化问题及优化逻辑)

缓存页面2.使用v-show复用DOM3.v-for遍历避免同时使用v-if4.事件的销毁例如组件销毁时清除定时器5.图片懒加载对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载
胡歌的小奶音·2020-08-19 21:49

swiper默认显示三个，中间放大且显示全部图片两边显示部分图片的实现方法

最近在做一个活动页面，要求触摸切换图片时，默认在可视区域中显示三张图片，其中中间的一张图片比其他两张都大且全部显示，而其他两张图片只显示部分即可，于是就想到了swiper这个不依赖于任何js库的插件，但是其官网上没有相应的效果
weixin_34054931·2020-08-19 21:55

JS---案例：高清放大镜

案例：高清放大镜分3步1.鼠标进入和离开，显示和隐藏遮挡层和大图div2.鼠标在小层上移动，鼠标横纵坐标，为可视区域坐标-遮挡层的宽高，鼠标移动的时候，在一个区域内移动，需要判断和定义下移动区间3.在小图移动
moon3·2020-08-19 15:00

无标题文章

DB操作、日志记录、网络回调都在各自的固定线程2.预处理和延时加载对于一些需要耗费大量线程时间的操作，并且需要及时地显示在用户面前，提前放到后台线程进行计算UITableView就是最典型的例子(对于可视区域外的
allen852·2020-08-19 07:19

clientX, pageX, offsetX, screenX

客户区指的是当前窗口（可视区域不包括工具栏和滚动条）。例如，不论页面是否有水平滚动，当你点击客户端区域的左上角时，鼠标事件的clientX值都将为0。
钟小楼·2020-08-19 06:35

jQuery懒加载 （转载博客园—陌路黄泉）

LazyLoad是一个用JavaScript编写的jQuery插件.它可以延迟加载长页面中的图片.在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置.这与图片预加载的处理方式正好是相反的
废柴阿W·2020-08-19 01:41

JavaScript之图片的无缝滚动

设定一个可视区域，超过可视区域的部分隐藏，这里是将nav部分作为可视区域，ul#img是中包含所有的图片，实现无缝滚
weixin_30271335·2020-08-18 22:41

手机端滑动分页代码思路

上我们要分页都是通过上一页和下一页来实现的，手机通过当下滑到一定程度的时候自动加载下一页面//实现思路：首先加载部分数据，当下滑到某个元素可见的时候，如果还有数据，则新发送请求，然后追加在当前页面/****///判断元素是否进入可视区域
qq_19318067·2020-08-18 21:39

java的布局管理器

容器：容器（container）是一种特殊组件，它能容纳其他组件，在其可视区域内显示这些组件。容器中各组件的大小位置由容器的布局管理进行控制。一个容器可放置其他容器，使用多层容器可以表达复杂的布局。
小青蛙哎呀·2020-08-18 20:19

Java SWT(六) 布局方式

1.FillLayoutFillLayout将所有的子控件按顺序排列，并且平分父容器的可视区域。SWT.HORIZONTAL和SWT.VERTICAL指定是水平还是垂直排列。FillLayout的属
假装你是大灰狼·2020-08-18 20:32

解决高德地图锁屏黑屏定位不更新，高德地图绘制定位轨迹，高德定位判断定位停留点，高德地图将所有坐标绘制在可视区域内

本文章主要介绍高德定位锁屏黑屏定位不更新的问题。实现流程是：程序开始阶段正常执行定位，注册监听锁屏监听，唤醒cpu监听，当锁屏广播每2秒发起一起单次定位唤醒。源码如下：packagenet.tycmc.zuoyedemo;importcom.amap.api.location.AMapLocation;importcom.amap.api.location.AMapLocationListener
娃哈哈19910206·2020-08-18 19:46

jquery插件之iframe自适应可视区域

项目中常常会使用到框架（frameset），但是使用了frameset的页面没有body，所以不能往顶层的页面上添加遮罩，所以一般性的做法就是在顶层的页面里面加一个iframe，然后让这个iframe能够自动扩展到整个可视区域
yaolihust·2020-08-18 18:15

锚点定位的三种解决方法

浏览器读取这个URL后，会自动将print位置滚动至可视区域。为网页位置指定标识符，有
风神修罗使·2020-08-18 14:42

浅谈纯CSS实现自适应浏览器宽度的正方形

纯CSS实现自适应浏览器宽度的正方形有以下三种方法：1、方案一：CSS3vw单位CSS3中新增了一组相对于可视区域百分比的长度单位vw、vh、vmin、vmax。
筱葭·2020-08-18 07:25

HTML5 移动页面自适应手机屏幕四类方法

使用meta标签：viewportviewport是用户网页的可视区域。
weixin_34268843·2020-08-18 04:55

子父元素宽高未知情况下垂直水平居中方法

1.相对于屏幕可视区域垂直水平居中方法一：position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;方法二：position:fixed;top:
soda_mmfish·2020-08-18 02:06

分析

width:可视区域的宽度，值可为数字或关键词device-width。height:同width。
salestina·2020-08-18 02:34

python使用pyppeteer详细教程

文章目录介绍环境部署pipinstallchromium下载参考快速使用应用技巧启动参数优化常用的参数其他参数示例窗口/可视区最大化隐藏浏览器特征拦截请求未完待续介绍注意，讲解的模块叫做Pyppeteer
pylemon·2020-08-18 00:42

网站在手机上缩小显示整个页面

移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小
大大大颖er·2020-08-17 22:42

移动平台的meta标签-----神奇的功效

viewport即可视区域，对于桌面浏览器而言，viewpo
cometwo·2020-08-17 21:25

meta name="viewport" content="width=device-width,initial-scale=1.0" 解释

width=device-width可视区域的宽度，值可为数字或关键词device-widthintial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放maximum-scale
风中~少年·2020-08-17 21:33

纯CSS实现自适应正方形

方案一：CSS3vw单位CSS3中新增了一组相对于可视区域百分比的长度单位vw,vh,vmin,vmax。
chenglie6973·2020-08-17 21:53

meta name="viewport" content="width=device-width,initial-scale=1.0" 解释

metaname=”viewport”content=”width=device-width,initial-scale=1.0”解释content属性值:width:可视区域的宽度，值可为数字或关键词
GPChueng·2020-08-17 21:30

作用

作用是设置可视区域的宽度及初始缩放比例1width可视区域的宽度，值可为数字或关键词device-width、phys.widthdevice-width：又指css-width，通过window.screen.width
Silent_Paladin·2020-08-17 20:36

grid 中 如何让滚动条滚动到指定的位置?

grid.getSelectionModel().selectLastRow();grid.getView().focusRow(rowIndex);可是这个办法,有一个问题,就是没有办法,让指定的那条显示在可视区域如下
zyzeric·2020-08-17 19:27

关于 viewport 界面适配不同设备方案： meta 标签 name="viewport" content="width=device-width, initial-scale=1"

viewport是用户网页的可视区域。
灵灵7·2020-08-17 19:58

content="width=device-width,initial-scale=1"

其中：width:可视区域的宽度，值可为数字或关键词device-width。
bujiongdan·2020-08-17 18:38

卷积神经网络的基本概念与mnist测试

不同的感受野之间可能会发生重叠，所有的感受野组成了可视区域对视觉皮质的研究最终演化为CNN，CNN除了之前的全连接层以及激活函数等概念，还引入了卷积层和池化层等概念setupcode#不显示python
Strangers_bye·2020-08-17 15:45

JS图片懒加载技术实现过程解析

原理：页面加载后只让文档可视区内的图片显示，其它不显示，随着用户对页面的滚动，判断其区域位置，生成img标签，让到可视区的图片加载出来。
·2020-08-17 09:40

URL中的hash#

1、#右侧的内容为位置的标识符，将其右侧的内容展示在可视区。2,、HTTP请求不包含#，#号是用来指导浏览器动作的，对服务器端完全无用。3、在第一个#后面出现的任何字符，都会被浏览器解读为位置标识符。
林彤妮·2020-08-17 06:43

今日总结 上拉加载 loading toast

是滚动条滚动时，距离顶部的距离varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;//变量windowHeight是可视区的高度
qq_38674970·2020-08-17 06:41

jq实现有透明遮罩的轻量级弹窗

大致思路是：1、先写一个弹窗的div，让其相对于浏览器来一个绝对定位（position:fixed），定在窗口可视区的中间，然后隐藏；2、写一个遮罩层的div，给其宽高都是100%，让其相对body的绝对定位
张大大_V·2020-08-16 22:39

JavaScript：页面内拖动、解决页面内拖动选中文字的问题

承上：页面内拖拽方框之前是在整个html文档中拖动div块，现在给div块加一个父级div，在父级div中拖动子div，如下：仅需在之前的基础上修改if判断语句中的可视区宽度。
陈学俊·2020-08-16 20:30

js--简单放大镜实现（带移动方块）

/**知识点预备clientX,clientY鼠标相对于可视区的位置offsetX,offsetYlayerXlayerY鼠标相对于事件源的位置screenX，screenY鼠标相对于屏幕的位置pageX
xie1987524·2020-08-16 17:30

全网页截图工具

引入的js为截图包可以把超过可视区域的全部截下来document.querySelector('.btn').onclick=function(event){event.preventDefault()
weixin_30325487·2020-08-16 08:04

浅谈JS各种宽高（clientHeight、scrollHeight、offsetHeight等）

先简单看个案例demo，效果图如下：【主体】一、宽高（1）clientHeight、clientWidth→元素宽高（height+padding，不包含边框），可以理解为元素可视区域高度（2）offsetHeight
骆小胖·2020-08-16 08:30

OpenLayers3 地图图层(Layers) 详解

1、Layer类OpenLayers初始化一幅地图(map)，至少需要一个可视区域(view)，一个或多个图层(layer)，和一个地图加载的目标HTML标签(
何木木·2020-08-15 19:25

小程序长列表优化----dom溢出无法渲染问题

解决方法-分页渲染数据，列表滚动时将可视区域外元素数据清空只保留高度//index.jsPage({data:{list:[],page:1,pageNumber:10},onLoad:function
呆瓜の无戒·2020-08-15 19:54

UITableView回调和table相关成员方法详解

UITableView*)tableViewnumberOfRowsInSection:(NSInteger)section//回调获取每个uitableviewcell，只有当需要显示的cell在table的可视区域内才被回调
Kingsley_Chen·2020-08-15 18:47

CSS3新vw, vh单位

www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/视区相关单位vw,vh..简介以及可实际应用场景“视区”所指为浏览器内部的可视区域大小
天意pt·2020-08-15 18:40

openLayers6系列理论基础——Map篇

一、map基本构成初始化一幅地图(map)，至少需要一个可视区域(view
小湾生产队队长·2020-08-15 18:08

Element.scrollIntoView()

转载链接：https://www.jianshu.com/p/32bef36a68a0Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内语法element.scrollIntoView
Hzsilvana·2020-08-15 16:28

meta name="viewport" content="width=device-width,initial-scale=1.0" 解释

content属性值:width:可视区域的宽度，值可为数字或关键词device-widthheight:同widthintial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示
dianzongfan5428·2020-08-15 13:39

手拉手带你实现一个图片懒加载指令v-lazy

也就是当图片滚动到可视区域的时候再去加载图片。指令Vue中除了平时常用的v-show，v-bind等指令外，还可以自定义指令。由于自定义指令过于简单，这里只是大致说一下用得到的钩子函数的作用。
化身孤岛的鲸__·2020-08-15 11:13

canvas rotate方法

"myCanvas");varctx=c.getContext("2d");ctx.fillRect(0,0,50,100);1、rotate的圆心是canvas的00位置2、将canvas本身理解为可视区域
zarck83·2020-08-15 01:27

前端开发中的各种宽高整理

前端开发中的各种宽高整理文档及其内容的视觉属性，包括布局框定位、视区宽高和元素滚动一、获取可视区域的宽高document.documentElement.clientWIdthdocument.documentElement.clientHeight
self_discipline123·2020-08-15 00:05

前端流行的三种布局详解

这就导致如果屏幕太大或者太小都会导致元素无法正常显示设计原理：使用百分比定义宽度，高度大都是用px来固定，可以根据可视区域(viewport)和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。
曾、小闲·2020-08-15 00:48

ElementUI表格table使用JS控制滚动

ElementUI表格table使用JS控制滚动需求通过js来控制表格的某一行出现在可视区域中分析和实现在ElementUI中，并支持表格table组件的滚动，我这里通过js控制table的scrollTop
苏一恒·2020-08-14 23:22
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他