09 2013 档案
Emmet:HTML/CSS代码快速编写神器
摘要:Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示:Zen coding下的编码演示去年年底,该插件已经改名为Emmet。但Emmet不只改名,还带来了一些新特性。本文就来直观地演示给你。一、快速编写HTML代码1. 初始化HTML文档需要包含一些固定的标签,比如、、等,现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”,然后按Tab键:html:5 或!:用于HTML5文档类型html:xt:用于XHTML过渡文档类型html: 阅读全文
posted @ 2013-09-29 18:32 凡vv凡 阅读(302) 评论(0) 推荐(2)
用Chrome浏览器模拟手机,android,iphone,ipad访问网站
摘要:很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。谷歌Chrome浏览 器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访 问3G手机网页: 谷歌Android: chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) V 阅读全文
posted @ 2013-09-28 16:58 凡vv凡 阅读(684) 评论(0) 推荐(1)
jQuery中json对象的复制(数组及对象) .
摘要:1、jQuery自带的$.map方式:$.map(json, function (n) { return n; });这种方式原来用于复制数组还可以,今天用它复制数组中的某一条记录,发现字段名称丢失了,后来发现了第二种方法。2、深复制与浅复制// 浅层复制(只复制顶层的非 object 元素)var newObject = jQuery.extend({}, oldObject);// 深层复制(一层一层往下复制直到最底层)var newObject = jQuery.extend(true, {}, oldObject);用的是深复制的方式,复制对象时发现字段丢失的现象没有了。3、数组的过滤 阅读全文
posted @ 2013-09-25 14:41 凡vv凡 阅读(328) 评论(0) 推荐(1)
json数据处理技巧(字段带空格、增加字段)
摘要:1、json数据的正常取值:json[i].fieldName2、json数据的字段带空格:eval('json[' + i + ']["' + field + '"]')3、json数据的赋值:eval('json[' + i + ']["' + field + '"]=' + jsonFilter.length);4、json数据增加字段:循环所有数据,直接json[i].newField=defaultValue就可以了5、json数据的排序:相当于数组 阅读全文
posted @ 2013-09-25 14:40 凡vv凡 阅读(2561) 评论(0) 推荐(0)
jQuery提升性能技巧及个人总结 .
摘要:1、将jquery对象缓存起来在for循环中,不要每次都要访问数组的length属性,我们应该先将对象缓存进一个变量然后再操作,如下所示: 代码如下:var myLength = myArray.length; for (var i = 0; i ' + item + ''; $('#ballers').append(newLI); }); //较好的做法 var frag = document.createDocumentFragment(); $.each(reallyLongArray, function(count, item) { var ne 阅读全文
posted @ 2013-09-25 14:39 凡vv凡 阅读(216) 评论(0) 推荐(0)
不错的jQuery图表插件 .
摘要:很多时候我们需要在网页中显示数据统计报表,从而能很直观地了解数据的走向,更好地帮助决策分析。今天就给大家分享几个个人觉得好用的jQuery图表插件,这几个图表插件使用起来非常方便,而且挺灵活的,相信大家会喜欢。1、jqPlot(中文API说明及示例和源码)推荐jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以在网页中绘制线状、柱状、饼状等多种样式图表2、Google Chart(中文API详解)利用Google Chart API可以动态地生成图表图形,例如在地址栏中输入http://chart.apis.google.com/chart?cht=p3&chd= 阅读全文
posted @ 2013-09-25 14:35 凡vv凡 阅读(341) 评论(0) 推荐(0)
给力的轻量级JavaScript动画框架 - jsMorph
摘要:jsMorph 是一个独立的轻量级 JavaScript 动画框架,可以用它来操纵多个 HTML 元素的样式,实现动画效果。此框架会自动检测起始位置、转换单位、调整渲染的速度,以此来获得更流畅的渲染体验。此外,它也提供了相当齐全的文档和完整示例,操作上也支持链式的写法。它也有一个优化过的浏览器渲染缓冲区,因此运行速度非常快,占用内存也不高。 最重要的一点是,此框架在低版本的IE中也运行得相当好。 阅读全文
posted @ 2013-09-22 00:00 凡vv凡 阅读(309) 评论(0) 推荐(0)
10 个顶级 JavaScript 动画框架推荐
摘要:使用JavaScript可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了10个非常优秀的JavaScript动画框架,使用它们你可以轻松实现动画效果。1. RaphaëlRaphaël是一个小型JavaScript库,用于简化你的Web矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。源码 + 演示2. Processing.js该框架主要针对不想使用Flash或Java applets进行图片编程以及Web交互的开发者。Processing.js使用JavaScript在HTML5的Canvas元素上绘制形状以 阅读全文
posted @ 2013-09-21 23:23 凡vv凡 阅读(640) 评论(0) 推荐(1)
Zend Studio 上 安装使用Aptana插件(html,css,js代码提示功能) .
摘要:最近装了zend studio 9.0 用了段时间发现写html,css,js代码没提示,要开dreamwaver(对js代码提示也不好)。就网上搜索了下,发现了Aptana插件,装上用了下,感觉不错。贴下官方网址:http://www.aptana.com/一.安装步骤:1.zend studio->Help->Install New Software->work with点击add(见下图)2.这里有两个选择:(1)Local(本地安装)(2)在线安装,location中输入:http://download.aptana.org/tools/studio/plugin/i 阅读全文
posted @ 2013-09-18 23:25 凡vv凡 阅读(3008) 评论(0) 推荐(0)
zend studio常见问题解答
摘要:1.如何实现zend studio成为注册版请点击查看此链接http://www.geekso.com/ZendStudio100/2.如何将zend studio的默认GBK编码设置为其它编码,例如UTF-8?选择window菜单->Preferences->General->Workspace,在界面当中找到“Text file encoding” 选中Other,在下拉列表中选择UTF-8就可以了。这样所有的建立的项目将使用utf-8的编码。如果想某个项目使用其它编码,选中项目右键点击,在菜单中选择Preferences,弹出窗口左侧选择“Resource”,在右侧当中 阅读全文
posted @ 2013-09-18 10:56 凡vv凡 阅读(331) 评论(0) 推荐(0)