可视区第6页

HarmonyOS/OpenHarmony应用开发-ArkTS语言渲染控制LazyForEach数据懒加载

当LazyForEach在滚动容器中使用了，框架会根据滚动容器可视区域按需创建组件，当组件划出可视区域外时，框架会进行组件销毁回收以降低内存占用。

李洋-蛟龙腾飞公司·2023-08-23 09:27

H5关于meta设置，以及IOS底部兼容

使用场景：H5开发过程中，由于移动端和Web端区别较大，需要设置一些meta参数参数说明：1.width:可视区域的宽度，值可为数字或关键词device-width2.height:同width3.intial-scale

诸葛卍军师·2023-08-23 08:54

防窥膜是什么？

保护绝密隐私，防偷窥，可视区域为60度，即从左右30度以

亿华数码传媒1·2023-08-22 08:59

微信小程序学习者必用笔记

1.2.1tabBar的6个组成部分1.2.2tabBar的结点配置项1.2.3每个tab项的配置选项1.3局部配置2、新建小程序页面3、常用组件标签3.1view：相当于div3.2scroll-view：可视区滚动

打不着的大喇叭·2023-08-20 09:55

自定义chrome浏览器打印的样式

html添加，在print.css的@mediaprint{}写打印的样式；不需要打印的部分可以通过display:none不显示；表格打印会出现表格超出可视区域的问题，通过改变表格的宽度解决。

yokohu·2023-08-18 15:22

最常用的chrome浏览器控制台的调试技巧，你看你知道不。

控制台打印vue实例$选中元素输出$0就是当前元素快速简洁法拿到元素$给元素添加类名一次性展开所有的元素，不在一个一个的点了把整个网页给截图下来，而非可视区域，截取指定Dom元素前后端联调后端要报错的接口和参数怎么给他控制台

有两把刷子·2023-08-17 23:21

flutter：谁在做flutter中的长列表优化

如果和Flex布局比较，Sliver布局的一个显然的特征是Sliver布局允许通过调整offset对可视区域进行改变。Flutter中，可视区域的变动除了影响“滚动位置”之外，还允许每个单独的Sli

hhkkyy·2023-08-17 17:17

超级简单好用的下拉定位插件来啦~

easyest-dropdown的智能定位体现在：当下拉弹窗无法完全显示在浏览器视口或滚动容器可视区域时会自动调整到最佳显示位置。下拉弹窗优先使用right、bottom定位，这样可以保

·2023-08-16 18:40

【前端】scrollIntoView 滑动到指定区域

Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。注意：页面（容器）可滚动时才有用！

loyd3·2023-08-16 13:04

基于WebView实现富文本编辑

在webView编辑中，对于键盘遮挡是一个非常头疼的事情，一般做法有：一、采用控制WebView可视区域与键盘的高度关系，并实时的滑动WebView注：原始空间frame变化频繁，容易在复杂UI情况下照常

yellowzhou·2023-08-16 03:19

前端性能指标

在WebVitals指标中，CoreWebVitals是其中最核心的部分，包含三个指标：LCP根据页面开始加载的时间报告可视区域内可见的最大图像或文本块完成渲染的计算时间，用于测验加载性能，衡量网站初次载入速度

godlike-icy·2023-08-15 23:53

大数据--难点--地图的制作

自动监听sass改动并保存到css中当修改了sass里面的代码后，gulp会自动监听修改内容并同名保存到css文件夹中（如果没有css文件夹，将自动创建一个）在桌面端，视口指的是在桌面端，指的是浏览器的可视区域

炎同学要努力·2023-08-15 21:35

懒加载和预加载

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

精神蛙·2023-08-15 05:04

vue-awesome-swiper导航内容(横向滚动条)与内容是联动的，导航内容始终在可视区域内

需求分析导航内容(横向滚动条)与内容是联动的，导航内容始终在可视区域内点击导航tab(猜你想搜)或者左右滑动到猜你想搜或者点击左右按钮到猜你想搜，导航tab(猜你想搜在可视区域内)安装npminstallvue-awesome-swiper

苏Sue酥·2023-08-15 04:26

position：fixed固定定位失效问题（不是以可视窗口定位）

但是却发现而是以他的祖先盒子为参照的上图中的list-box下拉框虽然是固定定位但是以他的祖先盒子类名为content的弹窗为参照的，所以导致下拉框错位了，正常应该是如下图那是什么原因影响到他的呢，之前一直以为固定定位就一直是以可视区域为参照进行偏移的

D浩DzD·2023-08-14 19:19

vue3中的数据懒加载

实现当组件进入可视区域在加载数据。

缺月楼·2023-08-14 12:49

工作程序小功能--------窗口和文档大小的获取

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

忘川之曼殊沙华·2023-08-13 17:03

浅谈Viewport

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

李贵功·2023-08-13 16:56

Vue3实现图片懒加载及自定义懒加载指令

vue-lazyload/vue3-lazyload插件2.自定义v-lazy懒加载指令2.1使用VueUse工具集2.2使用IntersectionObserver前言图片懒加载是一种常见性能优化的方式，它只去加载可视区域图片

南木元元·2023-08-13 07:09

Vue实现图片懒加载

图片懒加载的优势包括：减少初始加载时间：只加载可视区域的图片，减少了初始页面加载所需的时间，提高了用户体验。降低网络请求：不需要一开始就加载所有图片，减少了不必要的网

卷小白·2023-08-12 18:53

Vant图片懒加载Lazyload的应用

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

木蓝茶陌*_*·2023-08-12 05:01

图片懒加载

图片懒加载：优先加载可视区域的内容，其它内容等进入了可视区域再进行加载从而提高性能分为两步：（1）怎么加载图片？（2）怎么判断是否进入了可视区域？

要努力奋斗鸭·2023-08-12 02:29

【前端 | CSS】盒模型clientWidth、clientHeight、offsetWidht、offsetHeight

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容jswindow.onload=()=>{letcontainer=document.querySelector(".container");console.log("clientWidth:可视区域的宽度

好喝的西北风·2023-08-11 09:43

Cocos Creator ScrollView 优化系列-1-分帧加载

本系列教程指引：CocosCreatorScrollView优化系列-1-分帧加载CocosCreatorScrollView优化系列-2-可视区域渲染CocosCreatorScrollView优化系列

程序猿TODO·2023-08-09 02:43

用react实现虚拟滚动组件

问题引入存在一个数据量大的列表，如select、list，可能存在1000个数据项传统做法是直接将1000个item渲染到页面上，即渲染1000个dom渲染到页面上dom结构但是从上图可以看出，可视区域范围内

爱翔是我二媳妇·2023-08-08 03:15

uniapp播放视频解决：同时播放、不可视区域播放

uniapp播放视频实现的组件为video1.避免同时播放letthat=null;exportdefault{data(){return{windowWidth:'',windowHeight:'',trailer:[{"id":'12',"src":"https://codemaster-teaching-material.codemao.cn/1625546912491G6-P21.2(05

m0_45305745·2023-08-07 19:32

URL中特殊字符的简单理解以及GET和POST请求的区别

浏览器读取这个URL后，会自动将print位置滚动至可视区域。2.HTTP请求不包括##是用来指导浏览器动作的，对服务器端完全无用。所以，HTTP请求中不包括#。比如，访问下面的

CZ_WL·2023-08-07 11:54

position:sticky-粘性吸附布局

一、描述就是在一个滚动的容器里,将一个子元素设置为postion:sticky在元素显示在可视区域内,显示的效果与position:relative一致，当元素被滑动出可视区域外是,显示效果与position

zyk_520·2023-08-07 10:15

vue实践之element表单验证

即三个输入框在公共可视区域，另外4个、1个分成两个tab页签切换显示。问题就在于为了省事，我用一个form对象存储。

帅过了·2023-08-07 07:43

vue-virtual-scroller的使用，展示巨量数据，长列表优化，虚拟列表

和显示区域的起始位置（scrollTop或scrollLeft）根据每个元素的尺寸和总数目，计算出整个列表的高度（或宽度）显示区域的高度（或宽度）和每个元素的尺寸，计算出一页能够显示的元素的数量（即动态计算了可视区域可以显示多少个元素

muzidigbig·2023-08-07 03:07

PC端网页特效

PC端网页特效元素偏移量offset系列1、offset概述2、offset和style区别offset：style：3、相关案例案例一：获取鼠标在盒子内的坐标案例二：模态框拖拽元素可视区client系列元素滚动

POTATO！·2023-08-06 06:34

vue图片懒加载vue-lazyload的使用

懒加载突出一个“懒”字，懒就是拖延迟的意思，所以“懒加载”说白了就是延迟加载，比如我们加载一个页面，这个页面很长很长，长到我们的浏览器可视区域装不下，那么懒加载就是优先加载可视区域的内容，其他部分等进入了可视区域在加载

阿牛大牛中·2023-08-05 12:08

小程序自定义侧滑删除组件

先查看一下效果图：5.gif下面看一下布局：slide-slip.wxmlmovable-areaz主要用来限制可视区域大小；movable-view整个滑动的view大小，侧滑左边的默认展示内容区域侧滑右边的默认隐藏区域

Frankeen·2023-08-05 07:33

记录uniapp 滚动后溢出显示空白的办法

写了一个横向滚动，超出可视区域图片空白，上下滚动页面可视区域图片显示，不可见区域滚动出来变成空白错误css如下width:678rpx;height:264rpx;background:#ffffff;

给钱，谢谢！·2023-08-05 07:35

瀑布流与懒加载

什么是图片的滚动加载当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一个1*1大小的图片路径，这样做页面只需要请求一次，只有当图片出现在浏览器的可视区域内，让图片显示出来，这就是图片懒加载

_claus·2023-08-02 02:33

webstorm操作git

转自：https://www.jianshu.com/p/9c38978e3a98imageimageWebStorm将冲突代码分成3块可视区域,并且改动内容根据颜色区分左边==>本地修改右边==

滚石_c2a6·2023-08-01 08:57

JavaScript浏览器BOM

WindowLocationWindowNavigatorWindows弹窗系統提示框计时事件BOM事件JavaScript的盒子模型client系列offset系列scroll系列获取设置获取html获取body获取可视区域的宽度或高度回到顶部按钮实现

玖商·2023-07-31 13:37

前端面试的性能优化部分（1）每篇10题

懒加载可以应用在多种场景中，包括但不限于以下几个方面：图片懒加载：在网页中加载大量图片时，可以先加载可视区域内的图片，当用户滚动页面时

云边散步·2023-07-31 08:12

前端埋点上报

曝光上报：使用IntersectionObserver监听dom元素是否出现在可视区域内。

火锅伯南克·2023-07-28 06:36

vue锚点，滚动高亮导航

需求：锚点功能，点击导航滚动到可视区域。

Y丶小琪·2023-07-27 17:07

vue项目实现鼠标拖拽功能

//e.clientX和e.clientY相对于浏览器可视区的位置//元素.offsetLeft\元素.offsetTop获取元素、节点位置参照已定位的祖先元素的位置，//当所有祖先都未定位则参照body

王——小喵·2023-07-26 20:28

二十五、响应式布局 - 媒体查询

一、响应式布局介绍我们发现很多网页，在用户拉动边框缩放可视区的时候，内部控件都会随着大小有变动，这个就是在自适应屏幕-响应式布局响应式布局-网页可以根据不同的设备或窗口大小呈现出不同的效果。

gaoya7305·2023-07-26 05:07

手写懒加载

document.querySelectorAll('img');functionlazyload({//浏览器滚动的过的距离constscrollTop=document.body.scrollTop;//是浏览器可视区的高度

Ranye123·2023-07-25 16:58

原生js和jQuery中鼠标,元素位置的区别

Yovii·2023-07-25 04:48

使用v-lazy实现VUE3图片懒加载技术

实现原理：在图片没进入可视区域前，使用默认的图片；在进入可视区域并加载好之后，再替换图片的默认src路径，展示真实图片。

weixin_42936434·2023-07-25 03:42

前端面试题 —— CSS （二）

六、对CSS工程化的理解七、如何判断元素是否到达可视区域八、如何根据设计稿进行移动端适配？九、响应式设计的概念

大红袍不是绿茶.·2023-07-24 15:59

锚点定位滚动条平滑滚动的方式

:smooth;设置了改属性后，点击锚点定位的元素后，滚动条就会平滑的滚动到定位的位置方法二：Dom.scrollIntoView（）scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内

逆风优雅·2023-07-22 00:34

scrollWidth、clientWidth、offsetWidth、width的区别

scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。

一Left一·2023-07-21 05:56

【Uni-app‘解决搜索框与导航栏胶囊自适应对齐‘】

data里面设置一下默认的高度和宽度，然后使用uni.getSystemInfoSync的API获取顶部状态栏的高度//状态栏高度capsuleHeight:20,navBarHeight:45,//可视区域高度

Aic山鱼·2023-07-20 04:24

Vue3.0实现原生高度可自定义菜单组件vue3-menus

vue3-menusVue3.0自定义右键菜单Vue3.0原生实现完全自定义右键菜单组件,零依赖，可根据可视区域自动调节显示位置，可支持插槽完全重写每一项菜单展示项目地址GitHubGitee在线演示完整菜单功能演示复制粘贴演示快速安装

xfy520·2023-07-19 22:47

推荐频道

可视区