关键词：
人的思维往往会进入一种误区，认为“后面的”，“背后的”东西都是神秘的，伟大的影响力非凡的。所以很多书以“某某内幕”为题，很多程序猿以精通“底层开发”或“后端开发”为荣；同样的当网站出现问题时，我们第一时间想到的也是如何优化“后端”。但这并不一定就是正确的，也许从前端入手，改善性能，将事半功倍。
绪言A：前端性能的重要性
在请求脚本时不会发生并行请求。这是因为在多数情况下，浏览器在下载脚本时会阻塞额外的HTTP请求。
性能黄金法则：只有10%~20%的最终用户响应时间花在了下载HTML文档上，其余的80%~90%时间花在了下载页面中的所有组件上。
绪言B：HTTP概述
第一章：减少HTTP请求
使用图片地图（Image Map）在一个图片上关联多个URL，从而减少HTTP请求次数（缺点需要手工定义图片上的区域坐标）
CSS Spirites：将多付图片合并为一副单独的图片。
<div style="background-image: url(‘a_lot_of_sprites.gif‘); background-position: -260px -90px; width: 26px; height: 24px;"></div>
图片地图的图片必须是连续的，而CSS Sprites则没有这个限制。（合并的图片会比分离的图片的综合要小，因为它降低了图片本身的开销（颜色表，格式信息等等））
内联图片：data：URL模式，将数据内联在其URL自身之中，适合小块数据。data: URL是内联在页面中的，在跨越不同的页面时不会被缓存。聪明的做法是使用CSS
并将内联图片作为背景。将该CSS规则放在外部的样式表中，这意味着数据可以缓存在样式表内部。
TBC
《大型网站技术架构》读书笔记——大型网站系统架构图
网站架构模式架构要素高性能架构高可用架构伸缩性架构可拓展性架构安全性架构负载均衡方式 查看详情
《高性能网站建设指南》笔记
js文件什么时候合并？css和js到底是内联还是外部引入？ 前者速度快，但没办法缓存，没办法多页面共用；后者速度慢，需要额外的请求，但可以缓存，多页面共享。 两全其美的办法【内联+预加载+cookie标志判断】：用户... 查看详情
互联网企业安全高级指南读书笔记之分阶段的安全体系建设
宏观过程第一阶段是基础安全策略的实施，ROI最高，大多属于整改项，不需要太多额外的投入就能规避80%的安全问题第二阶段是系统性整体建设，如果是大型互联网公司，应该直接进入自研之路第三阶段是业... 查看详情
《大型网站技术架构：核心原理与案例分析》--读书笔记：大型网站核心架构要素--性能
1.性能 在浏览器端，可能通过浏览器缓存、使用页面压缩、合理布局页面、减少cookie传输等手段改善性能。还可以使用CDN，将网站静态内容分发至离用户最近的网络服务商机房。可以在网站机房部署反向代理服务器... 查看详情
《大型网站技术架构》读书笔记之八：固若金汤之网站的安全性架构
...内容，而且都是安全相关的）。通过本书的学习，我们从高性能、高可用、伸缩性、可扩展性、安全性五个方面的 查看详情
互联网企业安全高级指南读书笔记之安全管理体系
外部评价指标攻防能力——如果安全团队没几个懂攻防的骨干，那像样的安全团队这件事就无从谈起、对攻防的理解是做安全的基础，业界普遍的状况是整体实力强的安全团队攻防能力必然不弱，而攻防能力弱的团队... 查看详情
读书笔记-01大型网站架构演化-思维导图
1.服务器分离？随着业务发展，越来越多的用户访问导致网站性能越来越差，越来越多的数据导致存储空间不足，这时候就需要将网站进行分离。2.使用缓存？随着用户增多，数据库压力越来越大导致访问延迟想象越来越多，进... 查看详情
《javascript权威指南》读书笔记
日期：2015-12-05浏览器location和history： replace不会显示历史，location会； history对象脚本不能真正访问，但支持三种方法：back（）、foward（）、go（）； 打开窗口：window.open（）老是被阻止； 关闭窗口：window.close();&n... 查看详情
《javascript权威指南》读书笔记
日期2015-11-28把之前的读书笔记在我弄丢它之前搬过来~~时间过去好久，回头一看理解都不一样了。 重点浏览了一下和Java的不同之处：js是一种宽松类型语言；js不区别整形数值与浮点型数值，所有数字由64位浮点型表示；没... 查看详情
《javascript权威指南》读书笔记
日期：2015-12-04js的原型：；闭包：闭包这是个相当复杂的东西。。。现在初步理解； http://segmentfault.com/a/1190000000652891 闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会... 查看详情
《javascript面向对象编程指南》读书笔记②
概述《JavaScript面向对象编程指南》读书笔记①这里只记录一下我看JavaScript面向对象编程指南记录下的一些东西。那些简单的知识我没有记录，我只记录几个容易遗漏的或者精彩的知识点，以后再看也可当做拾遗之用！内容1.枚... 查看详情
《javascript权威指南》读书笔记
日期：2015-12-06 事件传播：1、捕捉阶段2、运行阶段3、起泡阶段cookie和客户端持久性：；HTML5引入了web应用缓存、LocalStorage、SessionStorage；使用XMLHttpRequest:1.创建一个XMLHttpRequest对象；2.指定http请求并向一个服务器提交；3.... 查看详情
it-http-读书笔记--《http权威指南》
1 查看详情
读书笔记--android编程权威指南
1.设备旋转前保存数据当屏幕旋转时会销毁当前Activity然后再新建一个Activity，这样会造成数据的丢失。通过覆盖onSaveInstanceState(BundleoutState)方法来保存数据。@OverrideprotectedvoidonSaveInstanceState(BundleoutState){super.onSaveInstanceState(outState);... 查看详情
javascript权威指南读书笔记第一章
第一章JavaScript概述 前端三大技能： HTML：描述网页内容 CSS：描述网页样式 JavaScript:描述网页行为 特点：动态、弱类型、适合面向对象和函数式编程的风格 语法源自Java ... 查看详情
css权威指南读书笔记
网上看见推荐的书总是喜欢买回家，但是大多数时候都不会立即就看，都是在书橱里蒙上了一层灰尘。从毕业到现在，由于公司业务原因，写js多余css，所以就想系统地看看css，并且做一些练习，于是就开始看《css权威指南》，... 查看详情
《javascript权威指南》读书笔记——javascript核心
前言这本由DavidFlanagan著作，并由淘宝前端团队译的《JavaScript权威指南》，也就是我们俗称的“犀牛书”，算是JS界公认的“圣经”了。本书较厚（有1004页），读起来颇费功夫，但作为JavaScript（下文简称：JS）相关从... 查看详情
《kubernetes网络权威指南》读书笔记|连接你我他：linuxbridge
...络权威指南：基础、原理与实践》一边学习一边整理读书笔记，并与大家分享，侵权即删，谢谢支持！附上汇总贴：《Kubernetes网络权威指南》读书笔记|汇总_COCOgsta的博客-CSDN博客顾名思义，Linuxbridge就... 查看详情