二叶草

什么是http？ HTTP是hypertext transfer protocol（超文本传输协议）的简写，它是TCP/IP协议的一个应用层协议，用于定义WEB浏览器与WEB服务器之间交换数据的过程(...

前端工程化是什么？ 前端工程化是一种思想！在一个瞬间，我头脑里给我这么一个答案。前端工程化首先应该是一个思想，而不是一个个具体的工程化方案，前面绝大多数文章、人都在讲方案，以一个方案去讲清一个思想，太...

在我们日常的开发中经常会用到一些容易被反复触发的事件。比如：scroll、resize、鼠标事件(mousemove,mouseover等)、键盘事件(keyup、keydown)。 频繁触发回调导致...

你是否激活了连接以加快传输？ 使用 资源提示 来节约时间，如 dns-prefetch （在后台执行 DNS 查询），preconnect （告诉浏览器在后台进行连接握手（DNS, TCP, TLS）...

 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2...

一、用户看到页面之前都经历了什么 检查缓存 DNS服务器通过域名查找对应的web服务器的ip地址 三次握手机制、四次挥手机制 HTTP请求 返回资源 二、页面渲染过程 页面加载过程   说正事之前先说...

  前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。   下图显示了页面加载速度对于用户体验的影响。  ...

一个组件的显示形态由多个状态决定的情况非常常见。代码中混杂着对 DOM 的操作其实是一种不好的实践，手动管理数据和 DOM 之间的关系会导致代码可维护性变差、容易出错。所以我们的例子这里还有优化的空间...

首先，我们先来看看“雅虎军规”的35条： 尽量减少 HTTP 请求个数——须权衡 使用 CDN（内容分发网络） 为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。 避免...

从广义的层面来看，就不仅限于程序内部了，因为造成系统性能问题的瓶颈很可能来源于方方面面，而这种情况往往是性能调优很普遍的情况 从狭义的范畴来看，性能调优主要是指通过修改软件程序逻辑、结构等技术手段提升...