300行代码揭密轮播插件核心代码的实现过程
摘要:轮播效果在网页中用的很多,swiper是其中最有代表性的作品,它支持水平和竖直滑动,还有反弹效果,兼容移动端和pc端。当然代码量也是相当大的,单是js就有5300行(3.4.0的未缩版本),若不考虑代码利用率和加载速度直接就用了,在移动端比较慎重,比如京东(m.jd.com)的轮播就没有用它,而是自
阅读全文
posted @
2017-04-14 07:07
bjtqti
阅读(927)
推荐(2) 编辑
第一个移动前端开源项目-dailog
摘要:你还在为手机上没有忙碌光标而发愁吗?你还在抱怨弹出框组件要依赖zepto/jqery吗?你还在纠结是否要自己写一套还是去网上寻找成现成的UI组件吗?YouA为你轻松解决所有烦恼。YouA是我为移动前端量身打造的一款UI组件,简单,高效,轻量,独立,有良好的扩展特性,走过路过,千万不要错过。 开发背景...
阅读全文
posted @
2015-07-19 14:15
bjtqti
阅读(1526)
推荐(3) 编辑
前端开发工具vue.js开发实践总结
摘要:最近有很长时间没有更新博客了,换了公司,全部的心思都放在项目上了。通过这次项目的上线,让我感受最深的是前后端分离后,前端页面的模块化管理,以及前端页面的数据邦定。在接触vue.js之前,我之前端要用到的dom结构,都是通过拼接字符串的方式进行输出的。这种方式最大的痛点是拼接很麻烦,也不是很直观,几乎...
阅读全文
posted @
2015-07-12 19:08
bjtqti
阅读(7284)
推荐(3) 编辑
javascript模拟继承
摘要:javascript作为前端开发的标配技能,如果不掌握好它的三大特点:1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢?如果标配的技能都没有撑握好,怎么可以任性的玩耍呢?怎么验证自己学好了以上三个基本点呢,我找到一段不错的代码,稍加改动,如果能够读懂它,那么你就可以任性了。func...
阅读全文
posted @
2015-01-14 22:42
bjtqti
阅读(497)
推荐(0) 编辑
从一道面试题分析javascript闭包
摘要:据说是一不注意就会做错的五道javascript面试题之一,我们来看看这道题长什么样function Container( properties ) { var objthis = this; for ( var i in properties ) { (fun...
阅读全文
posted @
2014-10-24 10:39
bjtqti
阅读(633)
推荐(1) 编辑
Deffered.js的实现原理
摘要:在艾伦的推荐下,看了一个日本人写的延时加载库,非常轻量,写的很棒。作为我的源码学习的第一编。在认真看了两天之后,才看懂它的实现原理,我下面把通自己的理解,进行了精简。只程现原理,方便日后的回顾。deffreddeffered.js是我精简之后的代码,并加了一些注释:/** * @fileOvervi...
阅读全文
posted @
2014-07-05 17:08
bjtqti
阅读(481)
推荐(0) 编辑