如何造一个『为移动端而生』的日历
2017-07-03
阅读 7 分钟
11.8k之前写了一篇Calendar -『为移动端而生』的自定义日历，一直有童鞋对这个插件的手势处理存在一些问题，所以想写篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 calendar 的效果 喔~ 点击查看github， 查看calendar源码 也可以在 NPM上搜索 mob-calendar 找到它。 一、 确认需求 想做一个日历最主要的原因...
如何造一个移动端的联动选择器（四）
2016-12-03
阅读 2 分钟
2.9k写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...
如何造一个移动端的联动选择器（二）
2016-12-02
阅读 3 分钟
2.5k写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...
如何造一个移动端的联动选择器（三）
2016-12-02
阅读 3 分钟
2.9k写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...
如何造一个移动端的联动选择器（一）
2016-12-01
阅读 2 分钟
5.5k写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...
可想实现一个自己的简单jQuery库？(十二，完结篇)
2015-11-24
阅读 2 分钟
3kLesson-11 新增width,height,extend 事件部分讲完了后,我们最后实现3个方法. {代码...} 关于width(),height()就常用的就2种,一个是取值,一个是赋值. 我们通过判断arguments的个数,是取值还是赋值. 赋值很容易,我们就用最简单的办法,直接设置. 如果是取值,那我们就要做个判断,因为window,和document的取法是不一样的. 还...
可想实现一个自己的简单jQuery库？(九)
2015-11-22
阅读 2 分钟
3.3kLesson-8 事件机制 在讲事件机制之前呢,我们有一个很重要的东西要先讲,那就是如何实现事件委托(代理). 只有必须先明白了如何实现一个事件委托,我们才能更好的去实现on和off.在我看来,on和off里最难实现的就是他的事件委托. {代码...} 以上是我对整个委托的实现,当然在这只做了非常简单的实现,没有对很多别的情况进行判断...
可想实现一个自己的简单jQuery库？(八)
2015-11-21
阅读 2 分钟
3kLesson-7 新增 html,append,before,after,remove {代码...} html()方法我就用了这种很愚蠢的方法实现了!比起之前的data,attr,css什么的简单多了,大家可以自己继续完善. 接着是我们的重头戏,3个文档插入.我找到了一个原生js叼叼的方法 insertAdjacentHTML 来让我们去看下MDN是怎么解释的 概述 insertAdjacentHTML() 将指...
可想实现一个自己的简单jQuery库？(七)
2015-11-20
阅读 3 分钟
3.1kLesson-6 这个版本完善hasClass和css 方法. 新增 attr和data {代码...} 在我们上一个版本中,没有对css方法传对象进行解析,在这我们要进行完善. 刚刚好我们现在已经有了each方法!直接用上吧! 在我们的for循环中,要先判断下传入的attr参数是字符串还是对象. 如果是字符串,我们就按照css('width','100px')这样的方式处理 如...
可想实现一个自己的简单jQuery库？(六)
2015-11-19
阅读 4 分钟
3.3kLesson-5 这个版本新增6个方法,find(),first(),last(),eq(),get(),ajax 先给出代码 {代码...} 我们要仔细分辨下,这4个方法在jQuery中返回的都是什么对象?到底是dom对象还是jQuery对象. 明白了这个后就很容易能写出这4个方法 {代码...} 首先find, 我们知道一般都会这样写 $('div').find('span') 查找div下的span,返回的是...
可想实现一个自己的简单jQuery库？(五)
2015-11-18
阅读 2 分钟
2.7kLesson-4 这个版本我们要增加一个用的非常多的方法! 那就是each! 我们知道each不仅能遍历数组,还能遍历对象. 首先我们需要一个对数组进行验证的方法 {代码...} 接着就是我们的重头戏 {代码...} 因为我们还可能遍历Kodo数组对象 如 {代码...} 所以还需要一个判断 是否是Kodo数组对象 {代码...} 在这应该强调下call的用法,...
可想造一个属于你自己的jQuery库?(二)
2015-11-15
阅读 2 分钟
4kLesson-1 初步体验 这个版本呢,先来加四个很简单的方法感受感受下! 首先3个class不用说了 {代码...} 然后新增一个 {代码...} 这些其实都很简单,我们都要记住,我们封装的DOM对象是一个数组,所以一定都需要用循环来进行各种个样的处理. 然后css这我是用arguments的个数来进行判断是取值还是设值. 最后千万别忘了每个方法的...