FED

21世纪的基本生理需求应该是电源和wifi了。有电有网，“基情四射”；没电没网，只能“左手右手”了。随着HTML5以及CSS3技术支持与发展，以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。用户一旦感觉到浏览这破页面手机电量流失很快，很大程度生会影响用户的浏览质量，继而影响转化率，甚至用户丢失。...

前端逐年发展，从实现刀耕火种的纯静态页面，到开发复杂交互的前端应用，各种框架、自动化工具层出不穷。在国内的前端界忙着造MVVM的轮子、为选择哪家框架而斗嘴的时候，国外的团队已经开始思考开发体验的优化了。手淘前端内部目前比较流行的工作流，是MVVM框架+各种第三方库+NPM包管理+Gulp流+Webpack打包+本地服务器+HotLoader插件或者是LiveReload插件，再配合上喜欢的编辑器、浏览器。从上古时期的写完HTML、CSS、JavaScript，直接浏览器刷新，慢慢发展到今天需要编译的自动化工作流，前端开发的能力上了一个台阶的同时，复杂性也逐年升高，越来越“折腾”。...

双十一中，无线前端的产品可以说非常的丰富。在双十一中，互动始终是重头的一部分，但是与以往不一样的地方是，导购产品在本次双十一中有着不俗的表现。而今年的双11导购业务占据了5大模块里的后三个，除了必抢，其它业务均是由手淘的同学来完成的，笔者作为导购产品的一员，选择导购产品来给大家解读其中的技术实践。...

自从11.11这个曾经普通的日子被阿里塑造成一年一度的消费者和商家的节日,阿里的技术小二们就多了一个每年练兵的好机会.在经历了峰值流量的考验后,双十一对于阿里更成为一个打破部门间隔阂,推动业务和技术更新的绝好机会.且日期恰逢年关将近,我想这也是总结团队一年来技术演进的好机会.我们在13年底完成了开发模式上的前后端分离,从那时起前端项目就不再仅作为Web项目的一部分进行管理.独立于服务端的开发和发布过程也催生出了我们的前端项目工程化之路....

之前较早的时候，在我们团队中已经陆续分享过几次Promise的实践，主要分享了Promise的常用特性，包括then/catch，链式调用等。而本次借双11技术巡演的机会，主要结合手淘前端的一些日常业务，来阐述Promise的编程模式。笔者对Promise的态度是极其推崇的，不仅仅因为它能被完美的Polyfill和解决异步调用的问题，更从ES6/7的发展来看，Promise有更大的用武之地（ES6的generator以及ES7的async/wait）。...

2015年是全面『无线化』的一年，在BAT（财报）几家公司都已经超过50%的流量来自移动端，这次双11更是占到了68.67%无线交易（天猫微博）。手淘中大量的业务采用H5的方式开发，H5体验好坏全面影响着手淘的使用体验。今年手机淘宝在技术上重点解决“顿”，“卡”，“慢”的问题，并提出了“521法则”,具体指：...

今年的双11不仅买买买令人兴奋，密令红包也让人欲罢不能、抢到手软。每天，都有新鲜出炉的密令从各种渠道放出，只要打开手机淘宝，在搜索框输入密令就可以抢现金红包啦~一年一度的红包盛事没有彩蛋怎么行呢？输入秋裤、冰箱、手机膜试试看？哎呀我的手机怎么这样了？...

4号得到消息要做一个紧急项目，双十一当晚10点30分，北京水立方，美国纽约证券交易所为“2015天猫双十一全球狂欢节”举行远程开市敲钟仪式，见证这场全球商业的狂欢。到时马大大会和8位曾获得阿里公益“天天正能量”奖的人物代表举行远程开市敲钟仪式，这是纽交所首次为一家中国的互联网企业举行远程敲钟仪式。我负责在手淘上开发一个敲钟功能，让手淘的一亿多用户能够在手机上和马总一块敲响开市钟。...

通过markdown生成静态页面的工具。经常用markdown写一些接口文档，为了方便特写此工具玩耍。生成的页面预览效果这些文档是都是使用idoc生成的页面哦，可以提交用idoc生成的文档哦提交收录。仓库地址【https://github.com/jaywcjlove/idoc】欢迎提需求和bug，提交地址issues。...

将一个目录设置成一个静态服务器。。大家肯定遇到过，当后端API没有编写完成时，前端无法进行调试，这就导致了前端会被后端阻塞的情况。而ssr相当于是搭建了一个MockServer，构建假数据，然后把这些假数据存到JSON文件上，MockServer可以响应请求或者生成页面，当然也可以顺便生成API文档。命令帮助。...

兼容性要求：兼容到IE8兼容实现返回从自身开始向上查找符合className的最近元素。兼容实现返回元素的兄弟元素集合（不包含自身）。兼容实现选择第几个子元素。...

BFC已经是一个耳听熟闻的词语了，网上有许多关于BFC的文章，介绍了如何触发BFC以及BFC的一些用处（如清浮动，防止margin重叠等）。虽然我知道如何利用BFC解决这些问题，但当别人问我BFC是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1spec和许多文章来全面地理解BFC。在解释BFC是什么之前，需要先介绍Box、FormattingContext的概念。...

在这之前做webapp开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640*1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的多倍图、基础字体大小、图标宽高。这样做的弊端很明显：...

尽可能与Function.prototype.bind保持一致。...

#Javascript进阶-闭包##1.什么是闭包函数嵌套函数，内部函数可以引用外部的参数和变量，参数和变量不会被垃圾回收机制所收回，外部函数最终返回内部函数的函数名。从垃圾回收机制来看，一个闭包就是当一个函数返回时，一个没有释放资源的栈区。...

#JS兼容性方法##事件事件对象兼容取消事件冒泡兼容阻止默认事件事件监听兼容##DOMchildren属性...

##IE6下绝对定位元素消失...

大家都知道JQuerry有animate方法来给DOM元素进行运动，CSS3中也有transition、transform来进行运动。而使用原生的Javascript来控制元素运动，需要写很多运动的细节以及兼容。然而，当你的BOSS不让你使用庞大的JQ框架，而且你开发的产品也需要在一些不兼容CSS3的浏览器运行的时候，你是否觉得每次都要开个定时器来琢磨运动该怎么进行，是件很费力的事情呢？...

更健壮的typeis，可以判断任何数据类型定义一个不可修改的对象实现对象的深度拷贝。实现base64、debase64实现randomNumber和randomString。...

实现typeis方法，可以正确返回传入的数据类型。实现each方法，可以正确遍历对象、数组，并且能够正确break。实现无限柯里化加法。实现以下功能，f函数可以根据参数的形参个数返回不同的结果。...