摘要：
//方式一 #container{ position:relative; } #center{ position:absolute; width:100px; height:100px; top:50%; left:50%; transform: translate(-50%,-50%); //margin:-50% 0 0 -50% } //方式二 ... 阅读全文
摘要：
单独拎出来的缓存问题，http的缓存 前后端的http交互中，使用缓存能很大程度上的提升效率，而且基本上对性能有要求的前端项目都是必用缓存的。 缓存可以简单的划分成两种类型： 强缓存（ 200fromcache）与 协商缓存（ 304）。 区别简述如下： 强缓存（ 200fromcache）时，浏览 阅读全文
摘要：
https就是安全版本的http，譬如一些支付等操作基本都是基于https的，因为http请求的安全系数太低了。 简单来看，https与http的区别就是： 在请求前，会建立ssl链接，确保接下来的通信都是加密的，无法被轻易截取分析 一般来说，如果要将网站升级成https，需要后端支持（后端需要申请 阅读全文
摘要：
首先看 tcp/ip层面的定义： 长连接：一个tcp/ip连接上可以连续发送多个数据包，在tcp连接保持期间，如果没有数据包发送，需要双方发检测包以维持此连接，一般需要自己做在线维持（类似于心跳包） 短连接：通信双方有数据交互时，就建立一个tcp连接，数据发送完成后，则断开此tcp连接 长连接：一个 阅读全文
摘要：
报文一般包括了： 通用头部， 请求/响应头部， 请求/响应体。 通用头部 这也是开发人员见过的最多的信息，包括如下： Request Url: 请求的web服务器地址 Request Method: 请求方式（Get、POST、OPTIONS、PUT、HEAD、DELETE、CONNECT、TRAC 阅读全文
摘要：
1.使用3D硬件加速提升动画性能时，最好给元素增加一个z-index属性，人为干扰复合层的排序，可以有效减少chrome创建不必要的复合层，提升渲染性能，移动端优化效果尤为明显 2.针对带cookie的请求，由于在同域名的资源请求时，浏览器会默认带上本地的cookie，针对这种情况，在某些场景下是需 阅读全文
摘要：
浏览器的渲染进程（是Browser进程，浏览器插件进程，GPU进程，渲染进程中的一种进程）包含的一些主要常驻线程： GUI渲染线程 负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。 当界面需要重绘（Repaint）或由于某种操作引发回流(reflow 阅读全文
摘要：
从浏览器接收url到开启网络请求线程（这一部分可以展开浏览器的机制以及进程与线程之间的关系） 开启网络线程到发出一个完整的http请求（这一部分涉及到dns查询，tcp/ip请求，五层因特网协议栈等知识） 从服务器接收到请求到对应后台接收到请求（这一部分可能涉及到负载均衡，安全拦截以及后台内部的处理 阅读全文
摘要：
1. 直接改变className，如果动态改变样式，则使用cssText（考虑没有优化的浏览器） 2. 让要操作的元素进行”离线处理”，处理完后一起更新 a) 使用DocumentFragment进行缓存操作,引发一次回流和重绘；b) 使用display:none技术，只引发两次回流和重绘；c) 使 阅读全文
摘要：
1.Mac上Apache和Tomcat服务器启动命令 Mac上Apacha服务器启动命令： sudo apachectl start/restart/stop 或者sudo httpd -k stop/start Mac上Tomcat服务器启动命令： startup.sh/shutdown.sh 2 阅读全文