性能优化
10篇文章 · 0订阅
  • 可观测性之国内第一篇讲如何减少卡顿的代码级别详细文章
    本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。
    性能优化 前端
    可观测性之国内第一篇讲如何减少卡顿的代码级别详细文章
  • 如何解决前端常见的竞态问题
    前端常见的搜索、分页、选项卡等切换场景中，由于网络不确定性，先发出的请求不一定先响应，这会造成竞态问题。本文提供「取消」或「忽略」两种对过期请求竞态问题处理的方案。
    前端
    如何解决前端常见的竞态问题
  • 如何使用 docker 部署前端应用
    docker 变得越来越流行，它可以轻便灵活地隔离环境，进行扩容，方便运维管理。对开发者也更方便开发，测试与部署。 最重要的是， 当你面对一个陌生的项目，你可以照着 Dockerfile，甚至不看文档(文档也不一定全，全也不一定对)就可以很快让它在本地跑起来。 现在很强调 de…
    Docker 前端
  • Nginx 从入门到实践，万字详解！
    这篇文章会在 CentOS 环境下安装和使用 Nginx，如果对 CentOS 基本操作还不太清楚的，可以先看看 <半小时搞会 CentOS 入门必备基础知识> 一文先做了解。 相信作为开发者，大家都知道 Nginx 的重要，废话不多说，一起来学习吧。 1. Nginx 介绍 …
    前端 Nginx 后端
    Nginx 从入门到实践，万字详解！
  • 字节跳动面试官，我也实现了大文件上传和断点续传
    window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…
    全栈
    字节跳动面试官，我也实现了大文件上传和断点续传
  • 总结之优化动画卡顿：卡顿原因分析及优化方案
    大多数设备的刷新频率是60次/秒，也就是1秒钟的动画是由60个画面连在一起生成的，所以要求浏览器对每一帧画面的渲染工作要在16ms内完成。当渲染时间超出16ms时，1秒钟内少于60个画面生成，就会有不连贯、卡顿的感觉，影响用户体验。 JavaScript：JavaScript实…
    性能优化
  • css加载会造成阻塞吗？
    之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…
    CSS JavaScript 前端
  • JS中图片压缩的一般方法
    其中，file参数传入一个File（Blob）类型文件；quality参数传入一个0-1的number类型，表示图片压缩质量；fn为回调方法，包含一个Blob类型文件的参数。 这样的话，图片压缩上传就能轻松地搞定了，以上的8个方法我已经封装好放到github上了，喜欢的话可以使…
    JavaScript API 前端
  • 前端性能优化的三个维度
    前端性能优化可以分为三个level：静态资源优化、接口访问优化、页面渲染速度优化，在操控门槛上依次递增，优化效果上越发没有这么明显，所以很多小团队只会做到了第一个level追求极致的前端性能体验，提升自己的level，come on ~ 目录 一、静态资源优化 二、接口访问优化…
    Node.js 前端
  • 前端每周清单半年盘点之 CSS 篇
    前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前端每周清单中的 CS…
    CSS 前端 HTTPS
    前端每周清单半年盘点之 CSS 篇