关键字:getBoundingClientRect
  • JS兼容及常用工具代码封装
    本文目录: 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...
  • web前端的易错点和冷知识,新人必看!
    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑。JavaScript所有对象都有 __proto__ 属性,都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...
  • 前端适配—rem
    rem是相对于根元素<html>,浏览器默认html的fontSize为16px,所以1rem就是16px。假如设置html的fontsize为100px,那么1rem就是100px。所以我们可以动态设定html的fontsize值。 关键 ...
  • 注意了,有关学习前端的一些“坑”,别踩!
    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑。JavaScript所有对象都有 __proto__ 属性,都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...
  • 前端图片懒加载及节流
    懒加载(lazyload)也叫延迟加载, 惰性加载. 实质是当网页页面滚动到相应的地方,对应位置的内容才进行加载显示,这样能明显减少了服务器的压力和流量,也能够减小浏览器的负担,同时用户也能更快开始网站的访问 实现思路 image 代码实现 ...
  • 17个场景,带你入门CSS布局
    CSS 布局本质就是控制元素的位置和大小。比如这样的布局:元素宽960px,水平居中。宽960px是大小。水平居中是位置。又如这样的布局:两个元素在一行,左侧元素固定宽200px,右侧元素撑满剩余空间。固定宽200px,撑满剩余空间是大小。 ...
  • 记好这 24 个 ES6 方法,用来解决实际开发的 JS 问题
    本文主要介绍 24 中 es6 方法,这些方法都挺实用的,小本本请记好,时不时翻出来看看。 1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.di ...
  • 使用rollup打包图片懒加载插件
    <p>前言</p><p>众所周知,图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片,当图片资源比较多且比较大(质量)的时候会严重影响页面的加载。特别是SPA应用,先加载jsbundle资源,再去加载图片 ...

暂无数据