2013 年 5月随笔档案 - Joanna Qian

学习ExtJs的几个资源(转)

摘要：ExtJs官方网 http://www.extjs.com/ExtJs中文站 http://www.ajaxjs.com/examples/一起EXT论坛 http://www.17ext.com/EXT新手建议 http://www.javaeye.com/topic/179990Meetrice EXT JS 编程资料馆 http://www.cnblogs.com/meetrice/category/137349.htmlJustin Blog http://blog.csdn.net/huoyanxueren/archive/2008/07.aspx小肖的专栏 http://blog. 阅读全文

posted @ 2013-05-30 03:18 Joanna Qian 阅读(471) 评论(0) 推荐(0)

Google Analytics基础—追踪代码

摘要：从Google Analytics推出到现在，共有三种不同类型的网站追踪代码。他们分别是 Urchin，传统追踪代码和异步追踪代码。Urchin是第一代的追踪代码，Google已经不推荐使用。现在使用较多的是传统追踪代码和异步追踪代码。在Google Analytics后台添加代码中的就是最新的异步追踪代码。这两种追踪代码在结构，功能和具体的添加过程中都有一些差别，这里分别介绍传统代码和添加异步追踪代码的差异以及具体的实施方法一、传递追踪代码第一部分的主要功能是使用JavaScript动态判断当前请求页面的HTTP协议类型(http或https)，然后追踪代码将使用适当的协议类型向Googl 阅读全文

posted @ 2013-05-29 04:44 Joanna Qian 阅读(894) 评论(0) 推荐(0)

Google Analytics初步接触

摘要：一、Google Analytics如何工作简单的看下Google Analytics的工作原理。下面是一张Google Analytics工作流程的示意图。在这张示意图中，描述了Google Analytics的主要工作流程。当网站页面被加载时，页面源代码中的一段Google Analytics追踪代码也同时被执行。追踪代码负责收集并更新与本次浏览相关的数据，例如访问者属性，本次访问来源，浏览器配置，打开页面的时间等等等等。并将这些数据以1像素透明GIF图片请求的方式发送回Google Analytics服务器。Google Analytics服务器在对返回的追踪日志进行处理后，将数据以指标阅读全文

posted @ 2013-05-29 04:02 Joanna Qian 阅读(1584) 评论(0) 推荐(0)

使用Qunit对JavaScript进行单元测试

摘要：一、什么是单元测试（wikipedia）在计算机编程中，单元测试（又称为模块测试）是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。通常来说，程式設計師每修改一次程式就會進行最少一次單元測試，在編寫程式的過程中前後很可能要進行多次單元測試，以證實程式達到軟件規格書(en:Specification)要求的工作目標，沒有程序錯誤；雖然单元测试不是什么必须的，但也不坏，這牽涉到專案管理的政策決定。单元测试的目标是阅读全文

posted @ 2013-05-25 04:53 Joanna Qian 阅读(607) 评论(0) 推荐(0)

Javascript中数组的sort方法的分析

摘要：定义和用法JavaScript中sort() 方法用于对数组的元素进行排序,返回一个元素已经进行了排序的 Array 对象语法arrayObject.sort(sortby)参数描述sortby可选。规定排序顺序。必须是函数。其中：sortby是可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。sortby函数有两个参数。分别代表每次排序比较时的两个数组项。sort()排序时每次比较两个数组项都回执行这个参数，并把两个比较的数组项作为参数传递给这个函数。当函数返回值为1的时候就交换两个数组项的顺序，否则就不交换。如果为 sortby参阅读全文

posted @ 2013-05-24 04:28 Joanna Qian 阅读(450) 评论(0) 推荐(0)

jQuery.extend 函数详解(转)

摘要：JQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用： var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。阅读全文

posted @ 2013-05-15 04:50 Joanna Qian 阅读(274) 评论(0) 推荐(0)

JS键盘事件种类、兼容和优化

摘要：一、浏览器的按键事件总结用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键释放时候的keyup。在这3种事件类型中，keydown和keyup比较底层，而keypress比较高级。这里所谓的高级是指，当用户按下shift + 1时，keypress是对这个按键事件进行解析后返回一个可打印的“!”字符，而keydown和keyup只是记录了shift + 1这个事件。但是key 阅读全文

posted @ 2013-05-08 23:04 Joanna Qian 阅读(499) 评论(0) 推荐(0)

十大Web压力测试工具

摘要：下面是十个免费的可以用来进行Web的负载/压力测试的工具，这样，你就可以知道你的服务器以及你的WEB应用能够顶得住多少的并发量，以及你的网站的性能。Grinder– Grinder是一个开源的JVM负载测试框架，它通过很多负载注射器来为分布式测试提供了便利。支持用于执行测试脚本的Jython脚本引擎HTTP测试可通过HTTP代理进行管理。根据项目网站的说法，Grinder的主要目标用户是“理解他们所测代码的人——Grinder不仅仅是带有一组相关响应时间的‘黑盒’测试。由于测试过程可以进行编码——而不是简单地脚本化，所以程序员能测试应用中内部的各个层次，而不仅仅是通过用户界面测试响应时间阅读全文

posted @ 2013-05-07 10:19 Joanna Qian 阅读(1041) 评论(0) 推荐(0)

利用HTML5的一个重要特性—DeviceOrientation来实现手机网站上的摇一摇功能(转)

摘要：转自：<script>// DeviceOrientation将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。// 这个特性包括两个事件：// 1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据（手机所处的角度、方位和朝向等）。// 2、deviceMotion：封装了运动传感器的事件，可以获取手机运动状态下的运动加速度等数据。// 使用这两个事件，可以很能够实现重力感应、指南针等有趣的功能。// 现在在很多Native应用中有一个非常常见而时尚的功能 —— 摇一摇，摇一摇找人、摇一摇看新闻、摇一摇找金币。。。阅读全文

posted @ 2013-05-07 10:14 Joanna Qian 阅读(356) 评论(0) 推荐(0)

响应式Web设计的优化（转）

摘要：1、轻量级的Javascript库：针对PC端网页当然会首选jQuery来作为前端javascript库，但是针对移动端来说，jQuery太重，而现在针对移动端来说，有很多优秀的框架可供使用，jQuery Mobile、YUI、XUI等是不错的框架，但是个人比较倾向于zepto。不过zepto预定义的一些事件，比如触屏滑动的swipe事件，在ios 上完美支持，但是在android上，有些浏览器确实不支持的，这时候就需要寻求与一些第三方的javascript插件库，好在现在网上有很多优秀的第三方javascript插件库可供使用，所以各位按需索取吧。2、减少HTTP请求次数：一个页面的阅读全文

posted @ 2013-05-07 10:10 Joanna Qian 阅读(342) 评论(0) 推荐(0)

网页改版的A/B测试（A/B test）

摘要：一、基本概念A/B测试（也称为分离测试）是一种新兴的网页优化方法，意在提高转换率和反响率，通常用于市场营销，比较两个样本的结果。使用A/B 测试首先需要建立一个测试页面（variation page），这个页面可能在标题字体，背景颜色，措辞等方面与原有页面（control page）有所不同，然后将这两个页面以随机的方式同时推送给所有浏览用户。接下来分别统计两个页面的用户转化率，即可清晰的了解到两种设计的优劣。看下图，在奥巴马竞选网站上有一个赠送竞选T恤的页面，用户只要捐款达到一定数额就会赠送一件T恤。显然，如果T恤广告图片（下图红框处）足够抓眼球的话，那捐款率可就ceng ceng的往上阅读全文

posted @ 2013-05-06 04:32 Joanna Qian 阅读(1407) 评论(0) 推荐(0)

好看又实用的英文字体

摘要：一、英文手写字体今天本文向大家推荐20个最佳免费英文手写字体。Jellyka BeesAntique Handwriting[ank]*Jellyka CuttyCupcakesLHF JamiBlazing ItalicTruffle-ShuffleWaterBrushROBJellyka Castle’s QueenWindsongJaneAustenMighty to SaveQuickieVTKS SummerLAndRebuffedAtlandSketches BBROSE TATTOOPEIXEFRITO2Peas GoofballJellyka – Estrya’s Handwr 阅读全文

posted @ 2013-05-05 07:30 Joanna Qian 阅读(1510) 评论(0) 推荐(0)

分享12个非常好的免费矢量资源网站（转）

摘要：http://www.cnblogs.com/lhb25/archive/2011/04/08/2003802.html 在工作中，Web设计师经常需要到网上查找一些免费资源以更快更好的完成设计任务。这些资源都是到用时方恨少啊，所以今天本文与大家分享12个非常好的免费矢量资源网站，大家可收藏起来备用 :)QVectorsVecteezyDezignusTutorialBlogVector Portal123 Free VectorsFreeVectorsDesigniousVectorStockVectorssDragonArtzVectorValley（编译来源：梦想天空原文来自：Fre. 阅读全文

posted @ 2013-05-05 07:17 Joanna Qian 阅读(356) 评论(0) 推荐(0)

30个免费下载高质量精美照片素材的网站（转）

摘要：在设计中使用免费的照片素材可以节省大量的时间。网络有有很多分享照片资源的网站，有些是免费的，有些则需要付费，当你在设计中使用网上的照片素材的时候要注意使用协议以免带来麻烦。今天这篇文章向大家推荐30个国外的免费下载高质量精美图片的网站。1.Studio7designs2.stock.xchng3.Woophy4.freerange5.PhotoEverywhere6.Stockvault7.everystockphoto8.morgueFile9.Kave Wall10.CreatingOnline Stock Photos11.Dreamstime12.FreeDigitalPhotos.. 阅读全文

posted @ 2013-05-05 07:15 Joanna Qian 阅读(513) 评论(0) 推荐(0)

Web 开发最有用的 jQuery 插件集锦

摘要：一、Responsive SlideShow——图片滑块展示1、Responsive Carouselresponsive-carousel 是一个内容传送带插件，支持鼠标、触摸和键盘操作。默认包含 slide/drag 过渡特效，你也通过 data 属性应用以及包含额外的CSS样式。在源文件夹里还包含其它的扩展，例如翻转和淡入淡出的过渡效果，自动播放，分页等等。使用示例：<script src="jquery.js"></script><script src="dist/responsive-carousel.min.js" 阅读全文

posted @ 2013-05-05 07:14 Joanna Qian 阅读(580) 评论(0) 推荐(0)

最全的 Twitter Bootstrap 开发资源清单(转)

摘要：英文原文：TheBig Badass List Of 180 Useful Twitter Bootstrap Resources Bootstrap 是 Twitter 推出的一个开源的用于前端开发的工具包，由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发。Bootstrap 提供了优雅的 HTML 和 CSS 规范，它由动态 CSS 语言 LESS 写成，与 CSS 框架Blueprint存在很多相似之处。Bootstrap 推出后颇受欢迎，一直是 GitHub 上的热门开源项目。 Bootstraphero 网站搜集了大量关于 Bootst.. 阅读全文

posted @ 2013-05-03 23:43 Joanna Qian 阅读(1065) 评论(0) 推荐(2)

响应式（自适应）Web欣赏

摘要：自适应网站展示：http://mediaqueri.es/Stuff & NonsenseThis responsive web design was created by@malarkeyand suggested for inclusion in this collection by@chicagoing. It has had 3135 unique views since 2013-03-01.Simon CollisonAndersson-Wise ArchitectsStephen CaverSparkboxFood SenseThe Boston GlobeThink V 阅读全文

posted @ 2013-05-02 10:12 Joanna Qian 阅读(324) 评论(0) 推荐(0)

JavaScript 多种方法实现类(转)

摘要：摘自：http://www.nowamagic.net/javascript/js_MethodsToCreateClass.php构造方法function coder(){ this.name = '现代魔法'; this.job = 'Web 开发者'; this.coding = function () { alert('我正在写代码'); }}var coder = new coder();alert(coder.name);coder.coding();工厂方法function createCoderFactory(){ var obj 阅读全文

posted @ 2013-05-01 02:10 Joanna Qian 阅读(277) 评论(0) 推荐(0)