自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

转载 ES-Checker

ES-Checker

2016-10-24 14:08:45 1041

转载 jslint to eslint

0. eslint 的哲学1 在 eslint 中,一切都是可插拔的,规则之间相互独立2 每条规则非零为开启,零为关闭3 eslint 不倾向于任何一种代码风格,默认关闭所有设定,被捆绑的规则都是具有普遍性的1 如何使用?1.1 方法一:直接使用 eslint 的 npm 包文档参考1 npm install -g eslint 必须全局安装2 esli

2016-07-06 17:40:16 2421

转载 实现一个图片懒加载插件有多难? – 前端有多难? – SegmentFault

Web 图片的懒加载就是通过读取img元素,然后获得img元素的data-src(也可以约定为其他属性名)属性的值,并赋予img的src,从而实现动态加载图片的机制。这里需要注意的是: img在初始化的时候不要设置src属性,因为即使设置 src='' 浏览器也会尝试加载图片。一个简单的图片懒加载共涉及两个方面,1. HTML 约定我们首先需要给准备实施懒加载的im

2016-06-08 11:46:41 510

转载 给你一个承诺 - 玩转 AngularJS 的 Promise

了解Promise在谈论Promise之前我们要了解一下一些额外的知识;我们知道JavaScript语言的执行环境是“单线程”,所谓单线程,就是一次只能够执行一个任务,如果有多个任务的话就要排队,前面一个任务完成后才可以继续下一个任务。这种“单线程”的好处就是实现起来比较简单,容易操作;坏处就是容易造成阻塞,因为队列中如果有一个任务耗时比较长,那么后面的任务都无法快速执行,或导致页

2016-05-30 15:05:46 553

转载 样式化复选框(Styling Checkbox)

复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样:这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式,比如拿到这样一张设计图:blue.png在过去,想要通过简单地修改样式达成这种设计效果根本不行,不过,现在借助强大的 CSS3 属性 appe

2016-05-19 11:13:05 2844

转载 AngularJs-$parsers自我理解-解析

$parsers 首先先了解下它具体的作用,当用户与控制器进行交互的时候。ngModelController中的$setViewValue()方法就会被调用,$parsers的数组中函数就会以流水线的形式被一一调用。第一个$parse被调用后在进行第二个$parse调用 这些函数可以对输入值进行转换,后者通过$setValidity()函数设置表达的合法性:这个方法可以人为

2016-05-19 10:12:57 746

转载 angular $resource模块

上一篇中讲到使用$http同服务器进行通信,但是功能上比较简单,AngularJS还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。安装ngResource模块是一个可选的angularjs模块,如果需要使用,我们要单独引用js应用$resource我们并不是直接通过$resource服务本身

2016-05-17 17:23:06 235

转载 angularjs学习笔记—工具方法

angular.bind(self, fn, args)作用:返回一个新的函数,绑定这个函数的this指向self参数: self:新函数的上下文对象fn:需要绑定的函数args:传递给函数的参数返回值:this指向self的新函数var obj = { name: 'xxx', print: function (country) { console

2016-05-12 17:18:21 222

转载 link和@import的区别

页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。外部引用CSS两种方式link和@import的方式分别是:XML/HTML代码   XML/HTML代码   @import url("CSS文件");     两者都是外部引用CSS的方式,但是存在一定的区别:

2016-04-22 23:18:57 224

转载 快速排序(Quicksort)的Javascript实现

作者: 阮一峰日期: 2011年4月 4日日本程序员norahiko,写了一个排序算法的动画演示,非常有趣。这个周末,我就用它当做教材,好好学习了一下各种排序算法。排序算法(Sorting algorithm)是计算机科学最古老、最基本的课题之一。要想成为合格的程序员,就必须理解和掌握各种排序算法。目前,最常见的排序算法大概有七八种,其中"快

2016-04-20 22:01:18 676

转载 代理模式

代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。代理模式是一种非常有意义的模式,在生活中可以找到很多代理模式的场景。比如明星的经纪人。代理模式的关键是,当客户不方便直接访问一个对象或者不满足需要的时候,提供一个替身对象来控制对这个对象的 访问,客户实际上访问的是替身对象。替身对象对请求做出一些处理之后,再把请求转交给本体对象。1.小明追MM的故事 var F

2016-04-01 14:26:37 247

转载 常见浏览器的兼容问题

初学html和css时,每天切图,总会遇到很多浏览器兼容性问题。最近一直关注移动平台开发,就html和css来说,不用考虑那么多浏览器兼容性问题。到现在,以至于很多浏览器兼容性几乎忘光了。今天把以前总结的知识拿来分享一下,顺便自己也复习一下。当然,其中肯定有很多不足,望指正啊。 1 ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:dis

2016-04-01 08:47:05 275

转载 JavaScript学习笔记:数组去重

话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关的知识,趁此机会整理了一些有关于JavaScript数组去重的方法。下面这些数组去重的方法是自己收集和整理的,如有不对希望指正文中不对之处。双重循环去重这个方法使用了两个for循环做遍历。整个思路是:构建一个空数组用来存放去重后的数组外面的for

2016-03-30 10:33:30 269

原创 通用的惰性单例

单例模式是一种简单但非常实用的模式。惰性单例技术,在合适的时候才创建对象,并且只创建唯一的一个。更奇妙的是,创建对象和管理单例的职责被分布在两个不同的方法中,这两个方法组合起来才具有单例模式的威力。var getSingle = function(fn){ var result ; return function(){ return result ||(result

2016-03-29 23:03:38 595

原创 惰性加载函数----实现浏览器通用的事件绑定函数

addEvent函数在第一次进入条件分支之后,在函数内部会重写这个函数,重写之后的函数就是我们期望的addEvent函数,在下一次进入addEvent函数的时候,addEvent函数里不再存在条件分支语句

2016-03-28 16:39:19 353

转载 设备像素比devicePixelRatio简单介绍

本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过,你是做手机开发的,或是有意向的,本文的内容如果细细读来,还是有些收获的。一、定义定义如下:wind

2016-03-28 15:07:47 402

转载 一个前端开发者的自我修养

今天给大家分享的主题是前端的自我成长,这是一个关于成长的话题。很多人都有这样的感觉:听了很多技术圈子的分享,有的有深度,有的循循善诱,深入浅出,但是呢,几年下来,到底哪些用上了,哪些对自己真的有帮助了?反而有些模糊。2015 年我在不同的场合分享了很多内容:有移动端的性能、有适配、有 Web vs Native,也有 hybrid,但是其实我一直比较担心,真正有深度的内容,其实面向

2016-03-28 11:56:21 376

转载 Javascript异步编程的4种方法

你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是

2016-03-28 10:21:15 290

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除