Christine_Only

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

用户访问业务时，整个访问过程大致可以分为三个阶段：页面生产时（服务器端状态）、页面加载时和页面运行时。 服务端的状态由server侧/node进行监控，一般有比较成熟的监控报警机制。而前端要做的就是对页面加载时和页面运行时进行状态监控，主要解决如下几个问题： AJAX请求异常 …

Snippets 不知道大家有没有用过vscode自带的snippets，是不是有时候看其他人怎么输入几个字母，就能生成一大段代码，非常神奇。

前端CDN容灾，资源重载方案，高效解决资源异常导致的白屏、样式错乱，加载缓慢等问题。实现CDN域名动态切换，精准CDN监控，资源重载成功率监控。降低前端核心链路阻断比例，提高用户体验。

我们可以给 script 标签添加上 onerror 属性，这样在加载失败时触发事件回调，从而捕捉到异常。 并且，借助构建工具( 如 webpack 的 script-ext-html-webpack-plugin 插件) ，我们可以轻易地完成对所有 script 标签自动化注…

正如标题所言，今天我们想要花一些时间来为大家完整的讲解前端【埋点、监控】的【全流程】。以补充很多同学在这一块的知识空白。 大纲 我们会从以下三个方向来讲解埋点......

1. 意外的全局变量 2. 遗忘的定时器 3. 使用不当的闭包 4. 遗漏的 DOM 元素 5. 网络回调 可以抓取两份快照，两份快照中间进行内存泄漏操作，最后再比对两份快照的区别，查看增加的对象是什么，回收的对象又是哪些，如上图。

自定义Hooks让写Vue3更畅快！ 为什么Vue3要用自定义Hook？Composition Api究竟好在哪？