Taobao FED

分类:Web开发

Juicer – 一个 JavaScript 模板引擎的实现和优化

让我们从一段代码说起,假设有一段这样的 JSON 数据: 1234var json = { name: '流火', blog: 'ued.taobao.org'}; 我们需要根据这段 JSON 生成这样的 HTML 代码: 1流火 (blog: ued.taobao.org) 传统的 JavaScript 代码一定是这个样子: 12var html;html = '' + j

word-wrap 解惑

源起我们经常需要“修复”一个老生常谈的“bug”,那就是文本的自动换行问题。在专业术语上,这种期望得到的渲染现象被称作“word wrap”,即文本处理器有能力把超出页边的整个词自动传到下一行。 在现实项目中,尤其是在测试阶段,鉴于测试使用非常极端的测试用例,我们经常需要“修复”如图所示的这个问题: 长单词溢出 图中,极长的这个英文单词(虽然是生造的)为了保证完整的显示,无奈地超出了容器的限制,

CSS Border 使用小分享

原理CSS 盒模型 一个盒子包括:margin+border+padding+content 上下左右边框交界处出呈现平滑的斜线。 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等。 调整宽度大小可以调节三角形形状。 示例 1一般情况下, 我们设置盒子的宽高度, 及上下左右边框, 会呈现如下图: 12345678910#test2 { hei

YUI 3 在淘宝彩票中的实践小结

导语:春风吹战鼓擂,YUI 3 早就扛起了高端的“前端团队开发”的大旗,昂首阔步的朝我们走来,不管是 Yahoo 对 YUI 3 的实践,还是 D2 上克军对 YUI 3 分享带来的诱惑,无不让人感觉 YUI 3 带给人的感官冲击,如今,淘宝电子杂志、网络文学、彩票等产品已经在使用 YUI 3,今天,让我们来对 YUI 3 在淘宝彩票项目中的一些实践做一些简介,希望给各位同仁带来一些参考和帮

关注前端开发流程

流程,通俗来讲,就是许多人,在做一系列的事情时,怎样相互协调,安排好这一系列事情的先后顺序,有什么事先的约定,需要达到怎样的预期目标。 在 UED 里,前端同学需要处理的需求比较多,早些时候,前端这里的开发流程还是比较模糊的,UED 以外的同学也不清楚这边的工作具体是怎样进行的,所以难免会有需求插队的情况发生,打乱了大家的计划,因此今年 Q3 的时候,在与 SCM 团队同学的共同努力下,形成了一

揭秘 HTML5 和 CSS3

互联网的发展总是在不断地催生新技术的产生,而 HTML5 和 CSS3 是最近一直被讨论的热门话题,对于每个互联网开发者尤其是前端开发者而言,都充满了好奇与渴望。那么 HTML5 和 CSS3 究竟有哪些让我们眼前一亮的东西呢? HTML5HTML 5 草案的前身名为 Web Applications 1.0,于 2004 年被 WHATWG 提出,于 2007 年被 W3C 接纳,并成立了新的

【译】理解「渐进增强(Progressive Enhancement)」

原文:Understanding Progressive Enhancement作者:Aaron Gustafson译者:空帷 自 1994 年开始,Web 开发社群就擂起了名为“平稳退化(Graceful Degradation)”的大鼓。这是一个从工程界引入的概念,其主旨是为那些最新最好的浏览器提供更全方位的浏览体验,而对不幸使用 Netscape 4 的人们仅提供很少的一些基本功能。这个