摘要：
scroxt.js是一个字体滚动的插件库，包括视频弹幕滚动，直播弹幕、直播弹幕强制模式、单行水平左右滚动、文本垂直滚动上下，用于简单快捷生成滚动字体。性能优秀，通过CPU加速，缓存字体元素，帧运动，达到最流畅的效果。兼容Chrome、Firefox、Opera、IE9及IE9以上浏览器。 阅读全文
摘要：
准备出前端监控分享一个系列，现在前端关于前端监控两极分化严重：中小型公司觉得监控没啥用，优先保证业务上线，等出了严重错误再修复，或者测试人员觉得没问题就行；头部互联网公司一般会有健全的监控体系，并且非常依赖健全的监控体系甚至是作为考核的重要指标。 为了保证前端业务的稳定，出前端监控的一系列分享，包含 阅读全文
摘要：
一、意义： 这里和测速的白屏不同，测速的白屏是指：导航页面开始到TTFB之间的时间称之为白屏时间。白屏异常是指：用户看到的一直是白屏，页面没有任何内容。比如渲染函数报错、Vue或React路由页面没有内容、网页加载很慢很慢以至规定的时间范围内一直没内容。 监控白屏异常能发现一些遗漏的bug并及时修复 阅读全文
摘要：
一、意义： 资源加载异常将不能提供给正确资源给用户使用或阅读，比如重要的图片、错误的静态资源链接、网站执行的脚本等静态资源。有效的监听资源异常将提升网站的正常使用和展示。 二、捕获方法： window.addEventListener('error', function (event) { try 阅读全文
摘要：
一、意义： 网站性能往往决定用户体验，网页加载是否够快，操作是否流畅往往是用户对网站的第一印象，性能越好的网站，转化率、用户留存率往往更好。 二、捕获方法： 通过window.performance获取以下六个指标 1、First Contentful Paint (FCP)：开始呈现页面内容 2、 阅读全文
摘要：
一、意义： JavaScript报错严重影响业务逻辑，比如点击后js报错用户将操作不了，用户会觉得卡死，渲染JS报错将导致用户看到的页面异常，所以JS报错后果也是很严重的。为了应付用户线上环境各种异常，监控JavaScript报错也是很有必要 二、捕获方法： 首先要明确一点，所有错误都需要被wind 阅读全文
摘要：
一、意义： 接口的成功率直接影响用户的转化率，像用户注册、支付、提交信息等接口如果异常的话，后果是很严重的。线上会因为各种情况，是在开发和测试阶段是不能解决的，所以监控线上接口状态是很必要的。 二、捕获方法： 接口响应捕获有两种方法： 第一种是通过在业务中获取接口响应，比如在axios的结果获取接口 阅读全文
摘要：
在某个下午，外面乌云颜色略等于黑体，让人想起了远房表妹，啊呸，想起了远方和诗，工作确认让人很累，没了当初踏入职场的激情，慢慢的发现，自己对工作没了敏感，不感冒了。不知道自己是不是该好好休息一下还是继续埋头。突然看到一个同事松松居然在全神贯注的研究代码，特么不能忍，老子要做事了 阅读全文
摘要：
too young to simple！ 大四上学期那会，在南昌科泰华软件有限公司的实习期间，有一个“自助拍照机”的项目，当时不知在哪个博文看到了觉得单页应用真的艹鸡棒，而且暑假也做过一段时间移动端的H5，想想刚好有新项目来了，可以用这个‘自助拍照机’项目来练练手。当时我内心就这么愉快的决定了，可是 阅读全文