可视区第14页

layout、values和drawable屏幕自适应

因此，比如我们说一个手机是3.2英尺，也就是说，它的可视区域的对角线的长度是：3.2*2.54=8.128cm。分辨率：它指的是屏幕垂直方向和水平方向的像素个数。

牵手生活·2020-09-15 04:16

图片懒加载

懒加载及应用场景懒加载是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示时，再发送图片请求，避免打开网页时加载过多资源。

不难呐·2020-09-15 01:57

JAVAWEB第七天——BootStrap前端框架快速入门

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

上帝的胳肢窝i·2020-09-14 21:45

百度地图加载可视范围内点

/*加载可视范围内点*/functionaddMymarkers(markers){for(i=0;i将所有点的数据传入，根据每个点的经纬度是否在可视区域内来判断是否进行标注拖动地图时，重新调用该方法map.addEventListener

冷风中的夜晚·2020-09-14 17:45

百度地图api：只显示可视区域内的标注

百度地图api：只显示可视区域内的标注原文地址：http://www.cnblogs.com/milkmap/archive/2012/02/02/2335989.htmlpostedon2016-03

weixin_30840573·2020-09-14 16:57

获取百度地图可视区域左下角和右上角的坐标

获取百度地图可视区域左下角和右上角的坐标map.addEventListener("dragend",function(){varbs=map.getBounds();//获取可视区域varbssw=bs.getSouthWest

fed_jiao·2020-09-14 14:32

获取百度地图可视区域范围的数据

思路：得到百度地图可视区域-可视区域的中心点可视区域的四个角的其中两个（东北角+西南角）搜索百度地图API接口：http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html

蒙奇·D·伊丽莎白·2020-09-14 13:47

React Hooks 之 useIntersectionObserver

过去我们监听DOM元素都是通过监听scroll事件来监听目标元素是否在可视区，这样我们需要获取目标元素的一些数据。

weixin_33701294·2020-09-14 11:23

swiper.js在隐藏/显示切换时，轮播出现bug的解决办法

swiper在swiper-container正常状态下显示，轮播是没有问题，但是当swiper-container由隐藏切换至显示时（比如做图片查看时）会出现滑动bug，滑动卡顿而且最后一张可以移出可视区域

weixin_30906701·2020-09-14 04:19

用HTML和css写的界面适应手机界面小结

比如在整体的上设width:100%;要适应各个手机，在头部加入以下几段代码：这段代码的具体意思是content属性值:width:可视区域的宽度，值可为数字或关键词device-width（设备的物理宽度

xiguabanhua·2020-09-14 02:08

JavaScript --------WebS APIs学习之网页特效（元素可视区client系列 && 滚动scroll系列）

元素可视区client系列client（客户端），使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小，元素大小。

化石姑娘·2020-09-13 23:28

html页面添加左侧滑动菜单与内容部分的滚动条

front或https://www.igloo.xin/front思路：1、通过jquery的animate方法，实现menu菜单的滑出滑入2、menu菜单通过relative的设置，将其默认设置到页面左侧不可视区

weixin_30480651·2020-09-13 23:43

如何将页脚（footer）保持在页面底部

当页面的内容主体高度较大（超出屏幕可视区域的高度）时，footer元素直接跟在内容后面即可。

码飞_CC·2020-09-13 21:57

vue组件之自定义tab切换组件(吸顶、滚动定位)等效果

滚动到某DOM可视区域后，Tab拦当前选项主动滑动到该DOM上。且点击tab拦会定位到对应的dom位置。

维多利亚少年-·2020-09-13 21:49

Jquery获取浏览器窗口和Body长宽

alert("浏览器当前窗口可视区域宽度"+$(window).width());//浏览器当前窗口可视区域宽度alert("浏览器当前窗口可视区域高度"+$(window).height());//浏览器当前窗口可视区域高度

刘凤飞·2020-09-13 20:44

js获取内容高度（可做滚动判定）

//滚动条高度e.srcElement.scrollTop,e.target.scrollTop//窗口可视区域高度e.target.offsetHeight//滚动高度e.target.scrollHeight

叶川飞流·2020-09-13 09:05

全屏滚动的原理是什么？用到了css的哪些属性？（笔试题）

//html结构wrap块为窗口可看到的部分，我们可以通过js获取窗口可视区的大小，并为其设置为：overflow:hidden属性，使得窗口不出现滚动条，只显示窗口大小的一页内容。

yehaocheng520·2020-09-13 07:13

css3基础100问之固定定位是怎样实现的呢？（39）

什么是可视区呢？也就是我们浏览器窗口所展示的大小呀！比如下面这张图就是我们的可视区呀!缩小屏幕后。可视区跟着缩小呀！固定定位小技巧！！！！例如：先走浏览器宽度的一半，然后走版心盒子宽度的一半！

㼛思码雨·2020-09-13 03:41

jquery获取浏览器高度、宽度和滚动条高度

Jquery代码：1alert($(window).height());//浏览器时下窗口可视区域高度2alert($(document).height());//浏览器时下窗口文档的高度3alert(

weixin_30814223·2020-09-12 23:43

如何解决手机网站的自适应问题

viewport是用户网页的可视区域。翻译为中文可以叫做"视区"。是自适应的

唐大帅·2020-09-12 23:15

iPhoneX适配问题 iOS刘海屏安全区域处理 IOS小黑条处理 IOS兼容处理

IphoneX适配问题iOS刘海屏安全区域处理前言适配前需要了解的几个关键字安全区域viewport-fitenv()和constant()适配的方法第一步设置网页在可视区的布局方式，增加viewport-fit

土灰级攻城狮·2020-09-12 17:13

判断滚动条到底部

clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。

weixin_30502965·2020-09-12 17:14

JS判断页面是否出现滚动条

www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html下面是在网上搜索到的代码：用JS判断页面是否出现滚动条，在网上看了一些代码，经过验证并不起作用，当可视区域小于页面的实际高度时

jakeorion·2020-09-12 16:44

jQuery学习第三天

width方法与height方法设置或者获取高度//带参数表示设置高度$(“img”).height(200);//不带参数获取高度$(“img”).height();获取网页的可视区宽高//获取可视区宽度

cupidsCat·2020-09-12 15:45

用原生JS判断页面是否滑动到底部

滚动条上端距离顶部的距离varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;//变量windowHeight是可视区的高度

Youky_·2020-09-12 15:15

JavaScriptDOM练习之图片跟着鼠标飞

Titlesvarevt={//event或egetEvent:function(e){returnwindow.event||e;},//可视区域getClientX:function(e){returnthis.getEvent

星空nwk·2020-09-12 11:05

懒加载和预加载

当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来

IT__zz·2020-09-12 08:05

window.history, window.location

浏览器读取这个URL后，会自动将bottom_container位置滚动至可视区域。如何设定网页中的位置1.设定name属性如2.设定id属性#有哪些特征HTTP

青史成灰·2020-09-12 08:28

c# 获取当前URL #号后的内容

浏览器读取这个URL后，会自动将anchor位置滚动至可视区域。不管#号后面跟的是什么参数，一律看成是位置标识符。服务器接收不到#后面的内容。

木依·2020-09-11 16:19

前端优化——懒加载篇

用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。

YooHoeh·2020-09-11 10:41

url中#(hash)的含义

浏览器读取这个URL后，会自动将print位置滚动至可视区域。（单页应用）为网页位置指定标识符，有两个方法。一是使用锚点

sei77·2020-09-11 10:12

实习心得

确定页面的可视区，划分页面的模块。每一个模块中，分析他的行模块再分析行中的列模块。分析每一个模块的布局方式。思考宽高固定还是自适应。模块构建完毕后，再开始写每一模块中的样式。

哪天才能爬大厂·2020-09-11 09:44

window.location.hash详解

浏览器读取这个URL后，会自动将print位置滚动至可视区域。为网

lhy_luan·2020-09-11 09:48

echo.js改造实现可视区域图片懒加载，lazyload效果

原来的echo.js有个缺点，快速滚动的时候不加载图片，按住滚动条不放的时候图片不加载，造成图片空白不符合项目要求改进代码如下：window.echo=(function(window,document){'usestrict';/**Constructorfunction*/varEcho=function(elem){this.elem=elem;this.render();this.list

llrg222·2020-09-11 09:09

原生 JS 懒加载简单实现

懒加载优势:(1)节省网络资源–一次性加载所有资源很慢(2)对用户体验–节省流量,使用友好(3)对服务器而言–减轻负载压力懒加载原理:只显示可视区域的图片给用户功能实现(1)图片标签默认是占位图,图片真正的地址在自定义属性里

文一大大·2020-09-11 08:23

图片懒加载（一）

什么是图片懒加载当我们向下滚动的时候图片资源才被请求到，这也就是我们本次要实现的效果，进入页面的时候，只请求可视区域的图片资源这也就是懒加载。

zhoutingxixi·2020-09-10 20:06

flex布局实现局部滚动

实现bottom-wrap区域滚动.box-wrap{display:flex;flex-direction:column;height:100vh;---可视区域}.top-wrap{flex:00wrap

下雨不愁233·2020-09-10 20:07

原生js获取一个dom元素距离页面可视区域的位置值

原生js获取一个dom元素距离页面可视区域的位置值--getBoundingClientRectgetBoundingClientRect()这个方法返回一个矩形对象，包含四个属性：left、top、right

云峰啊·2020-09-10 20:24

浅谈移动端中的视口（viewport）

在PC端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在CSS标准文档中，视口也被称为初始包含块，它是所有CSS百分比宽度推算的根源，给CSS布局限制了一个最大宽度。

weixin_34375251·2020-09-10 20:12

从lodash源码学习节流与防抖

如果调整浏览器可视区大小，会引发图形重绘。当图中的节点比较多的时候，页面会显得异常卡顿。为了限制类似于这种短时间内高频率触发的情况，我们可以使用防抖函数。

weixin_34255793·2020-09-10 19:07

使用html2canvas实现超出浏览器部分截图

之前写过一篇关于html2canvas如何在元素隐藏的情况下生成截图的文章，后面发现还有个坑在等着我，就是如果合成图片太大，超出了浏览器的可视区域，那么超出部分是无法截图的。

weixin_33724059·2020-09-10 19:10

图片懒加载在可视区域才加载

npminstallvue-lazyload--save-dev//安装懒加载包入口文件main中引入importVueLazyloadfrom'vue-lazyload'Vue.use(VueLazyload)可配置自定义属性Vue.use(VueLazyload,{preLoad:1.3,error:'dist/error.png',loading:'dist/loading.gif',att

ADZG-tuni·2020-09-10 18:32

H5解决安卓软键盘弹出遮蔽的方法

首先先判断是否为安卓,是的话才添加事件监听,获取焦点元素判断是否为input或者textarea类型,是的话,Element.scrollIntoView()方法会让当前的元素滚动到浏览器窗口的可视区域内

ChorKiu·2020-09-10 17:16

html 笔记

文章目录1元素/标签：2乱码原因（浏览器的可视区域）3属性：4超链接5锚点跳转到本页面的指定地方6图片具有超链接效果：7发邮件：8字符实体来自htmlday015-html源代码系统结构图.png9HTTP

桃花欲语春不归·2020-09-10 09:42

JS实现图片懒加载

为了解决以上问题，提高用户体验，就出现了懒加载方式来减轻服务器的压力，优先加载可视区域的内容，其他部分等进入了可视区域再加载，从而提高性能。v

藏清风·2020-09-02 20:18

谷歌浏览器调试工具比较令人兴奋的实用操作（一定有你不知道的）

或者截取DOM生成图片先打开命令行,输入ScreenshotScreenshotCaptureareascreenshot点击后可以在可视区类似微信截图一样的截取，会直接给你下载个png格式的图片。

Army-海军·2020-08-28 14:09

Vue自定义拖拽指令

function(el,binding){letoDiv=el;//当前元素letself=this;//上下文oDiv.onmousedown=function(e){//鼠标按下，计算当前元素距离可视区的距离

gqkmiss·2020-08-26 16:00

通过JQuery获取窗口和元素的宽高

$(document).ready(function(){alert($(window).height());//浏览器当前窗口可视区域高度alert($(document).height());//浏览器当前窗口文档的高度

to.to·2020-08-26 14:41

JS和JQ中各种长度，event对象4种坐标

event对象4种坐标1clientX和clientY相对于浏览器可视区域左上角0,0的坐标;2pageX和pageY也是相对于浏览器可视区域左上角0,0的坐标两者的区别：如果有滚动区域，pageX和pageY

TIANCHUANG8887·2020-08-26 12:16

Flickable -- 内容拖拽，上下以及左右拖动进度条

visibleArea：可视区域heightRatio：可视窗口高度占整个视图高度(

IEE2285·2020-08-25 17:07

推荐频道

可视区