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