有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。 本文主要分两部分来讲解怎么完成退出行为的上报。 浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 bef…

各位小伙伴们大家早上好。 终于要写这样一篇我自己都比较怕的文章了。 虽然今年的 Google I/O 大会由于疫情的原因没能开成，但是 Google 每年要发布的各种新技术可一样都没少。 随着 Android 11 系统的发布，Jetpack 家族又迎来了不少新成员，包括 Hi…

前端工程化可以分成四个方面来说，分别为模块化、组件化、规范化和自动化。 模块化是指将一个文件拆分成多个相互依赖的文件，最后进行统一的打包和加载，这样能够很好的保证高效的多人协作。其中包含 JS 模块化：CommonJS、AMD、CMD 以及 ES6 Module。 CSS 模块…

在前端的比较大型的框架构建中，依赖注入和控制反转已经是必不可少的设计原则。InversifyJS是当前相对最成熟的一个前端IoC(Inversion of Control)管理库。 Inversion of Control字面意思是控制反转，具体定义是高层模块不应该依赖低层模块…

「注意：」 本篇文章时MobX和inversify的一个综合,如果朋友没有看过本人的MobX入门篇，请先看一下，这篇文章会用到上篇文章的环境。 为什么要学习inversify呢？因为我们在写项目的时候要时刻考虑项目的稳定性，尽量遵循设计原则，在这里我们要遵循依赖倒置原则，如果有…

理解和学习mobx-react

自从用邮箱注册了很多账号后，便会收到诸如以下类似的邮件,刚开始还以为是一张图片，后来仔细一看不是图片呀，好像还是HTML呀，于是好奇宝宝我Google一下，查阅多篇资料后总结出怎么用前端知识和Node做一个这样的“邮件网页”。 1. 如何获取天气预报和ONE上的data？ 答：…

大家关注了昨天的 VueConf 大会了吧，如果没有猜错，昨天肯定也涉及到了weex的开发，难道你们就不好奇吗？反正我是很好奇，所以我撸了一个教程，带你们入坑，让我在weex道路上不孤单的前行。 介绍 估计很多人第一次听说weex，weex是阿里开发的，可以使用 vue2.0的…

本文通过对React事件系统和源码进行浅析，回答“为什么React需要自己实现一套事件系统？”和“React的事件系统是怎么运作起来的？”两个问题。React为了性能和复用，采用了事件代理，池，批量更新，跨浏览器和跨平台兼容等思想，将事件监听挂载在document上，构造合成事…