本文总结自笔者的开发经验以及 Martin Fowler 的《重构，改善既有代码设计》读书体会，希望能帮助更多的开发者了解重构，重构并不是想象中的重活，它也可以很简单。

前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview预览word文件

创新型技术方法来解决，舍弃网络广泛传播的不规范方法来就解决问题。并带你搞清楚问题的前因后果，拓展知识

收集到数据时何时上报以及如何上报：GIF上报、Navigator.sendBeacon()、visibilitychange

前端页面性能对用户留存、用户直观体验有着重要作用。这样的话如何更好的监控前端页面性能就变的十分重要。前端页面的性能监控主要分为两个方式： 一种叫做合成监控 Synthetic Monitoring, SYN。就是在一个模拟场景里，提交一个需要做性能审计的页面，通过一系列的工具、…

总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

看完保证有所收获！项目中经常出现的精度丢失问题及其背后具体的原因，看完再也不会心存疑惑了，凑够50字了。

由于 h5 的开发成本较低（开发速度快），且支持多端共用（忽略浏览器兼容性），所以经常有企业的原生应用中会嵌入 webview 来达到 h5 替代原生页面的开发模式，我们称为混合开发，其应用称为 Hybrid App。既然如此，就或多或少会涉及 h5 页面和 app 进行通信（…