前端优化
7篇文章 · 0订阅
  • 图解浏览器渲染页面详细过程
    浏览器渲染 DOM树 CSSOM树 CSS不会阻塞HTML解析 JS会阻塞HTML解析 reflow repaint
    浏览器 前端
  • 前端代码Review，一次性掰扯明白！
    @主要Review的指标 前端代码Review主要关注以下几个方面： 助记：功性读复全兼测 @功能Review 无需人为检测，但注释要写明白，TS类型要写清楚，让用的人如沐春风； 该匹配单元测试的建议
    前端 面试
  • 基于TinyPng，通过node实现一个批量压缩图片的cli工具
    基于TinyPng，通过node实现一个批量压缩图片的cli工具。全局安装cli命令，即可在项目下压缩指定文件目录下的图片资源。
    Node.js 前端
    基于TinyPng，通过node实现一个批量压缩图片的cli工具
  • 深度剖析前端性能优化CRP
    。。。 1. 构建DOM树、CSSOM树、渲染树、 1. DOM的重绘和回流 Repaint & Reflow 如添加或删除可见的DOM元素；元素的位置发生变化；元素的尺寸发生变化；内容发生变化（比如文本变化或者图片被另一个不同尺寸的图片所替代）；页面一开始渲染的时候（这个无法…
    前端
  • (1.6w字)浏览器灵魂之问，请问你能接得住几个？
    作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…
    JavaScript ECMAScript 6
  • 关于前端优化的一些方案
    HTML压缩HTML代码压缩就是压缩在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等. CSS压缩CSS压缩包括无效代码删除与CSS语义合并以及空格，制表符，换行符。 gzip压缩HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大…
    前端
    关于前端优化的一些方案
  • 【建议收藏】90%的前端都会踩的坑，你中了吗？
    移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。…
    Vue.js CSS
    【建议收藏】90%的前端都会踩的坑，你中了吗？