摘要:最近在项目中遇到一个奇怪的问题,有一个需求是这样:页面上有一个按钮,滚动页面时让它消失,停止滚动时让它显示。常规思路:step1、监听touchstart事件,记录Touch对象中pageY初始值startY;step2、监听touchmove事件,记录Touch对象中pageY的变化后的值endY... 阅读全文
posted @ 2016-01-18 13:02 水乙 阅读(6241) 评论(1) 推荐(2) 编辑
摘要:一、popstate用来做什么的?简而言之就是HTML5新增的用来控制浏览器历史记录的api。二、过去如何操纵浏览器历史记录? window.history对象,该对象上包含有length和state的两个值,在它的__proto__上继承有back、forward、go等几个功能函数 ... 阅读全文
posted @ 2016-01-08 23:41 水乙 阅读(16895) 评论(2) 推荐(4) 编辑
摘要:工作这四年多,几乎每年都看到一些同学分享自己的年终总结,但大多看过了就忘了。自从去年底接触到前端行业里大牛们的总结,让我触动很大,大牛们短短一年时间竟能学习这么多东西,而我自己一年到头看似忙碌,但是沉淀下来的知识其实并没有多少。所以今年也想东施效颦一把,把今年做的事、学的知识总结记录下来,很多东西可... 阅读全文
posted @ 2016-01-02 00:51 水乙 阅读(1848) 评论(13) 推荐(9) 编辑
摘要:本周开始用react开发新项目了,而为了配合react我们选择了Redux框架来管理state。由于之前一直在业余时间学习react和腾讯地图api,无暇顾及学习redux,所以项目刚上手时对redux一无所知,虽然我们领导详细给我们说了这个框架的思路,但是还是听得云里雾里的,没办法啊做过和没做过真... 阅读全文
posted @ 2015-12-27 23:53 水乙 阅读(2533) 评论(8) 推荐(1) 编辑
摘要:好吧,竟然不能单发一张图,不够200字啊不够200字!在《JavaScript高级程序设计》中,分门别类介绍了非常多数组方法,其中迭代方法里面有6种,这6种方法在实际项目有着非常广泛的作用。其中本人最爱用forEach和map,好用又高效,不用什么都是for循环大法。但是初学的时候往往觉得头大,这些... 阅读全文
posted @ 2015-12-19 00:14 水乙 阅读(8409) 评论(9) 推荐(23) 编辑
摘要:组件协同: 父子关系View Codemixin: MixinView Code 阅读全文
posted @ 2015-11-02 00:49 水乙 阅读(555) 评论(0) 推荐(0) 编辑
摘要:最近在项目中用到了flexbox,总结一下使用心得。一、什么是flexbox,干嘛使的?曾几何时,我们特别希望能像word一样,在排版时有个分散对齐选项(平均分配子元素宽度)这样我就可以任意在父元素里添加子元素的个数,而不用经过繁琐的计算。css3中的flexbox可以实现这一点,并且还有很多很多别... 阅读全文
posted @ 2015-11-01 00:38 水乙 阅读(3377) 评论(0) 推荐(0) 编辑
摘要:1、什么是iconfont?说白了就是用图标制作而成的一套字体文件,本质是一个字体文件(扩展名是ttf\woff\svg的文件)。它是用来制作网页常用小图标的一种方法。以下是天猫首页使用iconfont的场景:2、用iconfont有什么优缺点?1)文件小,以往常用的sprite图如果要放上上百个图... 阅读全文
posted @ 2015-10-18 13:30 水乙 阅读(6502) 评论(5) 推荐(15) 编辑
摘要:好吧,其实是标题党了,哈哈,只是想总结一下工作中遇到$.proxy()的用法而已。一、语法:$.proxy()有两种使用语法1)$.proxy(fn,context),fn是一个函数,context是执行fn这个函数的上下文。例如: var obj = {name: 'Zepto'}, ... 阅读全文
posted @ 2015-08-26 23:51 水乙 阅读(1188) 评论(0) 推荐(1) 编辑
摘要:一、为什么不用table系表格元素?目前,在大多数开发环境中,已经基本不用table元素来做网页布局了,取而代之的是div+css,那么为什么不用table系表格元素呢?1、用DIV+CSS编写出来的文件k数比用table写出来的要小,不信你在页面中放1000个table和1000个div比比看哪个... 阅读全文
posted @ 2015-08-25 00:11 水乙 阅读(22286) 评论(0) 推荐(1) 编辑