介绍了浏览器发展史，阐述浏览器结构与工作原理，了解 HTML 是如何渲染到页面上并给出性能优化方案。

大家好，我是 simple ，我的理想是**利用科技手段来解决生活中遇到的各种问题**。 拖拽组件，拿来吧你。

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

一、offsetTop 当dom节构如下时: 可将父元素定位后,采用$refs.sub1.offsetTop的方式直接获取在上一个定位过的父元素中的位置 当dom节构如下时:(甚至更复杂) 若中间层d

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

stretch、available、fill-available 这三个关键字虽然名称有所不同，但是都是一致的，让元素的尺寸自动填满可用空间，就如同<div>元素的默认尺寸表现

CSS 提供了三种出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现一个三角形。三种方法如下： border； linear-gradient； clip-path。 1. border

ShadowDOM 什么是Shadown DOM？Shadown DOM属于web components技术中的一环，是一个极其关键的接口实现

本文使用threejs开发一款发电机拆解动画并通过交互展示零件详细信息数据交互的大屏开发，效果中规中矩，但是涵盖的知识点比较多，内容详细，也列举了众多开发中遇到的坑，内容比较长，手把手教大家写一个完整