雨夜带刀's Blog

2014年度总结

一年又一年。

一年比一年忙。

1

上半年纠结了一段时间,最终还是从 360 离职了,本来已谈妥的 offer,最终自己放弃了,放弃的不仅仅是一份 offer,也算是放弃了一种生活方式吧。找工作的这一段空档,还是挺迷茫的。如果一直处于忙碌的状态,突然闲下来会觉得无所适从。离职那段时间觉得自己特操蛋。

毫无准备的情况下加入了最意想不到的现在所在的公司(聚美优品),也一下从开发的角色转换成团队管理的角色,转变确实挺大的,算是一种更大的挑战吧。

2

半年的时间,感觉收获还是挺大的,也算是逐渐进入角色了吧,现在也越来越能明白作为一名团队 leader 的种种不容易。

Handlebars 和 SeaJS 的结合使用

Handlebars 是一款语义化的模板引擎,其模板语法就像是在写普通的 HTML 代码,并且在性能方面也表现优秀。本文将介绍 Handlebars 如何结合 seajs 来使用。

模板引擎的编译和预编译

开发者用语义化的代码编写好模板,然后将编写好的模板再进行编译,这个编译环节是必不可少的。服务端的模板也同样需要编译,只是这个编译环节是在服务器上进行的。

前端模板引擎要么是直接在浏览器中进行编译,要么就先将模板进行预编译,预编译的代码是可以直接放到浏览器中运行的。在浏览器中编译就意味着会有一些编译时的性能开销,如果要追求前端性能的话,肯定是使用预编译好的模板。

Handlebars 提供了支持编译和不支持编译的 2 种版本,不支持编译的 runtime 版本只能运行预编译好的模板,而 runtime 版本的库文件理所当然要小得多。

在开发环境中,要确保开发方便,引用的是支持编译的库文件,而在生产环节中,模板经过了预编译,此时引用的是 runtime 版本。

前端自动化构建和发布系统的设计(二)

前端自动化构建和发布系统设计(一)中主要介绍了使用 gulp 来构建,本篇将主要介绍发布部分。

URI 的设计规则

先来看一个完整的静态资源的 URI,http://a0.jmstatic.com/5d4f23234a51261e/common.css,这个 URI 由三部分组成,依次为 静态随机资源域名/文件 md5 值/原文件名 。

  • 静态资源域名是随机生成的,这样可以在同一个站点中使用多个静态资源域名;
  • 文件 md5 值是根据文件内容来生成的,这样能确保其唯一性;
  • 原文件名有2个作用,作用1是可以从文件名看出在开发环境中对应的是哪一个文件,作用2下面再说;

前端自动化构建和发布系统的设计(一)

前言

前端的业务逻辑和交互效果越来越复杂,代码量也随之越来越大,伴随着越来越大的代码量而来的还有代码的管理和部署的问题。模块化和预处理框架大行其道,新框架的出现让前端的开发环境越来越高大上了,但是部署到线上就越来越费劲了。在开发环境中模块化会将原本的大型应用分割成很多小模块,但是在上线的时候考虑到这些静态资源对 HTTP 请求数和请求体积的开销,很多小模块都需要合并然后再进行压缩。在 node.js 火起来之前,比较常见的处理工具有 ant,但是 ant 是基于 java 的,对于前端工程师来说使用起来很费劲。

grunt vs gulp

node.js 火起来之后,出现了很多用于处理前端静态资源的优秀模块,还有专门用于前端静态资源构建的框架,如鼎鼎大名的 grunt,但是 grunt 由于其基于配置的设计模式和构建模式基于文件的限制,对于复杂一点的构建逻辑配置起来就会比较繁琐。

聚美优品招聘WEB前端开发工程师

聚美优品成立四年以来,我们的事业取得了迅猛发展,如果你有志于电子商务,希望亲手创造中国互联网下一个奇迹,那么非常欢迎加入我们。

如果你热爱WEB前端开发,执着于用户体验的改善和前端性能的优化,想用你的code服务于亿万用户,那么非常欢迎加入我们。

岗位要求

熟悉web标准的网站构建,能兼容主流浏览器;

熟悉JavaScript和主流的js类库和框架;

熟悉web前端性能优化;

了解HTML5&CSS3的新技术;

熟悉PHP或Node.js者优先;

逻辑思维能力好,善于沟通,自学能力强,具备团队协作的精神;

工作职责

负责聚美优品主站的web前端开发工作

工作地点

北京东直门(总部)

如果你相信自己,相信爱情,请发送简历至 chenmnkken@gmail.com

头像

雨夜带刀

前端开发工程师,技术宅,现居北京。

雨夜带刀的开源项目

easy.js
一个简洁的 JavaScript 类库,集成了模块加载器,同时也有包含了常见的的组件库,可访问项目网站
seed
符合 AMD 规范的 JavaScript 模块加载器。
ecope
从 easy.js 组件库中移值过来的基于 jQuery 的组件库,简单实用,API 风格统一。
第 1 页,共 14 页12345...10...最旧 »