摘要：
分为4个步骤： ①当发送一个URL请求时，不管这个URL是Web页面的URL还是Web页面上每个资源的URL，浏览器 都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对应的IP地 址。 ②浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/ 阅读全文
摘要：
网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改 变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。 对于传统的网站来说重构通常是： 表格(table)布局改为DIV+CSS 使网站前端兼容于现代浏览器(针对于不合规范的 CSS、如对I 阅读全文
摘要：
a.前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好; b. 参与项目，快速高质量 完成实现效果图，精确到1px； c. 与团队成员，UI设计，产品经理的沟通； d. 做好的页面结构，页面重构和用户体验； e. 处理hack，兼容、写出优美的代码格式； f. 针 阅读全文
摘要：
a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 阅读全文
摘要：
①一个程序至少有一个进程,一个进程至少有一个线程。 ②线程的划分尺度小于进程，使得多线程程序的并发性高。 ③另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。 ④线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出 阅读全文
摘要：
（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ， 图片服务器。 （2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次 操作本地变量，不用请求，减少请求次数。 （ 阅读全文
摘要：
1.不要在同一行声明多个变量。 2.请使用 /!==来比较true/false或者数值 3.使用对象字面量替代new Array这种形 式 4.不要使用全局函数。 5.Switch语句必须带有default分支 6.函数不应该有时候有返回值，有时候没有返回值。 7.For循环必须使用大括号 8.If 阅读全文
摘要：
什么是闭包 “官方”的解释：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函 数），因而这些变量也是该表达式的一部分。 在 Scala、Scheme、Common Lisp、Smalltalk、Groovy、 JavaScript、Ruby、 Python、Go、Lu 阅读全文
摘要：
（1）XSS（Cross-Site Scripting，跨站脚本攻击）：指通过存在安全漏洞的Web网站注册用户的浏览器内运行非法 的HTML标签或者JavaScript进行的一种攻击。 （2）SQL注入攻击 （3）CSRF（Cross-Site Request Forgeries，跨站点请求伪造）： 阅读全文
摘要：
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） 优点： 1.减轻服务器的负担,按需取数据,最大程度的减少冗余请求 2.局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验 3.基于xml标准化,并被广泛支持,不需安装 阅读全文
摘要：
同步是阻塞模式， 异步是非阻塞模式。 同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返 回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去； 异步是指进程不需要一直等下去， 而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以 阅读全文
摘要：
响应式网站设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及 使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局，无论用户正在使用笔记本还是iPad，我们 的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不 阅读全文
摘要：
1，首推的是合并css文件，如果页面加载10个css文件，每个文件1k，那么也要比只加载一个100k的css文件慢。 2，减少css嵌套，最好不要套三层以上。 3，不要在ID选择器前面进行嵌套，ID本来就是唯一的而且人家权值那么大，嵌套完全是浪费性能。 4，建立公共样式类，把相同样式提取出来作为公共 阅读全文
摘要：
title与h1的区别 定义： title是网站标题， h1是文章主题 作用： title概括网站信息，可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的，是显示在网页Tab栏里的； h1突出文章主题，面对用户，更突出其视觉效果，指向 页面主体信息，是显示在网页中的。 b与strong的区别 阅读全文
摘要：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed • static 自动定位，自动定位就是元素在页 面普通文档流中由HTML自动定位，普通文档里中的元素也称为流动元素。不能通过z-index进行层次分级。 • relative 相 阅读全文
摘要：
display的值： block 像块类型元素一样显示。 none 像行内元素类型一样显示。 inline-block 像行内元素一样显示， 但其内容像块类型元素一样显示。 list-item 像块类型元素一样显示，并添加样式列表标记。 position的值： absolute absolute 生 阅读全文
摘要：
①去掉或者丢失样式的时候能够让页面呈现出清晰的结构； ②有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓 取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重； ③方便其他设备解析（如屏幕阅读器、盲 人阅读器、移动设备）以意义的方式来渲染网页； ④便于团队开发和维护，语义化更具可读性，是 阅读全文
摘要：
href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。 src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下 载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂 阅读全文
摘要：
alt 是图片加载失败时，显示在网页上的替代文字； title 是鼠标放上面时显示的文字,title是对图片的描述与进一步说明; 这些都是表面上的区别，alt是img必要的属性，而title不是。 对于网站seo优化来说，title与alt还有最重要的一点： 搜索引擎对图片意思的判断，主要靠alt属 阅读全文
摘要：
CSS引入的方式包括内联 内嵌 外链 导入 link和@import的区别是 ： ①link属于XHTML标签，除了加载CSS外，还能 用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS； ②页面被加载的时，link会同 时被加载，而@import引用的C 阅读全文