
一、data自定义数据

例子
data-name:


data-name-first:


二、延迟加载JS

defer=”defer”:等所有加载完后再去加载它

三、历史管理


随机取数的例子:


使用历史事件需要这样:(第一种方法)(substring减法)

现在的随机数

后退一步的随机数

另外一种方法:(pushstate输出、onpopstate输入)

现在的随机数

后退一步的随机数

拖放事件


例子
(拖放事件)


(目标元素事件)


注意事项

拖放事件,解决火狐下的问题

(ev.dataTransfer.setData(‘name’,’hello’);设置信息)
(ev.dataTransfer.getData(‘name’);获取数据)


(删除事件:removeChild();)


往后还会继续更新h5知识,谢谢阅读本人的文章,若有什么需要改正的,请指正,本人乐意改善
本文作者lilyping
越努力,越幸运
原文链接:https://www.jianshu.com/u/3908e601f4ec
微信公众号:BestLilyPing
github:https://github.com/lilyping
Demos源码地址:https://github.com/lilyping
网友评论