2015年10月_ForMyWebFrontSide

转载让你彻底弄清offset

很多初学者对于JavaScript中的offset、scroll、client一直弄不明白，虽然网上到处都可以看一张图（图1），但这张图太多太杂，并且由于浏览器差异性，图示也不完全正确。图一　　不知道大家看到这张图的第一感觉如何，反正我的感觉就是“这次第，怎一个乱字了得”。　　既然我认为上图太多太乱，那么我就把offset、scroll、client分开说，希望能让

2015-10-29 12:40:41 828

转载 Javascript使用方括号（[]）引用对象的属性和方法,[]和.的区别

javascr在JavaScript中，每个对象可以看作是多个属性（方法）的集合，引用一个属性（方法）很简单，即：对象名.属性（方法）名除此之外，还可以用方括号的形式来引用：对象名["属性（方法）名"]注意，这里的方法名和属性名是一个字符串，而非原先点号后面的标识符，例如：var arr=new Array();//为数组添加一个元素arr["p

2015-10-19 20:58:24 876

转载最全面的水平垂直居中方案与flexbox布局

最全面的水平垂直居中方案与flexbox布局最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结

2015-10-15 23:54:19 1091

转载 css 权重计算

一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越高。复杂的计算方法：用1表示派生选择器的优先级用10表示类选择器的优先级用100标示ID选择器的优先级div.test1 .span var 优先级 1+10 +10 +1span#xxx .songs li 优先级1+100 + 10 + 1#xxx li 优先级 100 +1派生

2015-10-15 20:06:42 923

转载图片预加载与图片懒加载

图片预加载与图片懒加载图片预加载图片预加载主要是针对非icon类图片。加载快，有良好的用户体验。提前加载图片，当用户需要查看时可直接从本地缓存中渲染、可能因为图片很大，浏览器显示出它会用很长的时间，这样浏览者可能以为图片预览慢而没兴趣浏览，把网页关掉，这时，就需要图片预加载，让浏览区先显示其他的图片（一般使用LOGO）给浏览者看，等图片加载完了之后，再将图片显示。预加载的...

2015-10-15 19:48:43 3169

转载为什么建议使用link方式来加载css，而不是使用@import方式

href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css，而不是使用@import方式。页面中使用CSS的方式主要有3种：行内添

2015-10-15 19:25:06 4737

转载为什么将js脚本放在底部而不是头部

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

2015-10-15 19:19:46 2843

转载在Javascript中什么是伪数组？如何将伪数组转化为标准数组？考虑兼容性

伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像调用getElementsByTagName,document.childNodes之类的,它们都回NodeList对象都属于伪数组。可以使用Array.prototype.slice.call(fakeArray)将数组转化

2015-10-15 11:49:29 5770

转载完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补充或相关内容；使用他们能让代码语义

2015-10-14 21:40:14 604

转载 js懒加载

可以把js,css,图片都看做资源。图片可以懒加载， js自然可以。如果要原生的方式可以如下操作：var loadJs = function(src) {var script = document.createElement('script');script.src = src;document.head.appendChild(script);}需要加载某个js，直接loadJ...

2015-10-14 21:12:43 911

转载按需加载图片、js

“按需加载”的应用按需加载是前端性能优化中的一项重要措施，按需加载是如何定义的呢？顾名思义，指的是当用户触发了动作时才加载对应的功能。触发的动作，是要看具体的业务场景而言，包括但不限于以下几个情况：鼠标点击、输入文字、拉动滚动条，鼠标移动、窗口大小更改等。加载的文件，可以是JS、图片、CSS、HTML等。后面将会详细介绍“按需”的理解。按需解析HT...

2015-10-14 21:07:32 2283

转载 Cookie/Session机制详解

Cookie/Session机制详解分类：架构师之路2011-11-09 17:55 89093人阅读评论(53) 收藏举报session浏览器服务器stringjavascript加密会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确

2015-10-14 18:58:23 389

转载理解Node.js事件驱动编程

理解Node.js事件驱动编程Node.js现在非常活跃，相关生态社区已经超过Lua（基本上比较知名的功能都有nodejs模块实现）。但是我们为何要使用Node.Js？相比传统的webserver服务模式，nodejs有什么优点优势？ Node.Js是基于javascript语言，建构在google V8 engine以及Linux

2015-10-11 17:53:18 492

转载理解JavaScript中的事件轮询

理解JavaScript中的事件轮询原文：http://www.ruanyifeng.com/blog/2014/10/event-loop.html为什么JavaScript是单线程JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？JavaScript的单线程，与它的用途有关。作为浏览器脚本语

2015-10-11 17:18:57 462

转载 jquery 使用概览

jquery 使用方法 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。http://www

2015-10-07 22:43:41 394

转载 js 将json字符串转换为json兑现

在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" };一、JSON字符串转

2015-10-07 21:46:10 520

转载关于JavaScript中apply与call的用法意义及区别

JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1,

2015-10-06 16:22:51 407

转载 stopPropagation, preventDefault 和 return false 的区别

stopPropagation, preventDefault 和 return false 的区别23因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 ret

2015-10-05 11:56:07 461

转载 Web前端工程师为何不优先适配IE浏览器？

Web前端们提起IE都是恨不得食其肉寝其皮……作为一个外行，我讲讲我所知道的。IE在今天是弱势的，别听他们说的那么好听，在几年前（2009年左右再往前吧）IE还如日中天的时候，前端工程师们第一个研发目标就是在IE下可以顺利执行。至于Firefox或者Opera，Who Cares……而IE作为事实上的行业老大，自然也没闲着……做了点走偏的事情，就是做了一些只

2015-10-05 11:23:39 2489 1

转载 null 与Undefined的区别

JS在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么时候是Null，什么时候又是Undefined?Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。Null类型也只有一个值，即null。null用来表示尚未

2015-10-05 11:22:00 497

转载浅谈javascript的五种基本数据类型

浅谈javascript的五种基本数据类型http://glzaction.iteye.com/blog/1285147博客分类： javascriptundefinedjavascriptnumberstring编程在javascript中申明变量使用的关键字都是var，这点与其他的编程语言不尽相同，但是javascript亦含有五种基本的

2015-10-02 19:41:29 670

ForMyQianDuan的博客