骨架屏 最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家. 关于骨架屏(简介) 骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再 ...

现如今，前端首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更多HTTP的往返时间(RTT)，这造成了白屏，如果白屏时间过长，用户体验会大打折扣，如果用户网速差，则FCP会更长。 1、FCP优化 为了优化首屏渲染时间这个指标，减少白屏时间，前端仔们想了很多办法： 加速或减少 ...

Chrome录屏插件 准备： chrome plugin： 关于录屏功能的开发可以看下面这篇文章引导你的思路（技术不用看只是理思路）： https://www.jianshu.com/p/97ecb4a6e4ce https://github.com ...

function resize() { var ratioX = $(window).width() / 11520; var ratioY = $(window).height() ...

; 截屏得到的是一个加密的base64地址 ...

前端大屏页面布局经验 额··· 其实谈不上经验，只能说是开发过程中值得记录一下的东西，不一定是对的。 分辨率 首先一点，大屏对分辨率和显示器是有要求的，因为他不像一般的页面，出个纵向的滚动条啥的无所谓，不是特殊情况下，大屏是不能出现滚动条的，所以其实不是随便一台电脑，随便一个分别率 ...

搭建前端监控系统的第六章，主要是介绍如何使用js进行页面截屏和录屏，跟着我一步步做，你也能搭建出一个属于 ...

前端适配苹果刘海屏，安卓刘海屏水滴瓶 其实w3c早就为我们提供了解决方法（CSS3新特性viewport-fit） 在w3c.org官方给出的关于圆形展示(Round display)的标准中， 提到了viewport-fit这一属性，这个属性表明了对于某些屏幕并不是矩形形状的设备 ...