搜索
分类
- HTML & CSS (38)
- Javascript (11)
- jQuery (13)
- Photoshop (6)
- RIA (4)
- Software (16)
- Wordpress (12)
- 用户体验 (8)
- 随便聊聊 (12)
-
最新日志
文章
标签云
功能
Category Archives: Javascript
IxEdit:可视化jQuery开发工具
IxEdit是一款基于jQuery的,专门面向Web程序员和设计师量身定制的可视化交互设计工具. 官方网站:http://www.ixedit.com/ 虽然目前IxEdit还处于beta阶段,但功能已经非常强大了. IxEdit的界面:
[译]jQuery性能指标和调优
作者:Michael Abernethy 原文:Intermediate JQuery jQuery 无疑是一个出色的 JavaScript 库,但它的性能如何?在其易用性和优异 Web 页面性能之间进行折衷是否值得?它的性能是不是真的很优异?本文将回答关于 jQuery 性能的问题,并提供一些可以改进应用程序性能的技巧。 简介 本文的写作灵感源自读者关于先前一篇文章的电子邮件反馈;该邮件这样写道 “jQuery 在简单的页面上无可挑剔,但在复杂的页面上性能极其低下。在解决性能问题之前,您必须对复杂页面使用常规的 JavaScript。” 这立即让我想到 “jQuery 和 JavaScript 之间的性能比较会是什么样的?”事实上,我很少看到将 jQuery 库与 JavaScript 或其他 JavaScript 库进行比较的文章。我可能像大多数人一样,仅看到用 jQuery 编写客户端代码的简易,而忽略了可能的性能问题。在我看来,在易用性和性能之间进行折衷是值得的。但是,存在这样一种折衷吗?jQuery 是不是比 “一般” 的 JavaScript 慢?jQuery 是不是比其他库慢?本文将尝试解答这些问题。
Posted in Javascript, jQuery1 views
Leave a comment
[转]基于jQuery UI的图片截取功能
基于jQuery UI的图片截取(圈人)功能 现在的SNS网站相册都拥有圈人的功能,也就是在图片上指定的地方画一个框,然后指定该框里是谁。这和裁剪图片的原理是一样的。也就是拖拽功能和resize功能合理的配合。由于jQuery UI 里这两个功能都有比较好的实现,而且效率很不错,所以,我就用jQuery UI 整合实现了一个。 1.准备工作 该功能既然基于jQuery UI 功能,当然需要引入相关的js组件。 在这里使用的是 jQuery-1.3.3 、 jQuery UI 1.7.1中的ui.core.js、ui.dragdrop.js、ui.resize.js 2.DOM结构与样式的编写 上图所示,虚线框和8个小的拖拽按钮如何实现?我采用的是绝对定位的方式。虚线由于有一点动画效果,我用一个小的gif图片来实现的,这里要注意的是,由于使用的是jQuery UI 的组件来实现,在resize 组件中,resize拖拽的按钮的DOM结构已经固定写在了JS里面,所以,只能在依照其规则来写。具体的DOM结构如下:
Posted in jQuery1 views
Leave a comment
一款css和js压缩工具[附JAVA环境配置方法]
压缩css和js是我们工作中经常要处理的一件事,这里介绍的是一款基于YUICompressor,淘宝封装的css和js压缩工具TBCompressor. TBCompressor的安装很简单,点击install.cmd就可以了,安装后会在里的右键菜单里出现”Compress CSS or JS”选项,需要压缩文件时只需选取目标文件然后右键点选”Compress CSS or JS”即刻.压缩后的文件会自动重命名. 这里对jQuery1.3 Development版进行压缩测试,效果如下: 可以看到效果还是非常不错的:)
使用jQuery制作web拼图游戏[jqPuzzle插件]
这里介绍的是一款名为jqPuzzle的插件,通过它我们只需要简单的几步就可以制作出自己的web拼图游戏. 看看DEMO 实现起来也很简单
Posted in Javascript, jQuery1 views
Leave a comment
