onbeforeunload事件 第5页

这里归纳总结全了前端开发必须掌握的DOM对象操作

DOM是什么DOM（DocumentObjectModel文档对象模型）是W3C的标准，是所有浏览器公共遵守的标准。DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这...

详解HTML5中的figure元素、details元素和mark元素!

HTML5中，不仅增加了很多的表单元素，同时也增加和改良了可以应用在整个页面中的元素。下面为大家介绍常见的几个html5中页面元素。figure元素和figcaption元素figure元素是元素组合，带有可选标题。figure元素用来表示网页上一块独立的内容，将它从删除后不会对网页上的其他的内容造...

腾讯面试四问，Are you OK

引言一朋友刚面了腾讯音乐（TME）前端开发岗位（两年经验），本瓜撰文记之。以期同各面试人分享交流~...

聊聊分布式下的WebSocket解决方案

前言最近自己搭建了个项目，项目本身很简单，但是里面有使用WebSocket进行消息提醒的功能，大体情况是这样的。发布消息者在系统中发送消息，实时的把消息推送给对应的一个部门下的所有人。这里面如果是单机应用的情况时，我们可以通过部门的id和用户的id组成一个唯一的key，与应用服务器建立WebSock...

网站页面浏览时长≠停留时长 一文读懂差异了解最佳实践

从运营角度来看，用户在网站停留时间，反映了网站黏性。一般情况下，用户的需求与网站内容匹配度越高，页面浏览时间越容易聚拢在一个相对集中区间里，不会过短也不会过长。在评估网站推广效果时，若来自某推广渠道的访客页面浏览时间集中在很短的区间内，则意味着该渠道的流量质量过低。...

统计丢失原理及分析

1.统计数据收集原理常用的统计分析工具。如百度统计，谷歌统计都是通过在页面里面嵌入一段js代码，发送一个带有统计字段的请求到统计服务器。见下图所示：一般都是通过js脚本创建一个image对象，image对象的src指向后端的脚本并且携带参数。所以很多统计工具都伪装成gif来完成统计。如下面发送...

简单websocket应用

websocket长连接，概念就不描述了。先说我代码的应用场景，用户扫码支付后，后台通知到前端，前端二维码消失。废话不多说直接上代码...

现代浏览器内部机制(二)导航这件小事

作者：kyrieliu转发链接：https://mp.weixin.qq.com/s/6jmaVtRvZ-lLMWjAzoZTqQ...

浏览器跨 Tab 窗口通信原理及应用实践

最近，相信大家一定被这么个动效给刷屏了：以至于，基于这个效果的二次创作层出不穷，眼花缭乱。基于跨窗口通信的弹弹球：...

浏览器的工作原理你真的全知道嘛史上最全图解其原理

可能每一个前端工程师都想要理解浏览器的工作原理。我们希望知道从在浏览器地址栏中输入url到页面展现的短短几秒内浏览器究竟做了什么；我们希望了解平时常常听说的各种代码优化方案是究竟为什么能起到优化的作用；我们希望更细致地了解浏览器的渲染流程。...