h2爱学习

个性签名: 生如夏花，逝如冬雪；人生如此，何悔何怨。 工欲善其事，必先利其器。在判断元素是否在可视区域实现简单的原生懒加载前，我们先简单回顾下以下几个关键的概念。 ps： 如果你对这些概念已经比较熟悉了，可以直接跳到第五点查看关键代码示例。 1. 偏移量 偏移量(offset …

因为我一直比较关注 Web 领域的设计趋势, 很早之前就听很说了 Lottie 这个项目, 但是一直没时间和机会去尝试, 最近终于有时间机会于是尝试了一把, 在这里分享一下。 一. Intro to Lottie Lottie 是 Airbnb 开源的一个支持 Web、Andr…

如果没有, 别急, 我这里有一份 前端知识脑图 100多页, 相信我, 你只要看了一定会点赞, 评论加收藏, 然后明年的今天我换个标题 前端知识脑图 102 页, 你还会来点赞, 评论加收藏. 接受自己就是棵韭菜, 这是你有别于其他韭菜的重要特征, 因为只有你接受自己是棵韭菜才…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

如果你也有这样的感受和困境，我想告诉你，这真的是太正常了，在阿里内部的技术论坛就有多篇关于这个问题的思考，我根据根据自己理解和调研，同时参考了多位不同前端领域专家的总结，整理成这篇文章，希望能对大家有所帮助。 1. 业务前端的困境 业务前端，顾名思义，做业务的前端，直接与业务的…

在Javascript中，数组是一个重要且常见的知识点，我们经常将数据存储在数组中。作为一名Javascript工程师，数组必须要运用自如。这篇文章，向大家展示了在日常开发中，数组有哪些奇淫技巧值得关注和学习，让我们开始吧！ 这也是一道常见的面试题，怎么对JS的数组去重。在ES…

虽然 react 没有内置的表单验证逻辑，但是我们可以使用 react 组件库 AntDesign 中的表单组件 Form 来实现这一需求。 在 Form.Item 中设置校验规则，在表单提交或表单输入变化时，通过执行 this.props.form.validateField…

http-equiv是meta标签内容中非常重要的一环，从字面上看是跟HTTP相关，事实上其该属性的内容值都是特定HTTP的头，该属性与服务器和浏览器进行交互，让网站内容显示的准确和及时。 该属性中content-type、content-language和set-cookie…

有时候，我们会使用 iframe标签，将前端分离项目无感的嵌入 如以Freemark为主体较老的项目中。 我们知道，当iframe内部内容比父页面所指定的宽高大的时候，会出现滚动框。 所以，让iframe的宽高能根据自身内容自动改变，就成了一个必须要解决的问题。 使用HTML5…