前端离线检测 发表于 2018-01-20 | webapp 有时候需要检测应用是否处于离线状态，以此做出一些针对性的展示。这里小结一下如何来检测离线。 navigator.onLine 属性结合 online/offline 事件API 参考 使用起来很简单，我们可以监听这两个事件，在事件回调里做任何想做的事情即可： 123456window. ... 阅读全文 »
Angular变更检测学习笔记 发表于 2017-12-17 | 参考 ANGULAR CHANGE DETECTION EXPLAINED Change Detection Reinvented Victor Savkin 什么时候会触发变更检测？主要有3类异步操作会触发变更检测 Events - click, submit, … XHR - Fetc ... 阅读全文 »
一种web app资源预缓存方案 发表于 2017-12-14 | 我们的移动端有多个项目，有一些功能是公共的，每个项目都会用到，现在的方案是将它们拆分成独立应用。随着逐渐有公共功能拆分成独立应用，随之而来就有一个问题：主应用中进入独立应用，如何更快的显示独立应用的首屏？其中一个可以做的事情是预缓存独立应用中的关键资源。 假设有A、B两个应用，在展示 A 时，需要预 ... 阅读全文 »
移动端点击元素重复跳转同一页面BUG解决方案 发表于 2017-12-11 | 我们的移动端项目上一直有一个 BUG：在很多页面里点击某些元素会跳转到另一个页面（如点击列表项进入详情页）。但是如果手机配置较低，有时候如果快速多次点击，可能会重复显示多个目标页面。 即使在微信上也会这种情况，试试快速多次点击“朋友圈”按钮。 解决这个问题需要第一次点击元素总会立即生效，但接下来的一 ... 阅读全文 »
使用StorageEvent在web app间通信 发表于 2017-12-11 | 最近项目中有一个功能，需要在两个 webview 中运行的同域 web app 间通信。其实老早之前就碰到了这个问题，只不过当时是采用轮询 localstorage 的方式完成的。即一个 webview 中的页面把数据放到 localstorage 里，然后另一个 webview 中的页面使用定时器 ... 阅读全文 »
