自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 资源 (1)
  • 收藏
  • 关注

原创 lodash源码分析之获取数据类型

所有的悲伤,总会留下一丝欢乐的线索,所有的遗憾,总会留下一处完美的角落,我在冰峰的深海,寻找希望的缺口,却在惊醒时,瞥见绝美的阳光! ——几米本文为读 lodash 源码的第十八篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash作用与用法我们都知道,可以借用...

2018-04-07 10:37:00 254

原创 lodash源码分析之数组的差集

外部世界那些破旧与贫困的样子,可以使我内心世界得到平衡。 ——卡尔维诺《烟云》本文为读 lodash 源码的第十七篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash作用与用法baseDifference 可以用来获取指定数组与另一个数组的差集。这个函数...

2018-03-14 09:13:28 1964

原创 lodash源码分析之baseFindIndex中的运算符优先级

我悟出权力本来就是不讲理的——蟑螂就是海米;也悟出要造反,内心必须强大到足以承受任何后果才行。 ——北岛《城门开》本文为读 lodash 源码的第十篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash作用与用法baseFindIndex 是内部方法,其作用类似于ES

2018-02-05 09:08:27 277

原创 lodash源码分析之缓存使用方式的进一步封装

在世界上所有的民族之中,支配着他们的喜怒选择的并不是天性,而是他们的观点。 ——卢梭《社会与契约论》本文为读 lodash 源码的第九篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash前言在之前的《lodash源码分析之Hash缓存》和《lodash源码分析之Li

2018-01-29 09:14:41 311

原创 lodash源码分析之缓存方式的选择

每个人心里都有一团火,路过的人只看到烟。 ——《至爱梵高·星空之谜》本文为读 lodash 源码的第八篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash前言在《lodash源码分析之Hash缓存》和《lodash源码分析之List缓存》介绍了 lodash 的两种

2018-01-22 09:26:53 343

原创 lodash源码分析之List缓存

昨日我沿着河岸/漫步到/芦苇弯腰喝水的地方 顺便请烟囱/在天空为我写一封长长的信 潦是潦草了些/而我的心意/则明亮亦如你窗前的烛光/稍有暧昧之处/势所难免/因为风的缘故 ——洛夫《因为风的缘故》本文为读 lodash 源码的第七篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:po

2018-01-17 09:30:15 224

原创 lodash源码分析之自减的两种形式

这个世界需要一个特定的恶人,可以供人们指名道姓,千夫所指:“全都怪你”。 ——村上春树《当我谈跑步时我谈些什么》本文为读 lodash 源码的第六篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash本篇分析的是 assocIndexOf 函数。作用与用法asso

2018-01-09 07:36:14 325

原创 lodash源码分析之NaN不是NaN

暗恋之纯粹,在于不求结果,完全把自己锁闭在一个单向的关系里面。 ——梁文道《暗恋到偷窥》本文为读 lodash 源码的第五篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash本篇分析的是 eq 函数。作用与用法eq 函数用来比较两个值是否相等。遵循的是 SameValueZero 规范

2018-01-04 07:34:51 211

原创 lodash源码分析之Hash缓存

在那小小的梦的暖阁,我为你收藏起整个季节的烟雨。 ——洛夫《灵河》本文为读 lodash 源码的第四篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash作用与用法Hash 顾名思义,就是要有一个离散的序列,根据 key 来储取数据。而在 javascript 中,最适合的无疑是对象了。H

2018-01-02 08:48:35 425

原创 lodash源码分析之compact中的遍历

小时候, 乡愁是一枚小小的邮票, 我在这头, 母亲在那头。 长大后,乡愁是一张窄窄的船票, 我在这头, 新娘在那头。 后来啊, 乡愁是一方矮矮的坟墓, 我在外头, 母亲在里头。 而现在, 乡愁是一湾浅浅的海峡, 我在这头, 大陆在那头。

2017-12-18 07:10:32 327

原创 lodash源码分析之chunk的尺与刀

以不正义开始的事情,必须用罪恶使它巩固。 ——莎士比亚《麦克白》最近很多事似乎印证了这句话,一句谎言最后要用一百句谎言来圆谎。本文为读 lodash 源码的第二篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash作用与用法chunk 函数可以将一个数组,切割成指定大小的块,返回由这些块组

2017-12-07 09:17:44 202

原创 读lodash源码之从slice看稀疏数组与密集数组

卑鄙是卑鄙者的通行证,高尚是高尚者的墓志铭。 ——北岛《回答》看北岛就是从这两句诗开始的,高尚者已死,只剩卑鄙者在世间横行。本文为读 lodash 源码的第一篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodashgitbook也会同步仓库的更新,gitbook地址:pocket-lodash引言你可能会有点奇怪,原生的 slice 方法基本没有兼容性的问题,为什么 l

2017-11-20 09:18:08 245

原创 读Zepto源码之Data模块

Zepto 的 Data 模块用来获取 DOM 节点中的 data-* 属性的数据,和储存跟 DOM 相关的数据。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook《reading-zepto》内部方法attributeDatavar data = {}, dataAttr = $.fn.dat

2017-10-25 06:54:57 321

原创 读Zepto源码之Form模块

Form 模块处理的是表单提交。表单提交包含两部分,一部分是格式化表单数据,另一部分是触发 submit 事件,提交表单。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook《reading-zepto》.serializeArray()$.fn.serializeArray = function

2017-10-24 15:28:32 284

原创 读Zepto源码之Stack模块

Stack 模块为 Zepto 添加了 addSelf 和 end 方法。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0改写原有的方法'filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings'.split(','

2017-10-16 07:28:20 270

原创 读Zepto源码之fx_methods模块

fx 模块提供了 animate 动画方法,fx_methods 利用 animate 方法,提供一些常用的动画方法。所以 fx_methods 模块依赖于 fx 模块,在引入 fx_methods 前必须引入 fx 模块。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook《reading-ze

2017-10-12 07:17:19 270

原创 读Zepto源码之Fx模块

fx 模块为利用 CSS3 的过渡和动画的属性为 Zepto 提供了动画的功能,在 fx 模块中,只做了事件和样式浏览器前缀的补全,没有做太多的兼容。对于不支持 CSS3 过渡和动画的, Zepto 的处理也相对简单,动画立即完成,马上执行回调。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook

2017-10-09 07:22:49 250

原创 读Zepto源码之IOS3模块

IOS3 模块是针对 IOS 的兼容模块,实现了两个常用方法的兼容,这两个方法分别是 trim 和 reduce 。 读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook《reading-zepto》trimif (String.prototype.trim === undefined) // f

2017-09-30 07:29:59 204

原创 读Zepto源码之Gesture模块

Gesture 模块基于 IOS 上的 Gesture 事件的封装,利用 scale 属性,封装出 pinch 系列事件。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook《reading-zepto》整体结构;(function($){ if ($.os.ios) { var ge

2017-09-25 07:12:00 347

原创 读Zepto源码之Touch模块

大家都知道,因为历史原因,移动端上的点击事件会有 300ms 左右的延迟,Zepto 的 touch 模块解决的就是移动端点击延迟的问题,同时也提供了滑动的 swipe 事件。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook《reading-zepto》实现的事件;['swipe', 'swi

2017-09-20 07:41:49 735

原创 读Zepto源码之Selector模块

Selector 模块是对 Zepto 选择器的扩展,使得 Zepto 选择器也可以支持部分 CSS3 选择器和 eq 等 Zepto 定义的选择器。在阅读本篇文章之前,最好先阅读《读Zepto源码之神奇的$》。读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto源码版本本文阅读的源码为 zepto1.2.0GitBook《reading-zepto》辅助

2017-09-18 07:16:02 531

原创 读Zepto源码之assets模块

assets 模块是为解决 Safari 移动版加载图片过大过多时崩溃的问题。因为没有处理过这样的场景,所以这部分的代码解释不会太多,为了说明这个问题,我翻译了《How to work around the Mobile Safari image resource limit》这篇文章作为附文(《怎样处理 Safari 移动端对图片资源的限制》),更详细地解释了这个模块的应用场景。读Zepto源码系

2017-09-13 09:00:37 233

翻译 怎样处理 Safari 移动端对图片资源的限制

原文作者:Thijs van der Vossen本文翻译自《How to work around the Mobile Safari image resource limit》,原文写于2010年10月25日。可能部分限制已经不再适用。翻译本文的目的是作为《读Zepto源码之assets模块》的附文,读Zepto源码系列文章已经放到了github上,欢迎star: reading-zepto正文开

2017-09-13 08:58:36 1523

原创 读Zepto源码之Ajax模块

Ajax 模块也是经常会用到的模块,Ajax 模块中包含了 jsonp 的现实,和 XMLHttpRequest 的封装。

2017-08-28 07:46:15 1850 6

原创 读Zepto源码之Deferred模块

Deferred 模块也不是必备的模块,但是 ajax 模块中,要用到 promise 风格,必需引入 Deferred 模块。

2017-07-31 07:34:44 387

原创 读Zepto源码之Callbacks模块

Callbacks 模块并不是必备的模块,其作用是管理回调函数,为 Defferred 模块提供支持,Defferred 模块又为 Ajax 模块的 promise 风格提供支持,接下来很快就会分析到 Ajax模块,在此之前,先看 Callbacks 模块和 Defferred 模块的实现。

2017-07-23 09:54:23 324

原创 读Zepto源码之Event模块

Event 模块是 Zepto 必备的模块之一,由于对 Event Api 不太熟,Event 对象也比较复杂,所以乍一看 Event 模块的源码,有点懵,细看下去,其实也不太复杂。

2017-07-18 07:12:14 387

原创 读Zepto源码之属性操作

这篇依然是跟 dom 相关的方法,侧重点是操作属性的方法。读Zepto源码系列文章已经放到了github上,欢迎star

2017-06-25 09:06:17 363

原创 读Zepto源码之样式操作

这篇依然是跟 dom 相关的方法,侧重点是操作样式的方法。读Zepto源码系列文章已经放到了github上,欢迎star

2017-06-11 11:41:23 700

原创 读Zepto源码之操作DOM

这篇依然是跟 dom 相关的方法,侧重点是操作 dom 的方法。读Zepto源码系列文章已经放到了github上,欢迎star。

2017-06-04 10:33:27 431

原创 读 Zepto 源码之集合元素查找

这篇依然是跟 dom 相关的方法,侧重点是跟集合元素查找相关的方法。

2017-05-30 15:38:51 512

原创 读Zepto源码之集合操作

接下来几个篇章,都会解读 zepto 中的跟 dom 相关的方法,也即源码 $.fn 对象中的方法。

2017-05-22 07:45:14 267

原创 读 Zepto 源码之神奇的 $

经过前面三章的铺垫,这篇终于写到了戏肉。在用 zepto 时,肯定离不开这个神奇的 $ 符号,这篇文章将会看看 zepto 是如何实现 $ 的。

2017-05-14 09:46:01 391

原创 读 zepto 源码之工具函数

Zepto 提供了丰富的工具函数,下面来一一解读。

2017-04-30 09:45:26 392

原创 读Zepto源码之内部方法

读Zepto源码之内部方法

2017-04-16 14:03:26 398

原创 读Zepto源码之代码结构

虽然最近工作中没有怎么用 zepto ,但是据说 zepto 的源码比较简单,而且网上的资料也比较多,所以我就挑了 zepto 下手,希望能为以后阅读其他框架的源码打下基础吧。

2017-04-05 15:47:23 333

原创 vue-auto-focus:控制自动聚焦行为的vue指令

在网页的表单中,经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目,有个装箱出库的流程,input框自动聚焦的流程如下:页面进入时自动聚焦到订单号输入框->订单号扫描完毕聚焦到商品条码输入框->扫描完一个商品条码后依然停留在条码输入框->所有条码扫描完毕聚焦到订单号输入框。为了应付这种需求,就做了这个指令,github地址:vue-auto-focus,欢迎sta

2017-01-16 10:55:34 15718

原创 vue-lazy-render: 延迟渲染大组件,增强页面切换流畅度

vue-lazy-render: 延迟渲染大组件,增强页面切换流畅度

2016-12-26 14:19:38 8917

原创 谷歌插件Image downloader开发之popup

谷歌插件Image downloader开发之popup,popup与页面之间的通讯

2016-12-12 08:29:08 381

原创 谷歌插件Image downloader开发之 content script

自己运营了一个公众号,在发文章的时候,需要在网上找一些图,而有些网站的图片可能隐藏在属性或者背景图中,要下载的时候经常审查元素,查看源码,不太方便,最近在看一些谷歌插件的api,便顺手做了一个插件Image downloader。源码放到了github上,顺便学习并用了一下git。地址:https://github.com/yeyuqiudeng/imageDownloader功能Image dow

2016-12-05 08:30:30 722

前端学习目录

前端知识架构,详细整理前端所需要用到的知识,前端知识体系

2016-02-29

空空如也

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

TA关注的人

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