2016年10月_刘小妞

原创搜集整理的前端面试题3

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

2016-10-26 20:36:37 739

原创搜集整理的前端面试题2

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

2016-10-26 20:35:32 2236

原创搜集整理的前端面试题1

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

2016-10-26 20:34:23 2575

原创那些找工作的日子

截止到昨天为止，觉得自己找工作的日子终于暂时的结束了，去哪儿前端的offer到手，这段煎熬的日子总算是结束了。以此来结束那些我一个人奋斗的日子。开始知道前端的工作是去年的是十二月份初的时候，一个同学进了阿里，做的前端。从此知道了这个名词，抱着试试的态度，学习了一些前端的知识，觉得还不错，然后开始了学习。首先把最重要的部分写出来，希望可以对大家有些帮助吧。面试技巧：我的算法基础不好，只是自己简

2016-10-23 21:26:51 978 1

转载纯javascript实现dom树的遍历

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

2016-10-19 10:59:55 2594

转载 js闭包的用途

我们来看看闭包的用途。事实上，通过使用闭包，我们可以做很多事情。比如模拟面向对象的代码风格；更优雅，更简洁的表达出代码；在某些方面提升代码的执行效率。1 匿名自执行函数我们知道所有的变量，如果不加上var关键字，则默认的会添加到全局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误用这些变量；造成全局对象过于庞大，影响访问速度(因为变量的取值是需

2016-10-11 09:11:31 328

转载 flex布局

1.Flex是Flexible Box的缩写，意思是弹性布局。任何一个容器都可以指定为Flex布局。.box{ display:flex;}行内元素也可以使用Flex布局.box{ display:inline-flex;}Webkit内核浏览器，必须加上-webkit前缀.box{ display:-webkit-flex; display:flex;}设为Flex布局以

2016-10-09 21:29:00 294

转载网页栅格化

栅格系统的设计原理及应用在网页设计中，我们把宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下： W =（a×n）+（n-1）i 由于a+i=A，可得：(A×n) – i = W yahoo的网站页面宽度为W=950px，每个区块与区块的间隔为i=10px；如果应用上面的公式，可以推出A=40px，

2016-10-08 20:20:04 4366 2

转载 JS获取当前网址信息

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

2016-10-08 15:59:42 539

转载 JS基础——事件对象event

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

2016-10-08 12:59:47 3143

转载 javascript event（事件对象）详解

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

2016-10-08 12:58:13 573

转载前端面试的总结

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

2016-10-08 12:56:03 1065

转载 js数组去重的4种方法

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

2016-10-08 12:34:42 1111

原创浏览器渲染过程

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

2016-10-08 11:01:52 1342

转载搜集来的web前端面试题

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

2016-10-07 20:21:32 656

转载前端面试宝典（内容很多，也有很多重复）

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

2016-10-07 20:18:59 15799 1

转载 js易错点总结

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

2016-10-07 20:16:48 817

转载 cookies，sessionStorage和localStorage的区别

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

2016-10-07 20:15:38 576

转载关于原生dom操作

1. 关于查找1.1 通过父子兄弟关系查找childNodes //查找父元素的所有子元素（多层），返回一个类数组对象，支持到ie6parentNode //查找子元素的父节点（一层），返回父元素对象，支持到ie6previousSibling //查找前一个紧邻的兄弟元素，返回兄弟元素对象，支持到ie6nextSibling //查找后一个紧邻的兄弟元素，返回兄弟元

2016-10-07 20:06:54 1410

转载关于字符串以及数组的操作

关于数组的操作先掌握一些基本的数组操作concat // 用于拼接多个数组，接受多个参数push // 从数组尾部插入一个数，并返回新的数组长度pop // 从数组尾部删除一个数，并返回被删除的数shift // 从数组头部删除一个数，并返回被删除的数unshift // 从数组头部插入一个数，并返回新的数组的长度sort // 将数组进行排序，可以

2016-10-07 20:04:09 267

转载 JS正则表达式验证账号、手机号、电话和邮箱

验证帐号是否合法验证规则：字母、数字、下划线组成，字母开头，4-16位。function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert("正确"); }else{ alert("错误"); } }c

2016-10-07 20:00:37 799

遇见更好的自己