我所了解的 js 错误收集

收集了一些 js 错误监控的资料,大体上可以了解这是个什么东西。

什么?

简单来说,就是代码报错了,我想要知道这个报错信息。

为什么?

以前发过关于这个话题的内容:

JavaScript 代码不像运行在服务器端的PHP、Java等,运行环境单一,代码调试通了没有出错就不会有什么错误,而 JavaScript 不同,需要运行在各种不同的浏览器上,为了保证自己写的代码足够健壮,所以必须做一下错误脚本监控。

这个文章介绍了错误脚本监控上报的原理:

https://github.com/joeyguo/blog/issues/13

也有创业公司免费提供错误脚本监控的服务,今天试了一下,挺简单好用的:

https://fundebug.com/about

继续阅读“我所了解的 js 错误收集”

记一次Code Review

最近同事之间互相在review代码,这是我对同事的一次review分析,他看不到所以得罪不到。

主要Review的是这页面的js:https://newhouse.591.com.tw/home/housing/vr

1.eslint检测

eslint-error
eslint-error

自从我们有了使用eslint检测代码的优良传统,首先要做的就是消除eslint的错误提示。 继续阅读“记一次Code Review”

CSS sprite和他的小伙伴

这个月要在591工程部门的分享会上分享css sprite的相关知识,我先收集一些资料,了解一下大致的来龙去脉。

 

在http1的时代(http2有所不同),能够有效减少http请求数,减少网络握手延时,就会对前端的性能提升起到很大的帮助。雪碧图作为一种图片拼合技术,将多个小图合并成一张大图,能够大大节省请求次数和减少图片字节大小,从而成为前端工程师作为性能优化的必做工作。但是在刀耕火种茹毛饮血的前端时代,雪碧图只能手动拼合,实在是一种费时费力爹不疼娘不爱的苦力工作。

本文主要讲述了如何借助compass和其它相关工具自动合成css雪碧图,来解放生成力、以及针对雪碧图的应用场景简单说明了图标字体和svg作为替代方案的应用案例。 继续阅读“CSS sprite和他的小伙伴”