FED

自从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的最近元素。兼容实现返回元素的兄弟元素集合（不包含自身）。兼容实现选择第几个子元素。...

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

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

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

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

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

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

掌握前端必备的基础知识，提高自身开发能力。时间规划：时间安排：在阅读教程的时候，建议去查阅一些文档，使用谷歌搜索。进阶时间尽量安排在业余和平时工作空闲时，不能本末倒置将工作耽误。按入职顺序。...

这章我们学习MongoDB的查询操作。find方法用于执行MongoDB的查询操作。它返回collecion中的documents子集，没有添加参数的话它将返回整个collection数据。例：查找c的所有数据...

这章我们学习数据操作。上一章我们已经简单介绍了数据插入，如:那么，假如你碰到需要插入多条documents的时候情况怎么办呢?只要传入数组就行MongoDB在插入数据的时候仅做最少的检查。它检查document的基础结构并且"_id"不存在时帮你自动添加。...

这一章，我们先介绍几个MongoDB的概念:1.document:它是MongoDB的基础数据单元，它大概等价于关系型数据库中的行。2.collection:可以想象成动态的表。3.一个简单的MongoDB实例可以携带多个独立的数据库，每个数据库都有属于自己的collections。...

前端开发为什么要进行构建，它的意义在哪？回答这个问题之前，来先看下两个案例案例1案例2因为案例1的教训，使用了CDN技术。接触过前端开发的同学，肯定对这两个案例颇有感触，因为这两个案例是最为常见的。...

在编写JavaScript应用的时候，我们经常会使用this关键字。那么this关键字究竟是怎样工作的？它的设计有哪些好的地方，有哪些不好的地方？本文带大家全面系统地认识这个老朋友。小明正在跑步，他看起来很开心...