IT技术博客大学习 共学习 共进步

标签:KISSY

共 6 篇相关文章

IT 浏览 3,740

构建前端 DSL

目前在传统的软件开发领域 DSL 已经比较普遍, 特别是 Martin Fowler 的突出贡献。 而在前端领域尚较少涉及,而如果在前端开发中合理使用 DSL 同样也可以有效得减少代码数量,提高可读性,常见的一个应用场景即前端模板的构建。 本质上说模板也是一个微型语言,因此可以从DSL的角度着手,使用工具快速构建一个适合于特定前端框架的模板引擎。 本文将以 KISSY XTemplate 为例介绍如何构建前端的 DSL。

IT 浏览 3,040

行进中的前端类库:KISSY

书写干净漂亮的代码非常不易。作为前端工程师,还得处理恼人的浏览器兼容性问题。Protoype, jQuery, YUI, MooTools 等各种 JavaScript 类库,都是为了让前端工作更轻松自如。下面将介绍前端类库 KISSY 的起因、设计原则和核心功能,以及相关开发流程和社区建设。 起因 已经有了 jQuery, YUI 等优秀类库,为什么还要自主研发前端类库?这个问题和淘宝的发...

IT 浏览 2,960

将你的 KISSY 程序移植到服务器端

如果你还不了解 NodeJS,请参照 NodeJS.org,简言之: Node.js 是服务器端的 JavaScript 运行环境,它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色,Node.js 采用 V8 引擎,同样,Node.js 实现了类似 Apache 和 nginx 的web服务,让你可以通过它来搭建基于 JavaScript 的 Web App。 你可以通过我们前些天 team 内的一个分享来了解下 NodeJS nodejs-kissy 项目 KISSY 是淘宝网开发的一款轻巧灵活的JS框架,如今已经是...

IT 浏览 3,360

用 CSS3 Transitions 实现动画

若干星期前,承玉 心痒痒的推荐了一篇文章:Using CSS3 Transitions, Transforms and Animation. 我也心痒痒,但没啥时间。于是撮合 龚浩 一起折腾 S.Anim. 若干天的努力,终于有了成果,小结下。 原理 所谓动画,就是在一段时间内,连续改变 DOM 元素的属性。 因此用 JavaScript 实现动画,最传统的方法就是采用定时器,在一段时间内(duration 时长),遵循特定规律(easing 平滑函数),改变 DOM 元素的属性(props, 最常见的是...

IT 浏览 2,240

What really it is, not what it is

近期新近的一些 UI 类库比如 jQuery EasyUI, 开始逐步抽象出 Draggable, Droppable, Resizable 等 Base 功能点,这些形容词已经逐步开始从 what to do, not what it is 层面开始抽象。虽然 EasyUI 最后体现出来的依旧是 Menu, Dialog, Tree 等传统 UI 控件,但抽象层次和代码组织等已经逐步演化。