未来的前端工程师

作者简介:aoto 蚂蚁金服·数据体验技术团队 以下我说的都是个人观点,比较宏观粗浅,主要针对的是前端工程师本身,没有深入技术和业务细节,请谨慎参考。 职能概览 前端工程师首先是个程序员,其次也是个软件工程师,他们工作在离用户最近的地方,负责人机交互和用户体验,虽然叫“前端”,但其实他们的工作边界其 […]

用node.js体验ES7的Async/Await

阅读本文前,期待您对promise和ES6(ECMA2015)有所了解,会更容易理解。 本文以体验为主,不会深入说明,结尾有详细的文章引用。 第一个例子 Async/Await应该是目前最简单的异步方案了,首先来看个例子。 这里我们要实现一个暂停功能,输入N毫秒,则停顿N毫秒后才继续往下执行。 控制 […]

js取得设备物理像素、设备独立像素

视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 首先,选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480,现在更多的是iphone6的375×667)。 对于retina屏幕(如: […]

感谢各位同行的支持

HooperUI 始于一个心中小小的火光,在满世界都是前端 UI 框架的时候,我能不能自己做一个用的上手、高速渲染、不吃硬件、体积小巧的前段框架。认真的思考之后,HooperUI 在我和另外一个小伙伴的努力下诞生了。这是一个适用于移动端的 UI 框架,里面尽可能的复用移动端的原生组件,并对其进行模板 […]

前端高性能计算之WebWorkers、asm.js和webassembly

最近做一个项目,里面涉及到在前端做大量计算,直接用js跑了一下,大概需要15s的时间, 也就是用户的浏览器会卡死15s,这个完全接受不了。 虽说有V8这样牛逼的引擎,但大家知道js并不适合做CPU密集型的计算,一是因为单线程,二是因为动态语言。我们就从这两个突破口入手,首先搞定“单线程”的限制,尝 […]

css模块化及CSS Modules使用详解

什么是css模块化? 为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合、分解和更换的单元。模块化是一种处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立、互相作用的组件,来处理复杂、大 […]

灵活高效的监听页面内DOM变动并作出响应

hooper注:今天在做一个用户新功能指引的功能(step-by-step),发现页面在引导弹层生成后,页面元素的位置因为异步数据请求、图片延迟等各种原因会发生变动。所以,需要箭筒页面所有元素,只要有元素发生变化,就立即重新计算引导弹层的位置,准确响应。 之前印象中有关于Mutation Obser […]