bigtree

同构是指同开发一个可以跑在不同的平台上的程序。例如开发一段 js 代码可以同时被基于 node.js 开发的 web server 和浏览器使用。本文中我们就要聊聊这种场景...

背景 中间件在node框架中是很基本的套件，使用不当很容易对页面性能造成影响。对node中间件层耗时影响大的主要是2点： 1. await阻塞 2. 跨机房调用...

稳定性建设之e2e：1. e2e框架选择 3. e2e能带来的收益 4. e2e在稳定性建设中能cover住的场景 5. 如何衡量e2e对业务的价值 6. 一些e2e的难点...

多机房部署 背景 全球化的业务发展到一定阶段后，就会有多机房部署的需求，可以让用户就近访问，提升性能。并且也能为单一机房分流，减轻负载压力 如何实现？ 步骤： 前端部分： ...

性能优化之CDN缓存。收益1.更好的性能（减少白屏时间）2. 帮服务端减轻压力，抵御部分攻击流量。命中CDN缓存的情况，请求将不会回源（回源：不会回到你的node serv...

有时候会看到这样的代码，设置了crossorigin="anonymous"这个属性，个人认知里面是跟跨域有关系的。但是仔细一想，本来 script标签就是可以跨域请求资源...

service worker在性能优化中的应用。适用于：1.用户会重复访问该平台，并且需要离线体验的能力 2.存在Long Task（密集的cpu计算）会造成页面卡顿，用户...

对前端项目打包产物分析的好处有很多。如果我们前端的项目没有把打包产物监控起来，会存在以下几个问题： 哪次commit，把项目体积拉大了，性能又变差了？ （有些同学可能在开发...

node SSR服务如何防范和处理DDos攻击 背景 防范和处理DDos攻击是稳定性建设中比较重要的一环，如果没有提前防范好，一但被攻击后，服务就会陷入不可用状态，可能会为...

稳定性建设之JavaScript代码不能被阻断。js代码可能会因为某些原因，导致出错，进而整个后续代码有可能都被阻断。直接影响线上的稳定性。如何解决呢？throw慎用，异步...

node服务CPU过高的排查思路 1. 重启实例 2. 确定是node进程导致的 3. 看代码diff 4. 生成运行时的CPU profiler 5. 结合 profil...

国际化之自动适配阿拉伯语(反向)的配置 阿拉伯语 简称 阿语 背景 国际化业务中，需要做阿语，阿语和我们平常的习惯相反... 用postcss-rtl在编译阶段自动做rtl...

性能优化之动图（gif和mp4的对比） 背景 动图的体积一般都是非常大的，使用不当的话，很影响用户体验，gif格式是一种很老的格式了，压缩率不高，所以体积特别大，mp4格式...

通用化解决个性化文字换行问题 背景 首先我们网站内容是运营自己在内容平台上去配置的，我们开发不用参与和release代码。并且是国际化，多语言的。 在这种背景下，经常碰到某...

性能优化之SSR服务端渲染动态SDK组件的注意点 ，vue SSR服务端渲染中发现，有部分组件在服务端没法渲染出来，只能在客户端渲染出来。解决办法是，SDK需要换成Vue....

但是，报错了。由于用cli创建项目时，使用的是runtime-only的构建方式，而在main.js 中，使用 template: '<div>{{this.message...

性能优化之不可忽视的sourcemap体积，sourcemap对js包的体积影响非常大，在做性能优化时需注意。如何确定js内是否有sourcemap？webpack默认会加...

如何快速定位SSR项目中只在线上环境出现的报错 背景 在做SSR项目开发的时候，碰到过几次报错：本地调试是正常的，只在线上环境会报错 有些报错影响也很大：导致js加载错误，...

如何快速定位SEO问题 当了解了一些seo基本的知识后，碰到一个新网站，需要做seo时，如何快速定位SEO问题？ lighthouse gsc site 其他排查点 1. ...

结合运营角度的前端SEO实现 先了解一下运营角度的seo，对前端同学做seo，会有很大帮助。会更好的理解seo具体要做什么，为什么做？最好是要做成内容配置化（CMS平台），...