看了最近热播电视剧《创业时代》，感受了一波创业的波折、守业的艰辛。对于初创产品需求主要是：1）品牌感知，2）引导下载APP体验，追求更多的是下载量。对于已经基本成型的产品来讲需要，关注更多的是，手机生态中所提供服务使用的连贯性，追求更多的则是DAU/MAU。 从最近AppSto…

1. 减少javascript的大小 最初的页面（注销状态的首页）包含了300kb的JavaScript，包含了React以及Lodash等库。使用Chrome模拟3G链接，加载时间为7s。 由于页面是由简单的HTML元素组成的，React不在是必要的，奈飞团队使用原生java…

最近发现项目里面会出现一些重复的请求，在某些页面中，相同参数相同地址的请求会在1s之内连续发送多次。为了解决这个问题，最终做出了两个工具（repeat-request-minder和repeat-request-minder-webpack-plugin）来辅助我们避免重复的请…

在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…

小学时候作为劳动委员，常年负责掏学校里一个蘑菇形的垃圾桶，结果有一天捡到了好几张一块钱，贼开心。 大学里有一天下晚自习，一推门，瞧见一个天使般面容的女子，贼开心。 有一次通宵加班（非快狗打车），早上回家时，反向地铁居然有座位，贼开心。 （事实证明文字顺序并不影响阅读）作为一个被…

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…

在现代浏览器的本地存储方案中，indexedDB 是一项重要的能力组成， 它是可以在浏览器端使用的本地数据库，可以存储大量数据，提供接口来查询，还可以建立索引，这些都是其他存储方案 Cookie 或者 LocalStorage 无法提供的能力。单从数据库类型来看，Indexed…

1. Chrome 打开一个页面需要启动多少进程？分别有哪些进程？ 浏览器从关闭状态进行启动，然后新开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程，共 4 个进程；后续再新开标签页，浏览器、网络进程、GPU进程是共享的，不会重…

HTTP 协议是一种无状态协议，即每次服务端接收到客户端的请求时，都是一个全新的请求，服务器并不知道客户端的历史请求记录；Session 和 Cookie 的主要目的就是为了弥补 HTTP 的无状态特性。 客户端请求服务端，服务端会为这次请求开辟一块内存空间，这个对象便是 Se…