背景

工作中碰到一个带有 tooltips 的按钮。预期是鼠标放在按钮上，显示 tooltips，鼠标移开时不显示。利用 mouseenter 和 mouseleave 实现了这个鼠标交互。

背景

工作中遇到一个 Long.js 对象，它通过对象的方式存一个 Long 类型的数据。大致长这样：

背景

Object.defineProperty，这个方法用于在对象上定义属性，语法是

1
2
3
4
5
6

const a = {}
Object.defineProperty(a, 'b', {
  value: 1
})

a.b // 1

typeof

结论：null、function 不符合直觉；无法识别 NaN、Infinity 和Array；浏览器实现的对象因浏览器而异

前言

我有过大约 10 个月的时间，参与开发了一款体量较大的电商小程序。在这期间看着它体积暴涨、从野蛮生长到逐步治理，总结一些经验和思考

小程序的优势

引入

最近在学 vue，看到 v-bind 有两个修饰符 .prop .attr，分别用于强制绑定 DOM Property、DOM Attribute
两者都被译为属性，学一下具体是怎么一回事

同源策略

同源策略限制了一个源的 document 和 script 如何与另一个源交互。
源是指协议、域名、端口，同源指两个 URL 的源相同

Symbol

目的

从语言层面提供一种不会重复的唯一性的值，而不关心具体的值是什么。

背景

从浏览器底层 api 说起，结合浏览器渲染原理，自底向上谈谈前端性能监控的指标具体都是如何实现的

Navigation Timing 标准

W3C 提供了测试 Web App 性能特征的规范，和时间模型：

背景

为了减小用户一次性需要下载的代码体积，提高应用加载速度，小程序提出了代码分包的概念：
主包：无论小程序冷启动时正在加载哪个包的页面，都会默认加载主包代码。主包体积不能超过2M。
分包：用户访问分包内的页面，只会下载对应分包内的代码，别的分包不会被下载。