公告:携程招聘java、前端、测试、产品等,请发简历至374947554@qq.com,帮内推!

记录你可能不知道的html特性

前言

总结几个html蛮实用的,但是你可能不知道的特性。当然,这么文章后面还会陆续补充一些。

一、关于a标签的属性

a标签,我们用的太多了,可以说每个web开发应该都知道,但是这个标签的一些属性你知道吗? 我们来看下a标签的一些属性

JS数组对象去重及求差值

前言

之前文章有对数组去重及求差值做总结,可以参考文章js数组并集,交集,差集的计算方式汇总,去重的方式面试中经常提到,可以参考。 数组是这么操作,有小伙伴问数组对象应该如何操作呢? 显然,数组对象和数组的操作方式还是有点区别的。这篇文章简单总结一下。

去重

之前纯数组去重的方式,对数组对象来说,显然不是很合适。提供2中思路

1、利用临时对象存储key的方式

H5/js与App的通讯方式小结

前言

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方案