发表于 | 更新于: | 分类于
字数统计: 1.9k | 阅读时长 ≈ 7
前言在性能敏感场景下，除了常规的优化方案，如何能从代码底层提高代码性能，例如，一个toC的web H5，静态资源可以压缩图片、CDN加速、懒加载、雪碧图，框架级别有虚拟DOM，React还有useMemo,useCallBack等方法优化，那么除过这些以外，在性能敏感场景下，我们还有什么方法能提高性 ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 126 | 阅读时长 ≈ 1
前言排查Grafana问题背景： 在整合公司Grafana插件中，遇到了请求报502的问题，这里借助Grafana日志以及docker命令来排障 由于版本便利，我们在docker中启动了Grafana,而Grafana的可以在conf/grafana.ini 中开启debug日志,通常日志存储在gr ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 714 | 阅读时长 ≈ 2
前言还记得年初刚来的时候，有人问我要不要接卡顿，又有人跟我说别接啊很难的这个，页面都卡没了不好定位。 去年机缘巧合，卡顿这个事情又到我头上了，同事调侃说性能这个事情接手的都跑路了。 但问题不大，咱没事不惹事，来事不怕事，遇事能抗事。 像腾讯云监控产品RUM（前端性能监控）、APM（终端性能监控）等大 ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 1.7k | 阅读时长 ≈ 7
链式调用链式调用是常见的js一种函数方式，我们看看他是如何实现的 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 2.9k | 阅读时长 ≈ 10
前言总结开发中遇到的思路，方法 npm包开发-软链 背景 最近在打通全链路监控，前端方面依赖腾讯云自研的sdk实现前端监控，有部分需求要和apm合作，进行sdk的修改，sdk的修改不同于一般项目，它是一个npm包，在本地开发测试npm包，需要用到软链 什么是软链 简单说就是为开发的模块(待发 ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 1.3k | 阅读时长 ≈ 5
fontminfontmin 是一个基于Node.js的字体子集化工具，它可以将字体文件压缩为最小的子集，以便在Web应用程序中使用。它可以帮助减少字体文件的大小，提高页面加载速度，并减少带宽使用。 提取字体中指定字符集参考百度 fontmin / 介绍 如何使用 npm 命令进行安装 font ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 2.5k | 阅读时长 ≈ 9
12 Electron本篇文章将结合官方文档以及实际线上每天万人使用的一款开播工具源码片段综合阐述下Electron 的开发经验和技巧 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 E ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 1.2k | 阅读时长 ≈ 5
序言直播间一些复杂功能的实现和总结，包括但不限于 IM 及时通讯消息、融云、融信 IM 私聊消息、推拉流、WebSocket 推送、Hybrid 与 H5 的桥接通信、mobx-state-tree | React 重构 远古 JQ 代码、 PC 直播间深度链接至移动端、用户极验证（验证非脚本或机器 ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 3.9k | 阅读时长 ≈ 17
序言React的组件化开发确实对于大型项目非常有用，大型项目的数据状态管理写乱了也是头疼和难以维护的，这里记录一下项目中使用的状态管理MST（mobx-state-tree） 预备知识 MobX：这是MST的核心，MST中存储的响应式“状态”都是MobX的Observable React：使用 ...
阅读全文 »

发表于 | 更新于: | 分类于
字数统计: 4.8k | 阅读时长 ≈ 23
序言简单记录一下在么么直播遇到的问题以及解决办法，项目技术栈跨度比较大，有 6-7 年前 jquery 项目，也有 React + MST（mobx state tree） + SSR 项目，还有纯 React 项目，遇到的问题比较广泛，记录一下常见的问题，帮助学习。 React 的更新机制Ref ...
阅读全文 »