杜杜杜大侠

本文介绍了在小程序中使用Taro跨端框架的经验总结，包含：技术选型调研、Taro编译时的流程解析、小程序开发效率、用户体验和性能优化等。...

1.AST 1.1 AST是什么？ AST,抽象语法树。 1.2 最常用的抽象语法树是什么？ babel eslint 1.3 为什么要用AST? 抽象语法树的核心目的是翻...

背景 由于后续ws-sdk的使用场景和业务越来越多，方便数据监控以及问题排查，通过sentry接入异常处理机制。 本质上其实就是做两件事儿： 将异常改为提示信息。 将异常输...

背景 数据上报之后，日志存储是阿里云sls。为了方便更加直观的看到分析数据，有了数据之后，接下来要做的是两件事儿： 数据分析 数据可视化 前提 要做数据分析和数据可视化，前...

引入 通过npm的方式引入 最佳实践 创建tracker 新建tracker.ts, 文件路径 src/utils/tracker.ts 用户登录之后创建， 退出登录之后移...

1. 背景 业务发展到一定阶段，我们需要一个埋点监控SDK去做数据的收集，后续再统计分析。有了分析数据，才能有针对性对网站进行优化。 对于前端来说，考虑到埋点逻辑和业务逻辑...

背景 收敛PC和小程序各个项目中常用的工具方法库: @xxx/js-lib 举例：节流 - ahook，手写，lodash。 统一实现标准，保证质量。 方案 实现方案 ty...

使用 通过安装包的方式引入。 业务接入 通过new创建一个Socket对象实例的方式使用。 登录成功建立连接 建立连接之后，收到消息，处理消息 退登主动断开连接 配置参数 ...

介绍 ws-sdk是前端抽出的与后端建立长链接通信的一个工具包。 特点 基于WebSocket包装器Sockette 断线重连 错误数据上报（todo） 流程 SOCKET...

1.背景 后台有时需要实时的获取服务器消息，比如：实时的消息推送功能，比如聊天室、后台信息提示、实时更新数据等功能。对于此类需求，一种较为原始的方式就是让客户端每隔一段时间...

前言 React 16 之后，推出了 Fiber 架构，而 Fiber 具体是个什么东西，有很多优秀的文章进行解读，而本文在学习了各个大佬的文章后，尽力以最通俗易懂过的话来...

生成式AI引爆新的技术周期，前端工程师该如何享受这个周期的技术红利、找到自己在这个时代的技术转型机遇？...

WebSocket简介 WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能，使得服务器可以主动向客户端推送数据，...

在前端开发中，实现无感刷新 token 通常是为了保持用户的登录状态，并确保其访问权限的有效性。实现无感刷新 token 的原理以及给出一个示例。 实现原理前端无感刷新 t...

为什么你觉得偶尔看浏览器的工作原理，但总是忘呢😵‍💫，因为你没有形成一个完整的知识网络，你的记忆是碎片化的。正如人的神经网络，只有当你的记忆相互依赖，相互链接，才能形成...

这一年，左耳朵耗子走了，大家更要注意身体。 这一年，都是前端已死的论调，我偏偏不信，和很多人争论，就是为了给大家更多温暖。 这一年，降本增笑，我见识了太多，洒泪离开前团队，...