一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

后来在周围同事的推荐下，我转去用了whistle，目前是whistle + SwitchyOmega配合一起使用。 跨平台：whistle是基于node实现的代理服务器，可以在所有操作系统上使用。 上面的这些功能，也基本能满足日常开发需求的配置，当然，还有另外的方式能更好地实现…

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

前言 你是否有过这样的一个 UI 需求：页面上的某些组件需要根据它们所在视口滚动到某个阈值，或者从所处视口进入或移出？在JavaScript中，可以通过监听滚动条事件进而在回调函数中来处理，但这会影响

一些常见是nginx使用场景，包括：自动适配PC/移动端、限制访问设备、前端单页面应用404问题、防盗链、动静分离、权限控制等nginx配置介绍

前言 大家好，我是林三心，回想起我当年校招的时候啊，多次被面试官问到canvas，但是我却不会，后来一直想找个机会学一下canvas，但是一直没时间。canvas在前端的地位是越来越重要了，为此，我特

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

这里有很多方案，例如我们常说的webpack利用splitchunks进行拆包配合一些加载方式，使原本特别大的appjs分成若干个细小的包，webpack优化将会在下一期的专题里讲到。 webp，是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，无损压缩后的WebP…