前言 charles魔法 某一天你的同事突然拿着你的电脑，他想通过百度去搜索一些东西，可是他会很好奇，为什么每次打开www.baidu.com 的时候总是会link到一个奇怪的链接，那么可能会是这样

介绍 在前端开发中，经常需要获取元素的位置和尺寸等信息。getBoundingClientRect方法是一种非常方便的获取元素位置和尺寸信息的方法。本文将深入介绍getBoundingClientRe

对网页上的文本选中之后进行标注，并且存储标记信息进行回显，可以跨段落、多次标记、标记删除、标记高亮，标记导出等。

1. 前言 前两天，在公司做的需求当中，又出现了需要上传文件的场景，不过十年代码经验常年摸鱼的我，立马就给出了十分成熟的解决方案，使用axios+FormData,进行上传。 2. 简单介绍 2.1

Vue.extend 属于Vue的全局 api，在实际业务开发中我们很少使用，因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中（例如：ElementUI库），所以Vue.extend + $mount 这对组合…

之前章节介绍了VNode如何生成真实Dom，这只是patch内首次渲染做的事，完成了一小部分功能而已，而它做的最重要的事情是当响应式触发时，让页面的重新渲染这一过程能高效完成。其实页面的重新渲染完全可以使用新生成的Dom去整个替换掉旧的Dom，然而这么做比较低效，所以就借助接下…

内容高度自适应，如果超出就显示滚动条，滚动加载，但是我们平时设置flex布局时，通过flex：1给子组件设置内容高度自适应时，内容超出了但是滚动条出现了一些问题，加载高度不够，

那么接下来我们一边学习一些dom元素滚动相关的知识点，一边实现一个上图的效果和一些其他滚动相关的功能。 scrollTop属性是一个描述容器元素内容的top值与容器元素(viewport)视口顶部top值之间的差值，即容器中内容向上滑动后超出容器视口的部分。可以通过修改此属性控…

Tencent CDC（https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/）