Hhpon

本文将讲解 Web 页面如何实现自定义菜单功能。核心思路：注册 contextmenu 事件，取消该事件的默认行为，然后通过 event 对象拿到光标相对视口的坐标位置，通过绝对定位显示自定义 div

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使用Native的功能，比如打开二维码扫描、调用原生页面、获取用户信息等，同时Native也需要向Web端发…

同样的，本文篇幅也比较长，先来一张思维导图，带大家过一遍。 不难看出，TCP/IP 与 OSI 在分层模块上稍有区别。OSI 参考模型注重“通信协议必要的功能是什么”，而 TCP/IP 则更强调“在计算机上实现协议应该开发哪种程序”。 1. TCP/IP 的具体含义 从字面意义…

关于 JSBridge，绝大多数同学最早遇到的是微信的 WeiXinJSBridge（现在被封装成 JSSDK），各种 Web 页面可以通过 Bridge 调用微信提供的一些原生功能，为用户提供相关的功能。其实，JSBridge 很早就出现在软件开发中，在一些桌面软件中很早就运…

input默认是有宽度，其宽度是受size属性的影响。MDN中对其定义如下： 所以，input 默认是有20个字符的宽度的，那也就是代表着，除了 size 以外，font-size 也决定了 input 的宽度。那我们可以把 input 看成是默认装了20个字符的行内块元素。 …

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。使用策略模式计算奖金 很多公司的年终奖...

长列表的优化策略主要有两种： 分片渲染（通过浏览器事件环机制，也就是 EventLoop，分割渲染时间）和本文重点介绍的虚拟列表

常规设备的刷新频率是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片（60 FPS）。本文会从基础的渲染树出发，介绍浏览器渲染流水线，以及常用的优化方法