摘要：
一、URL的概念 统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上标准的资源的地址（Address）。 二、URL的格式 2.1 标准格式 协议类型:[ 阅读全文
摘要：
1、元素选择器 标签名{ } 2、id选择器 #id属性值{ } 3、类选择器 .class属性值{ } 4、选择器分组（并集选择器） 作用：通过它可以同时选中多个选择器对应的元素（通常用于集体声明） 语法：选择器1，选择器2，选择器n{ } 5、复合选择器（交集选择器） 作用：选择更准确更精细的目 阅读全文
摘要：
本质上，这两种方式都是为了加载css文件，但还是存在细微的差别。 差别1：老祖宗的差别，link属于XHTML标签，而@import完全是css提供的一种方式。 link标签除了可以加载css外，还可以做很多其他的事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS。 差别2：加 阅读全文
摘要：
CSS样式加载一共有四种方式： 1、行内样式 直接对HTML标签引入style=""设置样式；这样的方式会使得html不干净，代码冗余不利于维护。 2、内嵌样式--内部样式表 在head标签之间用<style></style>标签声明 优缺点：页面使用公共CSS代码，也是每个页面都要定义的，如果一个 阅读全文
摘要：
什么是语义化 其实说到语义化的问题，显而易见是有段不那么语义化的历史的。 最早的时候，前端并不是一个细分的岗位。通常由PHP后端来写HTML，但是他们并不会CSS，于是就用table来进行布局。但我们都知道，table其实是用来展示表格的，这一条就与语义化严重相悖。 后来前端慢慢分离成一个单独的岗位 阅读全文
摘要：
web标准：将结构、表现、行为分离，使其更具有模块化。 w3c标准：标签字母要小写，双标签要闭合，标签不允许随意嵌套。 尽量使用外部样式和外链js，使结构、表现、行为分为三块，这样可以提高页面渲染速度。 样式尽量少用行内样式，id和class名要做到见名知意。 不需要变动页面内容，便可提供打印版本， 阅读全文
摘要：
GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。 GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里，而 阅读全文
摘要：
跨站请求伪造（英语：Cross-site request forgery），也被称为 one-click attack 或者 session riding，通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。跟跨网站脚本（XSS）相比，XS 阅读全文
摘要：
合理的title、description、keywords：搜索对这三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；ke 阅读全文
摘要：
DNS缓存：短时间内多次访问某个网站，在限定时间内，不用多次访问DNS服务器。 CDN缓存：内容分发网络（人们可以在就近的代售点取火车票了，不用非得到火车站去排队） 浏览器缓存：浏览器在用户磁盘上，对最新请求过的文档进行了存储。 服务器缓存：将需要频繁访问的Web页面和对象保存在离用户更近的系统中， 阅读全文
摘要：
Trident 内核：IE，搜狗高速浏览器等 Gecko 内核：Mozilla Firefox（火狐浏览器），Netscape6及以上版本 Webkit 内核：Safari 、曾经的 Chrome Presto 内核：Opera 7到Opera12.17（欧朋浏览器）之间的版本采用的内核 Blink 阅读全文
摘要：
a.解析HTML文件，创建DOM树。自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）； b.解析CSS。优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式； c.将CSS与DOM合并，构建渲染树（Rende 阅读全文
摘要：
a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 阅读全文