事件流包括三个阶段。简而言之：事件一开始从文档的根节点流向目标对象（捕获阶段），然后在目标对象上被触发（目标阶段），之后再回溯到文档的根节点（冒泡阶段）。 事件的第一个阶段是捕获阶段。事件从文档的根节点出发，随着 DOM 树的结构向事件的目标节点流去。途中经过各个层次的 DOM…

前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。 一个页面性能差的话会大大影响用户体验。用户打开页面等待的…

Redux 是JavaScript 应用的状态管理容器，提供集中式、可预测的状态管理。 bindActionCreators.js:函数式编程的又一范例，用于组合dispatch和actionCreators，看后面的例子就知道了.. createStore.js:Redux的…

简单点说，使用 Javascript 运行Javascript代码。 这篇文章来告诉你，如何写一个最简单的解析器。 可以把 Javascript 代码写进一个 Js 文件，然后在其他文件 require 它，达到执行的效果。 NodeJs 会缓存模块，如果你执行 N 个这样的文…

http协议和TCP/IP协议族内的其他众多协议相同，用于客户端和服务器之间的通信。 那么问题来个如果两台服务器之间一台服务器向另一台服务器进行接口请求那谁是客户端呢？所以这里的客户端和服务端是相对的概念，如果一端担任客户端的角色，另一端就需要担任服务器端的角色不是绝对的概念。…

下面总结了一些常用又有趣的css技巧，希望大家收藏，以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -…

在2018年React Conf大会上，React团队讲解了目前大家使用React开发过程存在的一些问题并推出了一个令人激动的概念：React Hooks，并介绍hooks如何解决这些问题。刚好我所在的团队前端使用的是react+ts+node这套技术栈，前段时间将react版…

在上一篇提高到了 web 通信的各种方式，包括 轮询、长连接 以及各种 HTML5 中提到的手段。本文将详细描述 WebSocket协议 在 web通讯 中的实现。 websocket协议允许不受信用的客户端代码在可控的网络环境中控制远程主机。该协议包含一个握手和一个基本消息分…

在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于Vue的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。 放大镜的原理用一句话概括，就是根据小图上的鼠标位置去定位大图。 相信原理图已经画的很明白了， 图中，左侧框是小…