关于Web

无论是对哪一种工作而言，经验总是第一顺位。有句话是这么说的“实践是检验真理的唯一标准”，我认为，检验真理的前提是 必须要知道真理即理论，之后才可以带着这个理论去进行验证。因此，在此和大家聊一聊关于web理论方面。
1、前端，通俗来说就是写页面的，页面包括静态页面和动态页面。静态并不意味着只涉及到布局方面，动态页面也并不是意味着存在动画效果便是动态页面。静态页面除了布局之外还包括动画效果的实现等，动态页面是存在交互动作才属于动态页面。既然是和页面打交道，那就避免不了和浏览器打交道，且，如今，浏览器层出不穷导致每一款的浏览器中使用的内核不同，内核的不同很多前端的东西也就会不尽相同，了解各个浏览器的内核是十分重要的，故而，首先和大家说说浏览器内核。
（1）IE：trident内核
（2）Firefox：gecko内核
（3）Safari：webkit内核
（4）Opera：以前是presto内核，现改用Blink内核
（5）Chrome:基于webkit的Blink
2、每一个浏览器内核不同的同时，每一个浏览器都有自己编译网页的模式。若编写页面未在开头添加DOCTYPE，浏览器将按照自己的方式对页面进行解析。如此，便存在标准模式（Standards）和怪异模式（Quirks）的说法。
（1）标准模式：浏览器给符合标准的文档在规范上的正确处理，达到在指定浏览器中的程度，即使用DOCTYPE时。采用对CSS支持更好的布局。
（2）怪异模式：浏览器按照自己的方式进行解析页面。
3、随着技术的发展，浏览器也在时刻升级进化中，且，浏览器的升级换代的时期是十分短的，意味着，当前在使用1.0版本的浏览器，或许一两个月后就会出2.0版本。对此，为了使得编写的页面能够兼容这些浏览器的版本，便又出现了另一种说法：优雅降级和渐进增强。
（1）优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
（2）渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高版本浏览器进行效果、交互等改进和追加功能，以达到更好的用户体验。
优雅降级意味着往回看，渐进增强则意味着朝前看。
4、无论是使用移动设备亦或是使用电脑等进行网页的浏览，就避免不了数据的请求，网络的开启。若页面的数据较为巨大，例如，存在大量的图片、音视频等文件，网络加载的快慢往往决定了用户的使用体验，若是加载时间过长，用户等待时间过长，我想，此时，用户应该不会再浏览该网页了。因此，加快加载时间是十分重要的。那对于图片过多、过大的页面改如何加快加载速度成了每一个前端人员的必修课。
（1）图片使用css script/svg script技术。意思是将图片全部整合到一张画布中，再根据定位进行指定图片的显示。如此，加载一张图片时间和加载多张图片的时间相比，可想而知。但，若图片过多，整合至一张画布中时，一张的图片的容量也是大的，因而，可以根据实际情况进行分配。
（2）使用cdn进行缓存。使用cdn进行缓存是目前大多使用的解决方式。全国各地都分布着成百上千个cdn边缘点，若将数据存储至cdn中，用户请求数据时，会从就近的cdn进行数据的接收，如此，加快加载速度，优化用户体验。
5、相信每一个前端人员在进行浏览器的兼容问题的处理事，就不想兼容的浏览器便是IE浏览器。不仅仅的兼容问题，IE浏览器相对于其他浏览器而言，dom事件流的执行方式也不相同。区别:
（1）执行顺序不同，IE属于冒泡型，dom是冒泡型和捕获型的结合
（2）参数不同
（3）事件使用时前缀on
（4）this的指向不同，IE：this指向window，DOM：this指向触发该事件的对象
6、在javascript中，存在着闭包的概念。闭包，字面意思就是函数是封闭的。而真实的意思和此并没有太大的关系，闭包是指能够读取其他函数内部变量的函数。
（1）缺点：滥用闭包会导致内存泄漏
7、页面的请求是必不可免的，当我们使用Ajax进行数据的请求时，总会遇到这样的事情——同源跨域问题。页面的同源策略是指一段脚本只能读取来自于同一来源的窗口和文档的属性，同一来源是指主机名、协议、端口号均相同。跨域则是与之相反。
对于Web还存在着许多知识，虽然在有些时候用不上，但我们都应该时刻注意这些细节，有时细节就会成为决定成败的关键。