模块化高扩展性的前端框架 KISSY

作者: 承玉 发表于: 2013-03-15

本文为 2013 年 3 月程序员杂志同名文章的完整版。 介绍 伴随着淘宝的快速发展，诞生已三年多的 KISSY 也取得了巨大的成长。目前应用于阿里集团的多个业务团队，特别是淘宝，天猫，一淘的绝大多数业务都采用了 KISSY， 满足了从前台的 web page 到后台的 web app 再到...

谈谈 jQuery 中的防冲突（noConflict）机制

作者: 邦彦 发表于: 2013-03-13

许多的 JS 框架类库都选择使用 $ 符号作为函数或变量名，jQuery 是其中最为典型的一个。在 jQuery 中，$ 符号只是 window.jQuery 对象的一个引用，因此即使 $ 被删除，window.jQuery 依然是保证整个类库完整性的坚强后盾。 jQuery 的 API 设计...

复杂表单应用解耦，淘宝机票订单实践

作者: 陶清 发表于: 2012-11-09

背景 在 Web 应用中，复杂表单这类 Web 应用富交互元素多，业务逻辑复杂，犬牙交错，且需求变化频繁。及容易成为晦涩和幽暗之地，也经常是各种代码坏味道的来源。针对这种典型的复杂应用，本文以淘宝机票订单为例提出一种架构模式梳理和消化表单带来的复杂性。 模块和组件划分 解决复杂表单的的第一...

基于有限状态机的交互组件设计与实现

作者: admin 发表于: 2012-10-12

有限状态机（FSM）（维基百科）是设计和实现事件驱动程序内复杂行为组织原则的有力工具。 早在 2007 年，IBM 的工程师就提出在在 JavaScript 中使用有限状态机来实现组件的方法，原文地址如下： 《JavaScript 中的有限状态机》 现在结合 KISSY 等现代 JS 库和框架...

构建前端 DSL

作者: 承玉 发表于: 2012-10-12

目前在传统的软件开发领域 DSL 已经比较普遍，特别是 Martin Fowler 的突出贡献。而在前端领域尚较少涉及，而如果在前端开发中合理使用 DSL 同样也可以有效得减少代码数量，提高可读性。一个常见的应用场景即是前端模板的构建，从本质上看模板也是一个微型语言，因此可以从 DSL 的角度...

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

作者: admin 发表于: 2012-04-24

让我们从一段代码说起，假设有一段这样的 JSON 数据： var json = { name: '流火', blog: 'ued.taobao.org' }; 我们需要根据这段 JSON 生成这样的 HTML 代码： 流火 (blog: ued.taobao.org) 传统的 Java...

Closure Compiler 高级模式及更多思考

作者: 法海 发表于: 2010-12-24

前言 Google Closure Compiler 是 Google Closure Tools 的一员，在 2009 年底被 Google 释出，本文将详细介绍 CC 的高级模式部分，更重要的是，阐述 CC 高级模式背后的思考。 CC 是真正的编译器 Closure Compiler 和...

word-wrap 解惑

作者: 法海 发表于: 2010-10-15

源起 我们经常需要“修复”一个老生常谈的“bug”，那就是文本的自动换行问题。在专业术语上，这种期望得到的渲染现象被称作“word wrap”，即文本处理器有能力把超出页边的整个词自动传到下一行。 在现实项目中，尤其是在测试阶段，鉴于测试使用非常极端的测试用例，我们经常需要“修复”如图所示的这...

CSS Border 使用小分享

作者: admin 发表于: 2010-08-05

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

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

作者: 拔赤 发表于: 2010-06-26

导语：春风吹战鼓擂，YUI 3 早就扛起了高端的“前端团队开发”的大旗，昂首阔步的朝我们走来，不管是 Yahoo 对 YUI 3 的实践，还是 D2 上克军对 YUI 3 分享带来的诱惑，无不让人感觉 YUI 3 带给人的感官冲击，如今，淘宝电子杂志、网络文学、彩票等产品已经在使用 YUI 3...