直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

你已经听说过 ES6 了，是吧？这是一个在多方面表现卓著的 JavaScript 的新版本。每当在 ES6 中发现令人惊叹的新特性，我就会开始对我的同事滔滔不绝起来（但是因此占用了别人的午休时间并不是所有人乐意的）。 一系列优秀的 ES6 的新特性都来自于新的元编程工具，这些工…

随着 iOS 11.3 的发布，Apple 已经允许用户将 PWA 应用添加到手机主屏，此举再一次将 PWA 应用推向了风口浪尖。本文就使用 Ionic 带领大家快速创建一个 PWA 应用。

PWA作为今年最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。 本系列文章《PWA学习与实践》会逐步拆解PWA背后的各项技术，通过实例代码来讲解这些技术的应用方式。也正是因为PWA中技术点众多、知识细碎，因此我在学习过程中，进行…

如果只能用一个词来概括 Angular 的优点，那我会选“工程化”；如果要换个文艺点的词，我会说 “大巧若工，大道至简”。这个诞生于一群 Google 工程师之手的框架，从一开始就打上了鲜明的“工程化”烙印。 什么是工程化开发呢？它是和手工作坊式的开发相对而言的。主要的特征是需…

上一篇文章手把手教会你小程序登录鉴权介绍了小程序如何进行登录鉴权，那么一般小程序的用户标识可以使用上文所述微信提供的jscode2session接口来换取，小程序还提供了一个getUserInfo的API来获取用户数据，这个用户数据里面也可以包含当前的用户标识openid。本文…

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

在电商产品中（可以打开你的淘宝、天猫、京东App），通过对商品的曝光进行数据埋点，就能反推出用户的行为和交互习惯，从而优化推荐和搜索算法以及交互，最终的目的当然是为了增加用户购买力。 这两种办法都能用，但是getBoundingClientRect这个API是会引起页面回流的，…

MIP 为全站改造MIP的站点引入了MIP-SHELL 模块；小故事相关的组件开源；GoogleSearch团队推出non-click；AMP概念Web Package技术标准落地到了Google Search中