前言
H5/js与App的通讯，我们公司基础框架是封装了Bridgejs,但是是内部项目，不对外开源。说起这个通信，有一个开源的项目，WebViewJavascriptBridge，需要通信的可以看下这个开源的框架：https://github.com/marcuswestin/WebViewJavascriptBridge 但是简单的通信其实没有必要引入这个框架。其实就是拦截和注入2个部分
通讯方式
前端通知客户端：拦截
客户端通知前端：注入
js获取某dom到根元素的offsetLeft/offsetTop
前言
大家知道，offsetLeft和offsetTop都是获取当前元素到其定位父级（offsetParent）的距离，我前面也有很多文章介绍宽高和offset,例如：https://www.haorooms.com/post/js_jquery_height 等 在实际的开发过程中，我们通常要获取dom到根元素的距离。这个如何做呢？
思路
其实很简单，父元素是offsetParent，我们循环查找offsetParent，直到根节点为止。
获取距离顶部距离
回顶部及缓动滚动到某个位置
前言
今天这篇文章应该是javascript回到顶部滑动效果及点击导航滑动到相应热点的效果，这篇文章的升级版。写这篇文章的时候，可能三大框架（react,vue,angular）等还没有流行，还是jquery的时代。如今，前端发展迅速，这篇文章已经过时了。那么新时代，热点动态滚动，及回到顶部用什么方法呢？
实现方案
新时代实现这个动画方法很多，今天主要介绍4种吧，由推荐的简单办法，到js方案。
纯css方案
vue柱状进度条图像的实现方案
js查找树结构某元素，并找到其所有祖先
前言
写了一个类似element ui的级联面板的那个组件，不同的是，组件可以类似tree选择，选择某个子元素，就返回单个子元素，选择所有子元素，返回父元素。回头整理一下。开源出来。
难点
感觉难点就是数据回填，数据操作倒是不是很难。
数据操作思路：