最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

本文是对近两天学习postcss的总结，在这里分享给大家。 1 . 使用下一代css语法 2 . 自动补全浏览器前缀 3 . 自动把px代为转换成 rem 4 . css 代码压缩等等 postcss 只是一个工具，本身不会对css一顿操作，它通过插件实现功能，autopref…

Electron 我们会出一个系列，这篇文章主要是介绍 Electron 基础相关的东西，后续会出我们在实战中更多的技巧以及问题的解决方案，希望大家持续关注我们。 Electron 是一个赋力前端进行跨平台开发的框架,让开发人员使用 JavaScript, HTML 和 CSS…

前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。 一个页面性能差的话会大大影响用户体验。用户打开页面等待的…

本文我们将会介绍 JS 实现异步的原理，并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。 官方的说法是：进程是 CPU资源分配的最小单位；线程是 CPU调度的最小单位。这两句话并不好理解，我们先来看张图： 进程好比图中的工厂，有单独的专属自己的工厂资源…

我们的 GitHub 仓库最近在 GitHub 上获得了 10,000 颗星。它在 HackerNews、GitHub Trending 上排名第一，并在 Reddit 上获得了 2 万个赞。 这篇文章是我这一段时间以来一直想写的，随着我们的仓库快速上升，我认为现在是写它的最佳…

发现总结性的小干货可以为大家提升更好的开发技巧和编码思维，对代码量产化提供更扎实的质量和支持。这次我们来聊聊大家可能都比较关心的话题：性能优化。 一说到页面的性能优化，大家可能都会想起雅虎军规、2-5-8原则、3秒钟首屏指标等规则，这些规则在开发过程中不是强制要求的，但是有时候…

在目前的前端领域，单页web应用（SPA）已经有了比较高的占有率，比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。 单页应用确实带来了更好的前后端分离，以及用户体验好、快，内容的改变不需要重新加载整个页面等等的优点，喜忧参半，SPA应用首屏加载慢、…

目前比较流行的大致有3种，Router ，Protocol，Target-Action.我们采用了第三种，在此要感谢casa前辈的智慧与无私贡献。至于选用哪一种，不在今天的讨论范围内，因为无论你打算或者正在使用哪一种，与今天我们要讲的都没有冲突。 组件化一般分3层，从下至上依次…