1、了解搜索引擎如何抓取网页和如何索引网页 
  你需要知道一些搜索引擎的基本工作原理，各个搜索引擎之间的区别，搜索机器人（SE robot 或叫 web cra何进行工作，搜索引擎如何对搜索结果进行排序等等。  

 2、meta标签优化 
  主要包括主题（Title)，网站描述(Description)，和关键词（Keywords）。还有一些其它的隐藏文字比如Au者），Category（目录），Language（编码语种）等。  

 3、如何选取关键词并在网页中放置关键词 
  搜索就得用关键词。关键词分析和选择是SEO最重要的工作之一。首先要给网站确定主关键词（一般在5个上后针对这些关键词进行优化，包括关键词密度（Density），相关度（Relavancy），突出性（Prominency）等等。

  4、了解主要的搜索引擎 
  虽然搜索引擎有很多，但是对网站流量起决定作用的就那么几个。比如英文的主要有Google，Yahoo，Bing等有百度，搜狗，有道等。不同的搜索引擎对页面的抓取和索引、排序的规则都不一样。还要了解各搜索门户和搜索的关系，比如AOL网页搜索用的是Google的搜索技术，MSN用的是Bing的技术。  

 5、主要的互联网目录   Open Directory自身不是搜索引擎，而是一个大型的网站目录，他和搜索引擎的主要区别是网站内容的收集方目录是人工编辑的，主要收录网站主页；搜索引擎是自动收集的，除了主页外还抓取大量的内容页面。  

 6、按点击付费的搜索引擎 
  搜索引擎也需要生存，随着互联网商务的越来越成熟，收费的搜索引擎也开始大行其道。最典型的有Overture当然也包括Google的广告项目Google Adwords。越来越多的人通过搜索引擎的点击广告来定位商业网站，这里面化和排名的学问，你得学会用最少的广告投入获得最多的点击。  

 7、搜索引擎登录 
  网站做完了以后，别躺在那里等着客人从天而降。要让别人找到你，最简单的办法就是将网站提交（submit）擎。如果你的是商业网站，主要的搜索引擎和目录都会要求你付费来获得收录（比如Yahoo要299美元），但是好消少到目前为止）最大的搜索引擎Google目前还是免费，而且它主宰着60％以上的搜索市场。

   8、链接交换和链接广泛度（link Popularity） 
  网页内容都是以超文本（Hypertext）的方式来互相链接的，网站之间也是如此。除了搜索引擎以外，人们也不同网站之间的链接来Surfing（“冲浪”）。其它网站到你的网站的链接越多，你也就会获得更多的访问量。更重你的网站的外部链接数越多，会被搜索引擎认为它的重要性越大，从而给你更高的排名

name字段为一个cookie的名称。

value字段为一个cookie的值。    

domain字段为可以访问此cookie的域名。

path字段为可以访问此cookie的页面路径。 比如domain是abc.com,path是/test，那么只有/test路径下的页面可以读取此cookie。

expires/Max-Age 字段为此cookie超时时间。若设置其值为一个时间，那么当到达此时间后，此cookie失效。不设置的话默认值是Session，意思是cookie会和session一起失效。当浏览器关闭(不是浏览器标签页，而是整个浏览器) 后，此cookie失效。

Size字段 此cookie大小。

http字段  cookie的httponly属性。若此属性为true，则只有在http请求头中会带有此cookie的信息，而不能通过document.cookie来访问此cookie。

secure 字段 设置是否只能通过https来传递此条cookie

一次完整的HTTP事务是怎样的一个过程？

基本流程：  

a. 域名解析  
b. 发起TCP的3次握手  
c. 建立TCP连接后发起http请求  
d. 服务器端响应http请求，浏览器得到html代码

e. 浏览器解析html代码，并请求html代码中的资源  

f. 浏览器对页面进行渲染呈现给用户

 html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？

 HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

绘画 canvas   用于媒介回放的 video 和 audio 元素

 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；   sessionStorage 的数据在浏览器关闭后自动删除 
  语意化更好的内容元素，比如 article、footer、header、nav、section 

（<article> 标签定义外部的内容。）

表单控件，calendar、date、time、email、url、search 

 新的技术webworker, websockt, Geolocation

移除的元素-纯表现的元素：basefont，big，center，font, s，strike，tt，u，对可用性产生负面影响的元素：frame，frameset，noframes；

如何区分： DOCTYPE声明新增的结构元素功能元素，语义化的理解？

用正确的标签做正确的事情！ 
html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析； 在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

HTML5的离线储存？ 

localStorage    长期存储数据，浏览器关闭后数据不丢失； sessionStorage  数据在浏览器关闭后自动删除

CSS3有哪些新特性

CSS3实现圆角（border-radius:8px），阴影（box-shadow:10px），   对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 
  transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜   增加了更多的CSS选择器  多背景 rgba

css定义的权重

权重的规则：标签的权重为1，class的权重为10，id的权重为100

 div{} 
 .class1{}  #id1{} 
 #id1 div{} 
 .class1 div{} 
 .class1 .class2 div{}  
如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现 

Node.js的适用场景？

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

Javascript如何实现继承

通过原型和构造器

事件是？IE与火狐的事件机制有什么区别？ 如何阻止冒泡？

1. 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 Javascript 侦测到的行为。   
 2. 事件处理机制：IE是事件冒泡、火狐是 事件捕获；  3. ev.stopPropagation(); 

什么是闭包（closure），为什么要用它？

执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在.使得Javascript的垃圾回收机制GC不会收回say667()所占用的资源，因为say667()的内部函数的执行需要依赖say667()中的变量。这是对闭包作用的非常直白的描述. 

  function say667() { 
    // Local variable that ends up within closure     

　 var num = 666; 

    var sayalert = function() { 

　　alert(num); 

　 }     

　 num++;    

　 return sayalert; 

  } 
 var sayalert = say667(); 
 sayalert()//执行结果应该弹出的667 

如何判断一个对象是否属于某个类？

使用instanceof （待完善）  

 if(a instanceof Person){

       alert('yes');    

}

 JSON 的了解？

JSON(Javascript Object Notation) 是一种轻量级的数据交换格式。

它是基于Javascript的一个子集。数据格式简单, 易于读写, 占用带宽小 {'age':'12', 'name':'back'}

 js延迟加载的方式有哪些？

defer和async、动态创建DOM方式（用得最多）、按需异步载入js

如何解决跨域问题?

jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面 

异步加载的方式有哪些？

 (1) defer，只支持IE  

 (2) async： 

 (3) 创建script，插入到DOM中，加载完毕后callBack

Jquery与jQuery UI 有啥区别？

jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。

*jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。  提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等

那些操作会造成内存泄漏？

内存泄漏指任何对象在您不再拥有或需要它之后仍然存在

垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收。 setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏。

对前端工程师这个职位你是怎么样理解的？ 

a. 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好

b. 参与项目，快速高质量完成实现效果图，精确到1px；

c. 与团队成员，UI设计，产品经理的沟通；

d. 做好的页面结构，页面重构和用户体验；

e. 处理hack，兼容、写出优美的代码格式；

f. 针对服务器的优化、拥抱最新前端技术。

浏览器的内核分别是什么? 

IE: trident内核 
Firefox：gecko内核

Safari：webkit内核 

Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核 

Chrome：Blink(基于webkit，Google与Opera Software共同开发) 

怎样添加、移除、移动、复制、创建和查找节点？

1）创建新节点 
createdocumentFragment() //创建一个DOM片段 

createElement() //创建一个具体的元素 

createTextNode() //创建一个文本节点  

2）添加、移除、替换、插入 

appendChild() //添加

removeChild() //移除

 replaceChild() //替换

 insertBefore() //插入  

3）查找 
getElementsByTagName() //通过标签名称 
getElementsByName() //通过元素的Name属性的值 getElementById() //通过元素Id，唯一性 

请描述一下cookies，sessionStorage和localStorage的区别

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销 毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而
localStorage用于持久化的本地存储，除非主动删除 数据，否则数据是永远不会过期的。  
web storage和cookie的区别  
Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。 
除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装 setcookie，getcookie。但是cookie也是不可以或缺的：cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

什么叫优雅降级和渐进增强？ 

渐进增强 progressive enhancement： 
针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。  
优雅降级 graceful degradation： 
一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。  区别：  
a. 优雅降级是从复杂的现状开始，并试图减少用户体验的供给  
b. 渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要  
c. 降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带  

px和em的区别

px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。 
浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em

简述同步和异步的区别

同步是阻塞模式，异步是非阻塞模式。 
同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去； 异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。 

什么是CSS Hack? 

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。 
IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack

Javascript原型，原型链 ? 有什么特点？

页面重构怎么操作？

为什么要初始化CSS样式。

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。

eval是做什么的？

99%的网站都需要被重构是那本书上写的？

WEB应用从服务器主动推送Data到客户端有那些方式？

以

CSS3

标准定义一个

    以上就是本篇文章【前端面试题2】的全部内容了，欢迎阅览 ！ 文章地址：http://www.dbeile.cn/news/326.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 多贝乐移动站 http://lzlz0618.dbeile.cn/ , 查看更多