踏入前端行业也快10个年头了，突然回首才发现竟然没有写过一篇文章（汗颜），是时候整理知识结构了，理一理这些年我都干了写什么，收获了什么，还需要什么。。。因为这是一个比较完整的优化手段使用案例，在追求最大性能的前提下，你可以使用所有你可以想到的方案，没有最优

遇到这些场景，慢的让人崩溃？集算器为您加速！点击集算器性能优化场景获得极速体验！本文预计阅读时间 3 分钟。

实现强缓存可以通过两种响应头实现：Expires 和 Cache-Control 。强缓存表示在缓存期间不需要请求，state code 为 200. Expires 是 HTTP / 1.0 的产物，表示资源会在 Wed, 22 Oct 2018 08:

排号键是SPL独特的数据类型，适合替代多层次、各层不连续的键值，比如身份证号、合同编号、产品编号、组织机构代码等。排号键定位速度快，常用于优化内存索引查询和外键关联计算。内存索引查询cardNormal.btx是集文件格式的身份证信息表，数据量一百万条，字

很多算法都会产生落地的中间结果，从而影响性能，尤其是数据量较大的时候。这种情况下通常可用程序游标来避免数据落地，下面举例说明。前半排序计算目标：订单表原来已按时间排序，需要将数据按日期、产品去除重复，再统计记录条数。但函数groupx会导致数据落地，因此性

React15.3中新加了一个PureComponent类，取代之前的PureRenderMixin , PureComponent可以进行React性能优化，减少不必要的render渲染次数，使用时只要把继承类从Component换成PureCompon

用数据说话证明慢日志的扫描行数到底是如何统计出来的从 group by 执行原理找出优化方案排序的实现细节gdb 源码调试背景需要分别统计本月、本周被访问的文章的 TOP10。`day` int NOT NULL COMMENT '日期 例如 201710

dns 缓存， 降低访问 dns 的时间。对于接口，我们可以减少 http 请求的次数和大小。css 压缩去掉空格、注释、回车、换行无效代码删除语义合并。

Web 性能优化： 使用 Webpack 分离数据的正确方法Web 性能优化： 图片优化让网站大小减少 62%Web 性能优化： 缓存 React 事件来提高性能React.js 核心团队一直在努力使 React 变得更快，就像燃烧的速度一样。为了让开发者

懒加载代码实现html<!

Cell复用机制Cell高度预先计算缓存Cell高度圆角切割等等. . .要求 tableView 滚动的时候,滚动到哪行，哪行的图片才加载并显示,滚动过程中图片不加载显示;页面跳转的时候，取消当前页面的图片加载请求；以最常见的cell加载webImage

el.style.cssText = 'border-left: 1px; border-right: 2px; padding: 5px;'cssText会覆盖已存在的样式，如果不想覆盖已有样式，可以这样。el.style.cssText += ';bo

创建DateFormatter对象设置日期格式使用DateFormatter对象对日期进行处理在上篇文章《DateFormatter性能优化》中，我们通过创建单例对象的方式对创建DateFormatter对象，设置日期格式两个步骤进行了缓存，将方法耗时降低

本文旨在用 20% 的精力解决使用Regular过程中 80% 的性能问题.b组件内部的$update不会再会冒泡到外层。方案1. 升级到v0.5.2版本以上首先将上面的公式再简化,并拓展到 一轮完整的脏检查Dirty-Check Loop ，可以用下面的

随着相关浏览器对HTTP协议的“不安全”、红色页面警告等严格措施的出台，以及向 iOS 应用的 ATS 要求和微信、支付宝小程序强制 HTTPS 需求，以及在合规方面如等级保护对传输安全性的要求都在推动 HTTPS 的发展。虽然 HTTPS 优化了网站访问

前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。一.重排 & 重绘有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了

"server": "NODE_ENV = test nodemon --exec babel-node --server/server.js". 设置css和图片的hook服务端不能识别css/png等静态资源文件

在源数据表结构中，有一个字段称为科目，其长度总是固定的 10 位，如：1234567890，如下图：。其中年、月是公共过滤条件，代表统计的时间范围。

上个Q做了一波web性能优化,积累了一点点经验 记录分享一下。如果我们能在html页面加载完就立即请求首屏数据 然后再请求css js等资源的话 将接口请求与 css js资源请求并行的话 首屏时间就能节省 至少1个请求的耗时。// 这里我们是写了一个单独

因为构造函数只会在app创建，执行一次,箭头函数和bind每次都返回一个新的函数，引起渲染Q: React事件机制，为什么拿不到this. //与实际在 React Component 中将处理程序作为 callback 参数传递相似。箭头函数没有 thi