React组件之高阶函数替换Mixins注入 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (74)
实现功能基于ES6用React实现一个倒计时组件,格式:6时6分6秒,然后每隔一秒不断倒计时。
回顾Mixins当然,完全可以直接写在一个React.createClass函数里面,但可复用性不高,所以换做在之前官方推荐的做法就是利用Mixins特性,所谓Mixins我理解就是注入,类似于Java Spring的依赖注入,简单代码如下:
// 定义一个倒计时Mixinsvar SetIntervalMixin = {    componentWillMount: function() {        this.intervals = [];    },    setInterval: function() {        this.intervals.push(setInterval.apply(null, arguments));    },    componentWillUnmount: function() {        this.intervals.forEach(clearInterval);    }};// 注入Mixins到组件中var Timer = R...阅读全文

 2016小结 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (40)
GITHUBABOUTRSS本文总阅读量2016小结2016年12月25日12月25日,西方的过年,对东方人们来说距离新的一年2017只剩5天。
来天猫已经快10个月,这10个月都在忙 忙 忙中度过,忙着开各种需求评审会,忙着跟业务方各种撕逼洽谈,忙着在半夜三更才能安安静静地写代码修bug。但老生常谈的是,这一年还是些许的小结值得写下来,算是给自己这一年的交代,以及给自己未来一年该怎么继续走一个思考。
技术成长年初选择从京东跳槽过来天猫,最看重的还是天猫前端的技术,从13年双十一天猫全面切换到Node技术栈开始,到今年的Weex在双十一展现出web与native融合的不俗能力,不得不说天猫前端至少在业内还算是一个不错的团队存在。虽然外界看来,阿里系的开源框架都为了KPI而出现,并且不久后便夭折(当然,我自己也觉得很多东西其实都是为了KPI而出来的),但是对于前端er来说,我开始慢慢觉得:与其拒绝,不如从中学到一些东西,然后提取出好的抛弃坏的,让自己得到成长,转化成自己的技能。
这一年的React/Vue/Angular三足鼎立,似乎对于这边来说更青睐于React。比如对于我在的小...阅读全文

 项目是检验前端是否合格的标准 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (55)
本文总阅读量项目是检验前端是否合格的标准2016年8月25日友情提示:这不是一篇技术文章,几乎都是文字没有代码,适合刚入门前端亦或者是跟我一样觉得前端还有很多东西需要去学的童鞋
入门前端2年多,算上各种加班的话应该是3年,一直标榜自己“全栈工程师”。然而从近一次持续了三个月的项目中感受很深,方知前端合格很难,更别谈优秀,这条路还有很多东西需要去“品”。
谈谈自己前端历程我要谈的前端,严格意义上是大前端。因为在腾讯一些公司是有重构岗位(现在改成UI部门,其实都差不多,就是负责页面的HTML跟CSS视觉效果还原)以及JavaScript开发岗位(负责产品的数据以及交互层次的研发)的。我之前的工作岗位是前端设计师,也就是重构,每天重复着切图仔的角色感觉有点厌烦了(现在挺怀念当时的日子~),于是开始接手写一些JS效果,但还是比较简单的,比如轮播、导航这一类简单的交互效果。
再后来,折腾Node,玩Nginx,搞Mysql/Mongo,一项新的技术出来赶紧学,什么Angular/Vue/React统统学一遍,然后,开始标榜自己为全栈工程师。
就这样,现在成为了大前端的一员,我不确定这是否...阅读全文

 【译】ES建议:async函数 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (53)
GITHUBABOUTRSS本文总阅读量【译】ES建议:async函数2017年3月27日Async函数是Brian Terlson提出的ECMAScript提案,目前处于stage 3(candidate 候选)阶段。
| 译者注:ECMAScript提案分三个阶段:草图(Sketch) -> 提案(Proposal) -> 规范(Standard),所以Async很大的希望能成为规范.
在开始解释async函数之前,我想先讲一下如何通过组合Promises和generators用看起来同步的代码来控制异步操作。
通过 Promises 和 generators 写异步代码在众多的能用于异步的函数中,Promises,作为ES6的一部分,变得越来越受欢迎。一个例子就是客户端的fetch API,用来发送请求获取数据从而替代XMLHttpRequest。使用fetch看起来像下面这样:
function fetchJson(url) {    return fetch(url)        .then(request => request.text())        .th...阅读全文

 天猫前端团队招人贴 · Web前端爱好者

作者:JerryXia | 发表于 , 阅读 (38)

团队天猫事业部-产品技术部-交易链路&行业开发-前端,招聘资深前端工程师和前端技术专家。
团队在业务上对应天猫主要行业(如天猫超市、天猫国际、电器城、阿里汽车、天猫家装等等)及天猫核心的交易系统。 横向上同时会参与主导阿里、天猫前端的多项横向技术体系。
团队专注于以工程化手段提升开发效率,以数据智能化的驱动业务进步,构建高性能的用户交互解决方案。
岗位描述:业务工作上:
交易业务:支撑双十一1200亿成交背后的,天猫、淘宝的核心交易流程(购物车、确认订单、退款、投诉等)的开发中;从技术的角度,协同产品经理一起梳理业务发展规划并落地。负责千万级UV的PC、Mobile页面开发,并参与到交易智能化 - 通过智能化的方式为用户提供能符合其需求的交易 - 的探索工作。企业购业务:面向百亿级的业务蓝海,参与到面向企业用户的专属业务企业购中;支撑企业用户从进货、采购到使用服务的多套场景。负责从首页、频道、搜索、交易流程,到多个企业专属系统的方案设计与前端开发中。技术工作上:
效率提升:在理解前端开发流程的基础上,结合前端实际建立或优化提升工作效率的工具;方案定制:在理解产品业务的基础...阅读全文