随笔分类 - 从零开始搞系列

从零开始搞基建(3)——设计方案
摘要:最近看了一篇文章,文章中提到在开发流程中包含一个设计方案的阶段,位于需求评审之后,用于描述自己对于该需求的实现思路、模块划分等相关考虑的点,可供今后自己或他人查阅。 目的就是在编码前理清思路,整体架构,查缺补漏,作为他人或自己的技术参考文档。 自己在项目开发的过程中,也曽有过这样类似的想法,但没有作 阅读全文
posted @ 2021-09-05 21:49 咖啡机(K.F.J) 阅读(342) 评论(0) 推荐(0) 编辑
从零开始搞监控系统(7)——监控页面奔溃
摘要:页面奔溃包含两种场景,第一种是浏览器在加载网页时遇到问题导致的奔溃,另一种是因为脚本渲染出错导致页面空白无内容的奔溃。 前段时间运营抱怨有张活动页出现了空白(第二种奔溃场景),导致用户无法访问,希望我们能主动监控到这种情况,而不是通过用户的上报。 后面和运维沟通,他那边目前只能监控接口的访问情况,无 阅读全文
posted @ 2021-07-19 08:45 咖啡机(K.F.J) 阅读(710) 评论(1) 推荐(1) 编辑
从零开始搞监控系统(6)——较长的白屏时间
摘要:一、加载慢 在直播间有一个小时榜的Web页面,经常有用户反映点击小时榜,弹出的页面会有蛮长的一段(3秒上下)时间白屏。 查看性能监控中的白屏时间,发现最多1.6秒,最少0.4秒平均每小时的白屏在1秒左右(有待优化),那么大概还有2秒的时间可能是其他原因造成的。 在页面中会包含很多主播头像,有可能是图 阅读全文
posted @ 2021-07-12 07:26 咖啡机(K.F.J) 阅读(612) 评论(1) 推荐(0) 编辑
从零开始搞监控系统(5)——小程序监控
摘要:公司目前在线上运行着一款小程序,为了能监控小程序的运行情况,自行开发了一个参数搜集的SDK,名称为 shin.js,放置在 utils 目录中。 目前只搜集了打印、通信和错误,其中打印不是 console.log() 而是 shin.log()。 在小程序的管理后台,开发管理中,目前也有一个错误日志 阅读全文
posted @ 2021-06-15 08:23 咖啡机(K.F.J) 阅读(868) 评论(0) 推荐(0) 编辑
从零开始搞监控系统(4)——内存泄漏
摘要:在将监控日志的服务独立部署后,还是发现CPU会在不特定时间段(例如21~22、23~02等)飙到70%,内存也是一路飙升不会下降,明显是出现了内存泄漏。 需要进一步做优化,于是开通了阿里云的 Node.js 性能平台。 一、Node.js性能平台 要使用此工具需要在自己的服务器中安装些组件的,具体步 阅读全文
posted @ 2021-06-07 10:11 咖啡机(K.F.J) 阅读(551) 评论(0) 推荐(1) 编辑
从零开始搞监控系统(3)——性能监控
摘要:前端性能监控是个老话题了,各个团队都会对其有所关注,因为关注性能是工程师的本分。 页面性能对用户体验而言十分关键,每次重构或优化,仅靠手中的几个设备或模拟的测试,缺少说服力,需要有大量的真实数据来做验证。 在2016年,我就写过一篇《前端页面性能参数搜集》的文章,当时采用的还是W3C性能参数的第一版 阅读全文
posted @ 2021-05-24 08:34 咖啡机(K.F.J) 阅读(1547) 评论(0) 推荐(4) 编辑
从零开始搞监控系统(2)——存储和分析
摘要:一、存储 在将数据传送到后台之前,已经做了一轮清洗工作,如果有需要还可以再做一次清洗。 日志表如下所示,自增的 id 直接偷懒使用了 bigint,没有采用分表等其他技术。 CREATE TABLE `web_monitor` ( `id` bigint(20) NOT NULL AUTO_INCR 阅读全文
posted @ 2021-05-18 08:23 咖啡机(K.F.J) 阅读(642) 评论(0) 推荐(1) 编辑
从零开始搞监控系统(1)——SDK
摘要:目前市面上有许多成熟的前端监控系统,但我们没有选择成品,而是自己动手研发。这里面包括多个原因: 填补H5日志的空白 节约公司费用支出 可灵活地根据业务自定义监控 回溯时间能更长久 反哺运营和产品,从而优化产品质量 一次难得的练兵机会 前端监控地基本目的:了解当前项目实际使用的情况,有哪些异常,在追踪 阅读全文
posted @ 2021-05-11 07:54 咖啡机(K.F.J) 阅读(1459) 评论(2) 推荐(4) 编辑
从零开始搞基建(2)——团队协作规范
摘要:前端会与公司的所有部门有协作,若在某一环出现问题,就会发生不必要的时间开销,降低开发效率。所以有必要制订一套完善的协作流程。 有个核心要素,那就是积极主动性。 一、与业务方的协作 1)BUG上报 业务方包括运营、客服、财务等部门,在使用软件时难免会遇到这样那样的问题。 若要上报这些BUG,则需要提供 阅读全文
posted @ 2021-04-12 10:01 咖啡机(K.F.J) 阅读(1347) 评论(0) 推荐(1) 编辑
从零开始搞基建(1)——前端代码规范
摘要:一、JavaScript 1)语言 对所有引用都使用 const,不要使用 var。原因:这样做可以确保你无法重新分配引用,以避免出现错误和难以理解的代码。 如果引用是可变动的,使用 let 代替 var。原因:let 是块级作用域的,而不像 var 属于函数级作用域。 坚持使用全等 摒弃相等 == 阅读全文
posted @ 2021-04-06 08:16 咖啡机(K.F.J) 阅读(575) 评论(0) 推荐(1) 编辑
从零开始搞后台管理系统(2)——shin-server
摘要:shin 的读音是[ʃɪn],谐音就是行,寓意可行的后端系统服务,shin-server 的特点是: 站在巨人的肩膀上,依托KOA2、bunyan、Sequelize等优秀的框架和库所搭建的定制化后端系统服务。 一套完整的 Node.js 后端服务解决方案。 调试便捷,实时打印出各类请求、日志和所有 阅读全文
posted @ 2021-03-01 04:35 咖啡机(K.F.J) 阅读(552) 评论(1) 推荐(0) 编辑
从零开始搞后台管理系统(1)——shin-admin
摘要:shin 的读音是[ʃɪn],谐音就是行,寓意可行的后台管理系统,shin-admin 的特点是: 站在巨人的肩膀上,依托Umi 2、Dva 2、Ant Design 3和React 16.8搭建的定制化后台。 介于半成品和成品之间,有很强的可塑性,短期内你就能把控全局。 借助模板组件可快速交付90 阅读全文
posted @ 2021-02-22 08:05 咖啡机(K.F.J) 阅读(2051) 评论(2) 推荐(5) 编辑