HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。
JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。
其他： HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯 

/目录，会判断这个“目录是什么文件类型，或者是目录。） 
 5.标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。 
当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了。） 
6.减少http请求（合并文件，合并图片）。

undefined是一个表示"无"的原始值，转为数值时为 当声明的变量还未被初始化时，变量的默认值为null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。

（1）变量被声明了，但没有赋值时，就等于undefined。 （2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。 （3）对象没有赋值的属性，该属性的值为undefined。 （4）函数没有返回值时，默认返回undefined。

（1） 作为函数的参数，表示该函数的参数不是对象。 （2） 作为对象原型链的终点。

 1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。
 2、属性和方法被加入到 this 引用的对象中。
 
它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小
 

作用：动态改变某个类的某个方法的运行环境。

内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。
垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。
setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。
闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）

通过判断Global对象是否为window，如果不为window，当前脚本没有运行在浏览器中

* 网站重构：应用web标准进行设计（第2版）

优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效.
渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用。

*（优点）因为Node是基于事件驱动和无阻塞的，所以非常适合处理并发请求，
 因此构建在Node上的代理服务器相比其他技术实现（如Ruby）的服务器表现要好得多。
 此外，与Node代理服务器交互的客户端代码是由javascript语言编写的，
 因此客户端和服务器端都用同一种语言编写，这是非常美妙的事情。
*（缺点）Node是一个相对新的开源项目，所以不太稳定，它总是一直在变，
 而且缺少足够多的第三方库支持。看起来，就像是Ruby/Rails当年的样子。

前端是最贴近用户的程序员，比后端、数据库、产品经理、运营、安全都近。
 3、有了Node.js，前端可以实现服务端的一些事情
前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好，
 参与项目，快速高质量完成实现效果图，精确到1px；
 与团队成员，UI设计，产品经理的沟通；
 做好的页面结构，页面重构和用户体验；
 处理hack，兼容、写出优美的代码格式；
 针对服务器的优化、拥抱最新前端技术。

 （1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。
 （2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数
 （4） 当需要设置的样式很多时设置className而不是直接操作style。
 （5） 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。
 （7） 图片预加载，将样式表放在顶部，将脚本放在底部 加上时间戳。

100-199 用于指定客户端应相应的某些动作。 
200-299 用于表示请求成功。 
300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 
400-499 用于指出客户端的错误。400 1、语义有误，当前请求无法被服务器理解。401 当前请求需要用户验证 403 服务器已经理解请求，但是拒绝执行它。
500-599 用于支持服务器错误。 503 – 服务不可用

先期团队必须确定好全局样式（globe.css），编码模式(utf-8) 等；
 编写习惯必须一致（例如都是采用继承式的写法，单样式都写成一行）；
 标注样式编写人，各模块都及时标注（标注关键样式调用的地方）；
 页面进行标注（例如 页面 模块 开始和结束）；
 CSS跟HTML 分文件夹并行存放，命名都得统一（例如style.css）；
 JS 分文件夹存放 命名以该JS功能为准的英文翻译。
 图片采用整合的 images.png png8 格式文件使用 尽量整合在一起使用方便将来的管理 

1.异步加载的方案： 动态插入script标签
2.通过ajax去获取js代码，然后通过eval执行
4.创建并插入iframe，让它异步执行js 5.延迟加载：有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后的某些情况才需要的。 

IE6 两个并发，iE7升级之后的6个并发，之后版本也是6个

用构造函数和原型链的混合模式去实现继承，避免对象共享可以参考经典的extend()函数，很多前端框架都有封装的，就是用一个空函数当做中间变量

概念:同源策略是客户端脚本（尤其是Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。

这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。
指一段脚本只能读取来自同一来源的窗口和文档的属性。

我们举例说明：比如一个黑客程序，他利用Javascript读取到你的表单中 什么是 "use strict"; ? 使用它的好处和坏处分别是什么？

Javascript在更严格的条件下运行。

设立"严格模式"的目的，主要有以下几个：

- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
- 消除代码运行的一些不安全之处，保证代码运行的安全；
- 提高编译器效率，增加运行速度；

注：经过测试 缺点：
现在网站的merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。

 GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符
 POST：一般用于修改服务器上的资源，对所发送的信息没有限制。
 也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。
然而，在以下情况中，请使用 POST 请求：
无法使用缓存文件（更新服务器上的文件或数据库）
向服务器发送大量数据（POST 没有数据量限制）
发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

js的阻塞特性：所有浏览器在下载JS下载、解析、执行完毕后才开始继续JS，但是 由于浏览器为了防止出现DOM树，需要重新构建 嵌入JS只会阻塞其后内容的显示，2种方式都会阻塞其后资源的下载。也就是说外部样式不会阻塞外部脚本的加载，但会阻塞外部脚本的执行。

CSS本来是可以并行下载的，在什么情况下会出现阻塞加载了(在测试观察中，CSS都是阻塞加载）

当JS的时候，该JS放到 根本原因：因为浏览器会维持css和JS会阻塞后面的资源加载，所以就会出现上面 嵌入 1、放在底部，虽然放在底部照样会阻塞所有呈现，但不会阻塞资源下载。 2、如果嵌入JS放在head中，请把嵌入JS放在CSS头部。 3、使用defer（只支持IE） 4、不要在嵌入的JS中调用运行时间较长的函数，如果一定要用，可以用`setTimeout`来调用

• 将脚本放在底部。head中，用以保证在<script>标签放在前。

• 成组脚本：由于每个<script>总数也可以改善性能。适用于内联脚本和外部脚本。

• 非阻塞脚本：等页面完成加载后，再加载window.onload事件发出后开始下载代码。
  （2）动态脚本元素：文档对象模型（DOM）允许你使用js动态创建 

  此技术的重点在于：无论在何处启动下载，文件额下载和运行都不会阻塞其他页面处理过程。即使在head里（除了用于下载文件的http链接）。

  它的功能是把对应的字符串解析成JS代码并运行；
  应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。
  

  高并发、聊天、实时消息推送 
  

  * 原型对象也是普通的对象，是对象一个自带隐式的 __proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为null的话，我们就称之为原型链。
  * 原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链。
  

  编写 CSS、让页面结构更合理化，提升用户体验，实现良好的页面效果和提升性能。
  

   1. 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。 
   2. 事件处理机制：IE是事件冒泡、firefox同时支持两种事件模型，也就是：捕获型事件和冒泡型事件。；
  

  1. 通过异步模式，提升了用户体验
   2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用
   3. Ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。
   2. Ajax的最大的特点是什么。
   Ajax可以实现动态不刷新（局部刷新）
   readyState属性 状态 有5个可取值： 0=未初始化 ，1=启动 2=发送，3=接收，4=完成 ajax的缺点 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互的细节。 3、对搜索引擎的支持比较弱。 4、破坏了程序的异常机制。 5、不容易调试。 跨域： jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面 

  网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。
  对于传统的网站来说重构通常是：
  使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)
  深层次的网站重构应该考虑的方面
  代替旧有的框架、语言(如VB)
  通常来说对于速度的优化也包含在重构中
  压缩JS、CSS、image等前端资源(通常是由服务器来解决)
  程序的性能优化(如数据读写)
  采用CDN来加速资源加载
  HTTP服务器的文件缓存
  

  以下是数组去重的三种方法：

  100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息
  201 Created 请求成功并且服务器创建了新的资源
   
   
  
   
  
  
  

  如果把它设置为 max-age都可以用来指定文档的过期时间，但是二者有一些细微差别

  1.Expires在HTTP/1.0中已经定义，Cache-Control:max-age在HTTP/1.1中才有定义，为了向下兼容，仅使用max-age不够； 2.Expires指定一个绝对的过期时间(GMT格式),这么做会导致至少2个问题：1)客户端和服务器时间不同步导致Expires的配置出现问题。 2）很容易在配置后忘记具体的过期时间，导致过期来临出现浪涌现象； 3.max-age 指定的是从文档被访问后的存活时间，这个时间是个相对值(比如:3600s),相对的是文档第一次被请求时服务器记录的Request_time(请求时间) 4.Expires指定的时间可以是相对文件的最后访问时间(Atime)或者修改时间(MTime),而max-age相对对的是文档的请求时间(Atime) 如果值为no-cache,那么每次都会访问服务器。如果值为max-age,则在过期之前不会重复访问服务器。 

如何保存微博动态图片  以下文字资料是由(历史新知网)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

问题一：微博怎么保存gif图片

电脑版：右击GIF动图，选择“复制图片地址”，再粘贴到游览器，再另存为。
如果是新浪微博上的话，有一个插件叫giffy，
这个插件下了安装以后，你的相册就能够显示gif图了。
如果是新浪微博上的GIF，建议你用浏览器上新浪微博，
然后保存就可以了，如果是用新浪微博客户端就不能保存了，
还有安装了这个插件你就可以把自己拍的美图gif里的gif图保存到相册里了。

问题二：微博里gif动态图片怎么保存，急急急

如果是安卓机直接保存到相册就可以看 如果是苹果机保存了也看不了

问题三：苹果手机怎么保存微博上的动图呢

问题四：微博动态图怎么保存

选中这个图片，然后鼠标右击图片另存问，或者选中这张图片，按住左键拖到桌面上就可以了

问题五：新浪微博动态图怎么保存

和普通图片保存方式一样的，鼠标右键，选择【图片另存为】即可：
如图，你可以看到后缀名是.gif，点击保存就行了

问题六：怎么把微博动态的图片另存到电脑也是动态的？ 5分

选择一个微博动图并打开查看（即动态效果图）。
注意动图需要打开在观看状态，这时在屏幕上右击选择“复制图片”。
接着在聊天窗口中右击选择“粘贴”，这时就有了动图大图展示。
最后，也可在预览模式下，右击选择“另存为”，选择保存路径，命名名称，选择“确定”。查看保存图片，这时就可动态预览咯。

问题七：新浪微博动态图片怎么保存

1，打开新浪微博网页，在登录界面输入账户，点击“登录”。
2，选择一个微博动图并打开查看（即动态效果图）。注意动图需要打开在观看状态，这时在屏幕上右击选择“复制图片”。
3，在聊天窗口中右击选择“粘贴”，这时就有了动图大图展示。
4，也可在预览模式下，右击选择“另存为”，选择保存路径，命名名称，选择“确定”。查看保存图片，这时就可动态预览了。

问题八：怎么保存微博的的动态图

iphome的话好想不支持，安卓的就按住图片弹出窗口有保存

问题九：怎么用iPad保存新浪微博的动态图 5分

1找到新浪微博中想要保存的图片
2接下来用手指长按图片
3在底部弹出的选项菜单中，点击“存储图像”选项
4随后我们在 iPhone 上打开“照片”应用，就可以看到在网上下载的图片了。
第二步、如何在iPhone上看Gif图片
1如果是 Gif 图片的话，在照片预览中是看不到动画效果的。如果想要看动画效果，可以点击左下角的“共享”按钮
2在分享选项中，点击“信息”来发送图片
3接下来选择一个朋友，随便发一个图片
4在短信消息显示界面中就可以看到 Gif 的动态显示效果了。
5点击短信列表中的 Gif 图片，也可以单独查看丁张 Gif 的动画效果。

问题十：苹果怎么在微博中保存动图