遇见更好的自己

1，设置或获取对象指定的文件名或路径。alert(window.location.pathname)2，设置或获取整个 URL 为字符串。alert(window.location.href);3，设置或获取与 URL 关联的端口号码。alert(window.location.port)4，设置或获取 URL 的协议部分。alert(win

1.    javascript实现DOM树的遍历function traversal(node){      if(node && node.nodeType ===1){  //对node的处理     console.log(node.tagName);   }   var i = 0, childNodes =node.childNodes,item;   for(

1.  css的display：none和visibility:hidden区别display:none使用后，元素的宽度，高度都会丢失，视为不存在不加载；              元素原来占据的空间位置不保留；              产生回流和重绘；visibility:hidden:视觉上的不可见，但是保留占据的空间，还具有宽度和高度；2.  怎么清除浮动1.使用

1.    Doctype作用？标准模式与兼容模式各有什么区别?（1）、声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。2

一面：事件类型、绑定方式；项目介绍；项目中实现的某个组件的实现方式；响应式布局的方式；二面：闭包是什么；js中的对象，对象的继承；我的项目中模态框表单的实现方式，如何调用的（这个其实项目中并没有用的那么高级，但是我给出了现在的思考和实现方式，临场发挥��）；跨域了解多少（讲了CORS、JSONP、postMessage啥的）；css盒子模型（这个基本都会问到）；浏览器内核有哪些

单页面应用路由原理 模版引擎实现原理 AMD CMD差异 require加载模块的原理css： 左边自适应右边固定宽度布局实现 实现清除浮动 居中问题 html标签分类 doctype作用 css选择器权重 为什么import会导致无样式闪烁js： 基本数据类型，怎么判断属于哪个类型 怎么判断是一个数组 继承方式（各自实现） call,apply区别 跨域几种方式 a

来自牛客网的面经 Javascript 是一种弱类型语言，它分别有什么优点和缺点？ Javascript 里面的数据类型有哪些？ 在 js 里 call() 与 apply() 有什么相同和不同？ XML 和 JSON 有过了解吧？能说一下分别介绍一下他们吗？ JSON 有什么优势？ 你最近都在看哪些书？ 《高性能网站建设》这本书里讲了些什么？对你有什么帮助？ 看到你简历里写有了解 C

HTML/CSS1.DOM 文档加载(1)   顺序①   解析HTML结构；②   加载外部脚本和样式表文件；③   解析并执行脚本代码；④   DOM树构建完成；//DOMContentLoaded⑤   加载图片等外部文件；⑥   页面加载完毕。//load(2)   代码①   JavaScript//

来自牛客网的经验分享1.css 盒模型 2.css 布局，左边定宽右边自适应。两种方法，NEC上的用负边距消除宽度，用弹性布局。然后问我有没有第三种。。。 3.冒泡和捕获，事件流哪三个阶段？除了冒泡和捕获，还有目标阶段。他们的先后顺序，先捕获，到了目标，再冒泡。（不要只记概念，要了解是干么用的） 4.实现事件代理。用jquery写了。要求写原生。子元素传递上来的应该是event.target或

二叉 DOM 树的遍历[javascript] view plain copy function Tree() {                var Node = function(key){              this.key = key;              this.left = null;      

共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求

事件为什么会是对象呢？先了解一下事件处理一、事件处理   JS在事件处理函数中提供了事件对象，帮助处理鼠标和键盘事件。同时还可以修改一些事件的捕获和冒泡流的函数。事件处理分为三部分：对象.事件处理函数=函数[javascript] view plain copy print?document.onclick=fun

1. 事件对象  1. 事件对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象.事件通常与函数结合

====各个浏览器中css表现的差异性(浏览器兼容问题)：    (http://www.douban.com/group/topic/4629864/)    (http://blog.youkuaiyun.com/chuyuqing/article/details/37561313)    (http://www.iefans.net/ie-9-css-bug/)    1,各浏览器下，m

js数组去重，老生长谈，今天对其进行一番归纳，总结出来4种方法贴入代码前 ，先对浏览器Array对象进行支持indexOf和forEach的polyfillArray.prototype.indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, j = this.length; i ) {

为什么要了解浏览器加载、解析、渲染这个过程？ 了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。 了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。 了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写js文件时，可以减少”重绘“”重新布局“的消耗。

1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2、行内元素有哪些？块级元素有哪些

手写jsonp的实现 2、手写链表倒数第K个查找 3、http请求头，请求体，cookie在哪个里面？url在哪里面？ 4、垂直居中，多行文本垂直居中 5、原型链的解释 6、对闭包的理解，实现一个暴露内部变量，而且外部可以访问修改的函数（get和set，闭包实现） 7、{}=={}? []==[]? null==undefined? 8、基本的数据类型 9、基本的两列自适应布局

alert(typeof( NaN == NaN));//结果为假。　　var undefined;　　undefined == null; // true　　[] == false; // true　　[] == ![];   // true      0 == '';     // true　　2 == true;   // false 

Doctype作用？标准模式与兼容模式各有什么区别? （1）、声明位于位于HTML文档中的第一行，处于 html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 （2）、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点

Doctype作用？严格模式与混杂模式如何区分？它们有何意义?HTML5 为什么只需要写 ？行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？页面导入样式时，使用link和@import有什么区别？介绍一下你对浏览器内核的理解？常见的浏览器内核有哪些？html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTM

1 ajax 的过程是怎样的创建XMLHttpRequest对象,也就是创建一个异步调用对象创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息设置响应HTTP请求状态变化的函数发送HTTP请求获取异步调用返回的数据使用JavaScript和DOM实现局部刷新2 请解释一下 JavaScript 的同源策略。同源策略是客户端脚本（尤其是Javascript）的重要的安

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

1. HTML与XHTML——二者有什么区别所有的标记都必须要有一个相应的结束标记所有标签的元素和属性的名字都必须使用小写所有的 XML 标记都必须合理嵌套所有的属性必须用引号 “” 括起来把所有 < 和 & 特殊符号用编码表示给所有属性赋一个值不要在注释内容中使用 “–”图片必须有说明文字2 html常见的兼容性问题1.浏览器默认的margin和padding不同 解决办法：*

1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?（1）、<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 （2）、严格模式的排版和 JS运作模式是 以该浏览器支持的最高标准运行。（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。（4

1.        请用div+css写出文字水平垂直居中，图片水平垂直居中的样式及布局。2.        请用div+css写出左侧固定(width：200px)，右侧自适应的页面布局。3.        请写出至少五种css浏览器兼容性的写法。4.        jquery的绑定事件有几种方式 ，请举例说明其优缺点。5.        请写出至少三种js浏览器兼容性的写法。

1.谈谈Cookie的认识 （1）总数的限制：每个特定的域名下最多生成20个cookie （2）尺寸的限制：每个cookie长度不能超过4KB，否则会被截掉。cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节。 IE 提供了一种存储可以持久化用户数据，叫做userData，每个数据最多128K，每个域名下最多1M。这个持久化数据放在缓存中，如果缓存没有清理，那么会一直存

1.Doctype作用？标准模式与兼容模式各有什么区别?（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点

自适应布局在现在的布局中，很容易遇见，下面是在平时工作中对左边固定，右边自适应及左边自适应，右边固定布局的几种方法的一些总结，希望能帮到大家，如果大家有更多更好的意见，欢迎补充！页面布局如下：一、左边固定，右边自适应的布局1. 左边左浮动，右边加个overflow:hidden;   #lt{ float: left;width:200px; backg

HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、HTML5、CSS3、FlexboxJavaScript： 数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas、E

初级Javascript：1.JavaScript是一门什么样的语言，它有哪些特点？没有标准答案。2.JavaScript的数据类型都有什么？基本数据类型：String,boolean,Number,Undefined, Null引用数据类型：Object(Array,Date,RegExp,Function)那么问题来了，如何判断某变量是否为数组数

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mas

二、JS基础1、javascript的typeof返回哪些数据类型Object number function boolean underfind2、例举3种强制类型转换和2种隐式类型转换?强制（parseInt,parseFloat,number）隐式（== – ===）3、split() join() 的区别前者是切割成数组的形式，后者是

今天腾讯的前端工程大牛从自己的5年的职业生涯中总结了一些思考，大致分为3个阶段，从毕业新手到前端大牛，都有小小心得与同学们分享，想走前端这路的同学，可以参考下 。　　在敲下这个标题的时候，心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字，每个人的职业规划都是独有的，不具有太大的可复制性，把自己的经历放出去，容易误人子弟。只是最近很多师弟们(别问我为什么都是师弟，我想静静……也不要问

学习了这么久，第一次面试前端，虽然只是简单的十分钟的电话面试，但是还是很紧张。 主要问题： 1.介绍你的项目 2.html的状态 3html5新增加的标签 4.css的display：none和visibility区别 5.怎么清除浮动 6.jquery的选择器 7.jquery的on和事件绑定区别问题答案的总结html的状态： 详细见这篇博客：http://blog.csdn.n

关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。在这里，我只是简要说一下自己对于这块儿内容的理解。有一个观点想要分享给大家的是：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实践。我提供一个实践途径，我们可以在工作之余的时间在网上或外包公司那里接一些私单做，因为目标不是赚钱，我们可以用最

问题：jQuery的美元符号$有什么作用？回答：其实美元符号$只是”jQuery”的别名，它是jQuery的选择器，如下代码：$(document).ready(function(){});当然你也可以用jQuery来代替$，如下代码：jQuery(document).ready(function(){});jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选

HTML+CSS 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别 HTML是一种基