2015年06月_vuturn

转载为什么整个互联网行业都缺前端工程师？

现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。没错，优秀的前端工程师简直比大熊猫还稀少。　　每天，HR群都有人在吐槽招不到前端工程师。实话说对这些需求，Betty也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。不仅在国内的互联网行业，在国外，前端工程师一样是需求旺盛、供不应求的香饽饽。

2015-06-22 13:44:44 1306 1

原创 jquery 源码分析之Deferred

一、Deferred对象 Deferred对象就是jQuery的回调函数解决方案。Deferred的对象的含义就是延迟到未来某一个点再执行。它解决了如何处理耗时操作的问题，对那些操作提供了更好的控制，以及统一的编程接口。二、用法举例var dfd= $.Deferred(); dfd.done(function(){ alert("Do

2015-06-28 14:51:39 1061

转载前端开发中常见的HTML5标签乱用案例

一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的等价于——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：12345678910111213141516div id="wrapper">

2015-06-25 10:40:25 2337

SEO（Search Engine Optimization），就是传说中的搜索引擎优化，是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单，但操作起来复杂的技术，只可意会，不可言传。作为一名前端工程师，不需要精通SEO，但必须要了解它。SEO有一条不变的准则就是它永远都在变，因为没有一沉不变的优化方案可供大家套用。但我们仍然可以发现一些基础的

2015-06-24 16:02:56 4600

原创 jquery源码分析之Callbacks

Callbacks是JQ的一个回调对象，可以对回调进行统一的管理。而且还为Deferred延迟对象提供了基础功能。一、举例： function aa(){ alert(1); } function bb(){ alert(2); } setTimeout(function(){ aa(); },100); bb();以上代

2015-06-22 21:36:22 989

原创平稳退化（优雅降级）与渐进增强

前段时间看《DOM编程的艺术》一书，在书里看到“平稳退化”(又称优雅降级)与“渐进增强”两个词，当时没有怎么在意，今天浏览到一片博客《为什么整个互联网行业都缺前端工程师》，这篇博客里也提到，要想成为一名优秀的前端工程师，就要明白如何使用平稳退化与渐进增强。所以，就有了学习的冲动了。 1.概念（1）平稳退化（优雅降级）：首先使用最新的技术面向高级浏览器构建最强的功能及用

2015-06-22 15:08:12 2924

原创 javascript原型链与特权方法

function ClassA() { var value=4; this.getValue= function() { return value; } this.setValue= function(value) { this.value=value;

2015-06-22 09:19:13 764

原创脚本无阻塞加载

（图片来源：http://www.cnblogs.com/sharpxiajun/p/4072396.html）这是清除浏览器缓存后，第一次访问百度首页的场景，在Firefox的瀑布图中可以看到：javascript文件下载完毕后，有一段时间没有请求处理。这段时间过后，请求才会接着执行，这段时间就是HTTP请求阻塞。当浏览器遇到标签时，浏览器会停止处理

2015-06-20 17:42:47 1110

原创 css兼容问题

1.1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，IE Chrome下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。2.图片透明兼容写法 filter:alpha(opacity=7

2015-06-15 20:16:43 635 2

原创 cooike详解

1.诞生时间

2015-06-14 14:01:11 2368

转载探讨跨域请求资源的几种方式

什么是跨域JSONPproxy代理corsxdr　　由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表（来源）　　　　JSONP　　这种方式主要是通过动态插入一个script标签。浏览器对script的资源引用没有同源限制，同时资源加载到页面后会立即执行（没有阻塞的情况下）。1

2015-06-10 20:36:18 1592 2

原创 js高效率数组去重

为数组对象添加数组去重方法，并且返回删除的数组元素：Array.prototype.clearRedurance=function(){ var newArray=[],// redurance=[],// i,// length; this.sort(function(a,b){ return a>b ?

2015-06-05 17:46:31 1531

转载不要告诉我你懂margin

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打

2015-06-04 15:23:03 398

转载 html5语义化标签（二）

HTML 5的革新之一：语义化标签二文本元素标签、分组元素标签。HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素，一张页面中结构元素构成网页大体，但是也需要其他内容来填充，譬如图片、文本、代码、表单、交互等等。所以接下来我们就来详细了解HTML5的新增加的和重新定义的文本元素标签、分组元素标签等其他元素标签。文本字体元素文字对SEO影响很大，而H

2015-06-01 20:18:42 711

转载 HTML语义化标签（一）

HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。看下图没有用div标签来布局

2015-06-01 20:17:15 693

vuturn的专栏