一、日常问题 1）遗留项目 经常在工作时被人小窗，这里的计算有问题，那里的表格没内容了等等，一开始肯定是懵逼状态，然后是根据症状一步步的摸索代码逻辑。 对于正在维护的项目，很容易定位问题，但对于那些已经无人维护的项目，定位起来就比较困难了。 必须先确定数据源来自哪个组，可能是服务端，也可能是大数据...

2021-06-21 10:13:23 阅读数:52 评论数:0 作者:咖啡机（K.F.J）

公司目前在线上运行着一款小程序，为了能监控小程序的运行情况，自行开发了一个参数搜集的SDK，名称为 shin.js，放置在 utils 目录中。 目前只搜集了打印、通信和错误，其中打印不是 console.log() 而是 shin.log()。 在小程序的管理后台，开发管理中，目前也有一个错误日志...

2021-06-15 08:59:32 阅读数:102 评论数:0 作者:咖啡机（K.F.J）

在将监控日志的服务独立部署后，还是发现CPU会在不特定时间段（例如21~22、23~02等）飙到70%，内存也是一路飙升不会下降，明显是出现了内存泄漏。 ! (https://img2020.cnblogs.com/blog/211606/202105/211606 2021050208245945...

2021-06-07 10:35:34 阅读数:56 评论数:0 作者:咖啡机（K.F.J）

前端性能监控是个老话题了，各个团队都会对其有所关注，因为关注性能是工程师的本分。 页面性能对用户体验而言十分关键，每次重构或优化，仅靠手中的几个设备或模拟的测试，缺少说服力，需要有大量的真实数据来做验证。 在2016年，我就写过一篇《 前端页面性能参数搜集 (https://www.cnblogs....

2021-05-24 08:57:17 阅读数:96 评论数:0 作者:咖啡机（K.F.J）

一、存储 在将数据传送到后台之前，已经做了一轮清洗工作，如果有需要还可以再做一次清洗。 日志表如下所示，自增的 id 直接偷懒使用了 bigint，没有采用分表等其他技术。 CREATE TABLE web_monitor ( id bigint(20) NOT NULLAUTO_INCREMEN...

2021-05-18 10:03:26 阅读数:97 评论数:0 作者:咖啡机（K.F.J）

目前市面上有许多成熟的前端监控系统，但我们没有选择成品，而是自己动手研发。这里面包括多个原因： 填补H5日志的空白 节约公司费用支出 可灵活地根据业务自定义监控 回溯时间能更长久 反哺运营和产品，从而优化产品质量 一次难得的练兵机会 前端监控地基本目的：了解当前项目实际使用的情况，有哪些异常，在追踪...

2021-05-11 09:06:23 阅读数:84 评论数:0 作者:咖啡机（K.F.J）

前端会与公司的所有部门有协作，若在某一环出现问题，就会发生不必要的时间开销，降低开发效率。所以有必要制订一套完善的协作流程。 有个核心要素，那就是积极主动性。 一、与业务方的协作 1）BUG上报 业务方包括运营、客服、财务等部门，在使用软件时难免会遇到这样那样的问题。 若要上报这些BUG，则需要提供...

2021-04-12 11:33:11 阅读数:86 评论数:0 作者:咖啡机（K.F.J）

近日读了一本名为《 精通模块化JavaScript JavaScript 》的书，并记录了其中的精髓。 ! 211606 20210210161352641 1408484685.jpg 一、模块化思维 精通模块化开发并不是指要遵循一套定义明确的规则，而是指能够将自己置身于使用者的角度，...

2021-03-16 10:21:50 阅读数:84 评论数:0 作者:咖啡机（K.F.J）

shin 的读音是 ʃɪn ，谐音就是行，寓意可行的后端系统服务， shin server 的特点是： 站在巨人的肩膀上，依托 KOA2 、 bunyan 、 Sequelize 等优秀的框架和库所搭建的定制化后端系统服务。 一套完整的 Node.js 后端服务解决方案。 调试便捷，实时打印出各...

2021-03-01 15:25:07 阅读数:98 评论数:0 作者:咖啡机（K.F.J）

! 211606 20210205164924222 1118316217.png shin 的读音是 ʃɪn ，谐音就是行，寓意可行的后台管理系统， shin admin 的特点是： 站在巨人的肩膀上，依托 Umi 2 、 Dva 2 、 Ant Design 3 和 React 16.8...

2021-02-22 11:39:18 阅读数:73 评论数:0 作者:咖啡机（K.F.J）

短链顾名思义是一种很短的地址，应用广泛，例如页面中有一张二维码图片，包含的是一个原始地址（如下所示），如果二维码中的链接需要修改，那么就得发代码替换掉。 原始地址： https://github.com/pwstrick/daily https_github.com_pwstrick_daily...

2021-02-02 01:42:07 阅读数:88 评论数:0 作者:咖啡机（K.F.J）

一、日常工作 1）开会 由于公司规模并不大，因此一有事情就会拉个会议，例如需要大会、技术评审、汇报周会、突发会议等。一周中大概有20%~30%的时间会花在大大小小的会议上。 公司会议难免会出现接锅的情况，虽然自己不想做锅靖，但是有些边界定义比较模糊的锅（既可以给后端，也可以给前端），在时间...

2021-01-18 16:28:58 阅读数:61 评论数:0 作者:咖啡机（K.F.J）

最近做一个活动，需要用到定时任务，于是使用了 [node-schedule][] 库。 用法很简单，就是可配置开始、结束时间，以及重复执行的时间点，如下所示，从2020-12-23T09:00:00Z开始，每10分钟执行一次，直至2020-12-23T09:30:30Z结束。 s...

2020-12-30 08:07:33 阅读数:102 评论数:0 作者:咖啡机（K.F.J）

最近跳槽到一家创业多年的小公司，带一个前端小团队。 在这一个多月中，主要是熟悉业务，维护老代码，编写新业务等，期间也发现了当前团队出现的种种问题，打算在接下来的日子里好好改造。 接下来给自己定的小目标是，改变混乱的局面，提升工作效率，团队更加稳定和规范化。 ![211606-2...

2020-12-07 07:53:52 阅读数:113 评论数:0 作者:咖啡机（K.F.J）

动态规划（Dynamic Programming，DP）是指在给定的约束条件下求最优值的算法，在解决问题的过程，需要经历多个决策阶段，每个决策阶段都对应着一组状态。 适用于动态规划解决的问题包含三个特征： （1）最优子结构：通过子问题的最优解，可推导出问题的最优解，即后面阶段的状态可...

2020-10-26 07:29:47 阅读数:119 评论数:0 作者:咖啡机（K.F.J）

分治算法（Divide-and-Conquer Algorithm），就是分而治之，把一个复杂问题分成两个或更多个相同或相似的子问题，直到最后子问题可以简单的直接求解，原问题的解即子问题的解的合并。 分治算法比较适合用递归来实现，而每一层递归都会涉及三个操作： （1）分解：将原问题分...

2020-10-12 06:05:43 阅读数:129 评论数:0 作者:咖啡机（K.F.J）

贪心算法（Greedy Algorithm）会在每一步选择中都采取当前状态下最好或最优（即最有利）的选择，不能回退，从而希望结果是最好或最优的算法。它是动态规划的一种特例，需要满足更多的限制条件。 贪心算法在有最优子结构的问题中尤为有效（例如求图的最小生成树、哈夫曼编码等），最优子结构是指...

2020-09-29 10:24:14 阅读数:105 评论数:0 作者:咖啡机（K.F.J）

回溯算法（backtracking）是一个类似枚举的搜索尝试过程，在寻找问题解的过程中，当发现不满足求解条件时，就退回一步，尝试其它路径，该算法的时间复杂度都不会低于 O(N!)，复杂的例题包括[正则表达式匹配][Link 1]、[解数独][Link 2]等。 在《[回溯算法详解][Lin...

2020-09-22 08:36:44 阅读数:114 评论数:0 作者:咖啡机（K.F.J）

二分查找（Binary Search）是对一种针对有序数据集合的查找算法，依赖数组，适合静态数据。通过 n/2^k=1（k 是比较次数），可以求得 k=log2^n，因此时间复杂度为高效地 O(logn)。 其思路很简单，就是每次与区间的中间数据做比较，缩小查找范围，但是期间涉及到的细节很...

2020-09-15 09:45:48 阅读数:110 评论数:0 作者:咖啡机（K.F.J）

树是一种非线性表数据结构，树的基本概念如下所列。 （1）结点高度：结点到叶子结点的最长路径（即边数）。例题：[112. 路径总和][112.]。 （2）结点深度：根结点到这个结点所经历的边的个数。例题：[104. 二叉树的最大深度][104.]。 （3）结点层数：结点深度加 1...

2020-09-07 07:09:46 阅读数:120 评论数:0 作者:咖啡机（K.F.J）

一、栈 栈（stack）是一种操作受限的线性表数据结构，基于后进先出（LIFO）策略的集合类型，例如函数中的临时变量符合后进先出的特性，因此用栈保存最合适。 在入栈和出栈过程中所需的空间复杂度是 O(1)，时间复杂度也是 O(1)。空间复杂度是指运行算法还需要的额外存储空间。 ...

2020-08-31 09:27:27 阅读数:159 评论数:0 作者:咖啡机（K.F.J）

链表（Linked List）是不同于数组的另一种数据结构，它的存储单元（即结点或元素）除了包含任意类型的数据之外，还需要包含指向另一个结点的引用，后文会用术语链接表示对结点的引用。 下面会列出链表与数组的具体不同： （1）数组需要一块连续的内存空间来存储；而链表则恰恰相反，通过指针...

2020-08-25 06:48:34 阅读数:137 评论数:0 作者:咖啡机（K.F.J）