2013 年 8月随笔档案 - Joanna Qian

优化移动网站的9大窍门(转)

摘要：关于移动用户在介绍窍门之前，你要记住一个事实---那就是浏览你移动网站的人。这句话看上去很傻，但确实有很多人忘了这个简单的事实。移动用户希望感受与传统网站完全不同的体验。例如，移动用户通常寻找这些重要信息：到达你办公室的路线，你商店位置的地图以及点击通话的电话号码。他们并不想查看你冗长的员工介绍、企业文化或者企业新闻PDF等。记住这点，再来看看以下帮你打造移动优化网站的九大窍门：1、简化、简化、再简化第一步：决定放置哪些内容。由于屏幕空间有限，重要的是归纳总结你的用户最可能寻找的信息。一个店铺位置导航？也许吧。一个“联系我们“的表格要填13项内容？太多了。从消费者进入网站到购买尽可能提供简单的阅读全文

posted @ 2013-08-30 11:52 Joanna Qian 阅读(370) 评论(0) 推荐(0)

PNG透明兼容IE6的几种方法(转)

摘要：png 透明针对 IE6 一直是件挺麻烦的事情，使用的方法也是各有不同，大多的原理是用 IE 的滤镜来解决的。语法：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled, sizingMethod=sSize, src=sURL)enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。 false : 滤镜被禁止。sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示阅读全文

posted @ 2013-08-30 09:05 Joanna Qian 阅读(310) 评论(0) 推荐(0)

Javascript实用代码片段（译）

摘要：原文：http://www.bestdesigntuts.com/10-time-saving-javascript-code-snippets-for-web-developers1. 同高或同宽var getMaxHeight = function ($elms) { var maxHeight = 0; $elms.each(function () { // In some cases you may want to use outerHeight() instead var height = $(this).height(); if (height > maxHe... 阅读全文

posted @ 2013-08-27 10:45 Joanna Qian 阅读(383) 评论(0) 推荐(0)

10 个很有用的高级 Git 命令（转）

摘要：英文原文：10 Useful Advanced Git Commands迄今，我已经使用Git很长一段时间了，考虑分享一些不管你是团队开发还是个人项目，都受用的高级git命令。1. 输出最后一次提交的改变这个命令，我经常使用它来发送其他没有使用git的人来检查或者集成所修改的。它会输出最近提交的修改内容到一个zip文件中。git archive -o ../updated.zip HEAD $(git diff --name-only HEAD^)2. 输出两个提交间的改变类似的，如果你需要输出某两个提交间的改变时，你可以使用这个。git archive -o ../latest.zip 阅读全文

posted @ 2013-08-27 08:01 Joanna Qian 阅读(417) 评论(0) 推荐(0)

Modernizr的介绍和使用

摘要：传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能，而是令你通过创建可选风格配置修改页面设计。它也可以通过加载定制的脚本来模拟老版本浏览器不支持的功能。什么是Modernizr？Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单。它使得设计师可阅读全文

posted @ 2013-08-26 08:49 Joanna Qian 阅读(12109) 评论(0) 推荐(3)

Jquery实用代码片段（转）

摘要：1、把所有带有#的空链接换成不友情的链接 $('a[href="#"]').each(function() { $(this).attr('href', 'javascript:void(0)') }); 2、jQuery全选与取消全选插件(function($){ $.fn.checkall = function(options){ var defaults = {chname:"checkname[]", callback:null}, options = $.extend(defaults... 阅读全文

posted @ 2013-08-25 23:33 Joanna Qian 阅读(445) 评论(0) 推荐(1)

Android开源库集锦(转)

摘要：一、兼容类库ActionBarSherlock: Action Bar是Android 3.0后才开始支持的，ActionBarSherlock是让Action Bar功能支持2.X后的所有平台，而且他会自动的判断是调用原生Action Bar还是使用扩展ActionBar。在我的小熊词典里有用到这个库，而且很多非常知名的App也在使用这个库。GitHubOfficialActionBar科普Android-ViewPagerIndicator: 这是与ViewPager兼容的一个分页指示器库。分页指示器（Friends 和 Suggested就是分页，而下面蓝色的小条就是指示器，ViewPa 阅读全文

posted @ 2013-08-25 22:36 Joanna Qian 阅读(496) 评论(0) 推荐(1)

直接拿来用！最火的Android开源项目(转)

摘要：摘要：对于开发者而言，了解当下比较流行的开源项目很是必要。利用这些项目，有时能够让你达到事半功倍的效果。为此，CSDN特整理了GitHub上最受欢迎的Android及iOS开源项目，本文详细介绍了20个Android开源项目。GitHub在中国的火爆程度无需多言，越来越多的开源项目迁移到GitHub平台上。更何况，基于不要重复造轮子的原则，了解当下比较流行的 Android与iOS开源项目很是必要。利用这些项目，有时能够让你达到事半功倍的效果。为此，CSDN特整理了在GitHub平台上最受欢迎的 Android及iOS开源项目，以飨开发者。下面，就让我们一起来看看，在GitHub平台上，究竟有阅读全文

posted @ 2013-08-25 22:20 Joanna Qian 阅读(978) 评论(0) 推荐(0)

基于google Zxing实现二维码、条形码扫描，仿微信二维码扫描效果(转)

摘要：转载：http://blog.csdn.net/xiaanming/article/details/10163203 了解二维码这个东西还是从微信中，当时微信推出二维码扫描功能，自己感觉挺新颖的，从一张图片中扫一下竟然能直接加好友，不可思议啊，那时候还不了解二维码，呵呵，然后做项目的时候，老板说要加上二维码扫描功能，然后自己的屁颠屁颠的去百度，google啥的，发现很多朋友都有介绍二维码扫描的功能，然后我就跟着人家的介绍自己搞起了二维码扫描功能，跟着人家的帖子，很快我的项目就加入了扫描二维码的功能，然后自己还很开心。随着微信的到来，二维码越来越火爆，随处能看到二维码，比如商城里面，肯德阅读全文

posted @ 2013-08-25 21:34 Joanna Qian 阅读(840) 评论(0) 推荐(0)

javascript中call、apply、argument、callee、caller

摘要：1.Call方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])thisObj 可选项。将被用作当前对象的对象。arg1, arg2, , argN 可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。function person(name,age,sex){ //定义person this.na... 阅读全文

posted @ 2013-08-24 11:46 Joanna Qian 阅读(446) 评论(0) 推荐(0)

Google Analytics10条有用教程(转)

摘要：几乎每个网站都会统计自身的浏览状况：日IP、PV、跳出率、转换率、浏览者属性等等。了解这些数据有助于更好地了解浏览者的属性、知道网站在什么地方存在缺陷，为更好地提供服务、提高网站收入都有所帮助。对于大多数网站而言，Google Analytics是最普遍选择的方案，因为Google Analytics提供了非常强大的功能，最重要的是，它是免费的，而且不会像某些统计网站那样，会要求网站主在网站上标明是用它来统计的。但是，很多人在使用Google Analytics时只是简单地将Google提供的统计代码放到网站中去，实际上Google Analytics有不少鲜为人知的实用技巧，这篇文章将介绍其阅读全文

posted @ 2013-08-23 00:43 Joanna Qian 阅读(848) 评论(0) 推荐(0)

Android开发人员必备的10个开发工具

摘要：工欲善其事，必先利其器，Android SDK 本身包含很多帮助开发人员设计、开发、测试和发布 Android 应用的工具，在本文中，我们将讨论 10 个最常用的工具。1.Eclipse ADTEclipse ADT 是 Eclipse 平台下用来开发 Android 应用程序的插件。2.The SDK and AVD Manager该工具包含很多重要的功能，包括管理不同的 Android SDK 版本（构建目标），你知道的 Android 的版本众多，API上有些兼容性问题。另外该工具还用于管理 Android 虚拟设备配置 (AVD) ，用来配置模拟器。3.Android Debug Br 阅读全文

posted @ 2013-08-21 10:51 Joanna Qian 阅读(454) 评论(0) 推荐(0)

分享一百多套开发视频教程的下载地址（转）

摘要：1.北京圣思Java培训教学视频(资源共享网)2.Lucene/WebService/SVN/Ant/SpringMVC视频(学习资料库网)3.JUnit和Ant视频教程(VeryCD社区)4.《张孝祥JAVA视频教程》完整版[RMVB](东西网)5.历经5年锤炼(史上最适合初学者入门的Java基础视频)(传智播客)6.30天轻松掌握JavaWeb视频(传智播客)7.Java视频教程（最适合Java初学者的经典入门视频）(传智播客)8.张孝祥2010年贺岁视频：Java高新技术(传智播客)9.Java多线程与并发库高级应用(传智播客)10.传智播客JDBC视频教程(传智播客)11.JavaWE 阅读全文

posted @ 2013-08-21 10:45 Joanna Qian 阅读(1734) 评论(0) 推荐(1)

Javascript特效代码大全(420个)（转）

摘要：转载自：Javascript特效代码大全(420个)收集资料，以便使用+面试+学习├Cookie脚本├ 随访问次数变提示├ 集成Cookies├ 使窗口仅弹出一次├ 签名提示程序├ 记录上次登录时间├ 自由控制打开窗口├ 记录页面修改时间├ 检测IE去过站点├ 离开时显示信息├ 弹出窗口自动关闭├ 离开页面弹出窗口├ 进入时显示信息├ 离开启动收藏夹├ 链接确认按钮├ 点击加入收藏夹├ 记录页面更新时间├ 页面载入等待├ 打开硬盘驱动器├ 设置默认首页├ 输入框测试警告├ 链接弹出警告框├ 关闭窗口链接├ 显示器分辨率检测├ 按分辨率导航├ 定制打开的窗口├ 控制窗口打开日期├ 打开窗口居中├ 阅读全文

posted @ 2013-08-21 10:34 Joanna Qian 阅读(2018) 评论(0) 推荐(0)

JAVA学习资源网站

摘要：中文java技术网——http://www.cn-java.com/灰狐动力（http://www.huihoo.com/）—— 该站点有许多的开源的项目的介绍和学习，涉及操作系统，数据库等许多方向；有如多的英文的文档，可以提高英文文档的阅读能力。IBM developerworks java社区（http://www-128.ibm.com/developerworks/cn/java/index.html）——在这里有许多最权威的专家发表的java学习的各方面文章，对提高java学习时非常有好处的。中国it认证试验室（http://www.chinaitlab.com/index.htm）阅读全文

posted @ 2013-08-21 10:16 Joanna Qian 阅读(1205) 评论(1) 推荐(0)

AJAX解惑篇（转）

摘要：这篇文章会使你对AJAX有一个基本了解，并给出两个容易上手的例子。什么是AJAX AJAX是一个新的合成术语，隐含了两个已经存在多年的JavaScript特性，但是直到最近，随着一些诸如Gmail、Google Suggest以及Google Maps的轰动，才被许多网络开发者所注意到。我们所讨论的两个JavaScript的特性是你能够：向服务器发出请求而不需重新加载任何页面解析XML文档并且与之协同工作AJAX是一个缩写，A是指"asynchronous"（异步的），它表示你可以在向服务器发出一个HTTP请求后，边做其他的事情，边等待服务器的响应。JA表示" 阅读全文

posted @ 2013-08-21 09:58 Joanna Qian 阅读(319) 评论(1) 推荐(0)

Web前端开发中的MCRV模式(转)

摘要：作者: izujian来源: baiduux摘要：针对前端开发中基于ajax的复杂页面开发所面临的代码规模大，难以组织和维护，代码复用性、扩展性和适应性差等问题，本文尝试以MVC思想为基础，结合Web前端开发中“内容-结构-表现-行为”相分离的开发标准，提出一种将Web页面代码分为视图（View，页面静态部分，包括内容、结构、表现）、模型(Model，负责数据缓存、数据校验与本地逻辑处理、发起ajax请求)、控制器（Controller，负责用户和系统事件响应、模型和渲染器调度）、渲染器（Renderer，对视图的渲染，控制器与事件的绑定、数据搜集）的页面开发新模式，并基于此模式提出了一阅读全文

posted @ 2013-08-20 10:39 Joanna Qian 阅读(460) 评论(0) 推荐(0)

使用JavaScript 和 CSS 实现图像缩放和剪裁(转)

摘要：英文原文：Scale and Crop an Image using Javascript and CSS在页面上需要裁减和缩放一张图片是一个常见问题。缩放图片比较简单的方法是使用image的hight和width属性。同样地，裁剪图片可以通过将图像设置为元素背景并设置元素的高度和宽度来完成。无论如何，缩放和裁剪图像都稍微复杂了一点。如果这需要经常做，还是把图像的裁剪和缩放交给一个类（class）好一些。为此，我写了这个裁剪缩放器（Cropenscaler）。思路是这样的：创建一个特定大小的div元素，这是一个嵌套的div，在其中显示相对定位的图像。我发现定义默认图像大小和裁剪位置的图像数阅读全文

posted @ 2013-08-20 02:27 Joanna Qian 阅读(687) 评论(0) 推荐(0)

10个网页设计师必备的CSS技巧（转）

摘要：英文原文：10 Essential CSS Rules for Web DesignersCSS是网页设计师的基础，对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS 的深海世界里有很多有意思的东西，你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规则和语法，但为了以后的发展我们还是应该记住那些非常有用的CSS技巧。今天我们精心准备了10条对网页设计师最有用的CSS技巧，如果你想设计出独一无二脱颖而出的网页你必须得好好注意了。这篇博客是在与一家提供高质量印刷服务的在线印刷公司“ Business Card 阅读全文

posted @ 2013-08-20 02:03 Joanna Qian 阅读(305) 评论(0) 推荐(0)

构建现代化网站的 20 个技巧(转)

摘要：英文原文：20 tips for building modern sites在过去几年中，我们与web开发者花了很多时间交流，听得最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站有多么难。我们为 jQuery项目写代码的时候一直有这个问题。因此我们整理了20条编码模式与经验，它们是从出席无休止的会议和读了几百篇专稿中摘取出来的。我们希望能在你建站的时候给你节省一些时间（和麻烦）。跨浏览器基础网站不需要在所有浏览器里渲染得一样一件普遍被开发者所关心的事情是确保他们的网站在所有浏览器中渲染得一样，包括非现代的一些。那一般并不需要。更好的路线是考虑逐渐增强你的网站，对非阅读全文

posted @ 2013-08-20 01:53 Joanna Qian 阅读(281) 评论(0) 推荐(0)

敏捷软件开发实践-Code Review Process（转）

摘要：介绍：在敏捷软件开发中，从代码的产生速度上来看，要比传统Waterfall产生速度高很多。因为我们把时间安排的更加紧凑了。那么这么多的代码，如何能保证这些代码质量呢？很多人可能直接想到静态代码检测工具。没错，那些是可以定义一个代码检查规则来确保代码的质量，但是那个仅仅是从语言角度，那么逻辑是否已经最优化了？可重用性是否已经优化到极致了？这些是静态代码工具不能完成的，所以我们需要Code Review实现方式：对于已经在项目组很久的人来说：虽然传统的code review就是把代码从仓库checkout出来，然后看下，但是对于大项目来说，那样的代码审查没有任何的效果，因为你除了看到代码还是阅读全文

posted @ 2013-08-11 15:53 Joanna Qian 阅读(489) 评论(0) 推荐(0)

敏捷软件开发实践-Sprint Retrospective Meeting（转）

摘要：介绍：在敏捷开发模式中，Sprint Retrospective Meeting 也是一个必不可少的环节，它通常发生在每个Sprint的结尾，其主要作用是对于当前的迭代周期做一个阶段性的总结，包括好的方面和不好的方面，然后我们可以在接下来的迭代中扬长避短，所以这对于一个团队的健康发展也是有好处的。实现方式：一般我们项目组是通过圆桌会议来完成Sprint Retrospective Meeting ,会有相应的人（一般是项目组的人按照名字序列轮流）记录好Meeting Minutes. 我们一般从以下方面来进行Retrospective.(1) 开发团队效率如何(2) 开发团队合作如何(3) 阅读全文

posted @ 2013-08-11 15:51 Joanna Qian 阅读(860) 评论(0) 推荐(0)

敏捷软件开发实践-Release Process/Release Plan（转）

摘要：介绍：因为我们的开发周期是迭代进行的，以Sprint为单位，我们每个 Sprint如何去和客户说我们的成果呢，那么我就需要Demo和release一些新功能，或者一些bug fixing。Demo我这里不讨论了，大体上就是部署都服务器上然后运行下给meeting的所有人看下，我们这里主要讨论和发布(release)有关的话题。实现方式：话题1：我们如何让发布者知道我们这个Sprint做的功能？因为就像jdk一样，它的每次大的release和小的release都有一些评注来说明他们这次发布有哪些功能，或者哪些修正，我们一样，我们的做法是：在每个Sprint的结束日，如果对项目有任何变更（功能改阅读全文

posted @ 2013-08-11 15:42 Joanna Qian 阅读(1305) 评论(0) 推荐(0)

《敏捷软件开发-原则、方法与实践》-Robert C. Martin读书笔记（转）

摘要：Review of Agile Software Development: Principles, Patterns, and Practices本书主要包含4部分内容，这些内容对于今天的软件工程师都非常的重要，它们是： ●Agile方法：主要讲述了如何去使用Agile方法，其中有很大一部分内容是告诉你为什么要这样做。 ●面向对象设计原则：本书包含了11个面向对象设计原则，涵盖了包的设计和类的设计。 ●设计模式：本书中讲述了23个设计模式，并都有具体的实例。讲解的重点在如何在实际的应用中去使用模式，如何根据当前问题的上下文以及约束力去选择最适合的模式，以及何时避免使用... 阅读全文

posted @ 2013-08-11 15:29 Joanna Qian 阅读(708) 评论(0) 推荐(0)

测试RESTful API利器-Postman

摘要：对于前端开发者而言，最需要的往往不是技术本身，其实技术都没什么难的，而最缺少的则是各种各样好的兵器，比如调试，开发工具等等。我们这里就推荐一款前端开发的利器-Postman,它是Google Chrome Web Store的一个工具，用来帮助我们测试RESTful API,我们可以为REST call添加任意我们指定的http头，然后模拟REST的调用,并测试结果。安装：安装很简单，首先要保证有一个可用的Google Account.(1)打开Google Chrome 浏览器(2)输入以下网址: https://chrome.google.com/webstore/detail/fdmmg 阅读全文

posted @ 2013-08-11 13:50 Joanna Qian 阅读(3549) 评论(1) 推荐(1)

backbone.js初探(转)

摘要：BackBone是JavaScript frameworks for creating MVC-like web applications，最近流行的用来建立单页面web application的工具，遵循并使用了Restful JSON框架。Backbone通过提供模型Models、集合Collection、视图View赋予了Web应用程序分层结构。通过以下方式实现分层结构：模型Model绑定键值数据和自定义事件，表示应用中所有数据，models中的数据可以创建、校验、销毁和保存到服务端，当models中值被改变时自动触发一个"change"事件、所有用于展示models 阅读全文

posted @ 2013-08-11 13:43 Joanna Qian 阅读(557) 评论(0) 推荐(0)

JavaScript有关的10个怪癖和秘密(转)

摘要：数据类型和定义------------------------------------------------------------------------------------------------1. Null是个对象 JavaScript众多类型中有个Null类型，它有个唯一的值null, 即它的字面量，定义为完全没有任何意义的值。其表现得像个对象，如下检测代码：alert(typeof null); //弹出 'object' 如下截图：尽管typeof值显示是"object"，但null并不认为是一个对象实例。要知道，JavaScript中阅读全文

posted @ 2013-08-09 09:49 Joanna Qian 阅读(335) 评论(0) 推荐(0)

Restful Web Service初识

摘要：一、Web Services Web Services 是一种基于组件的软件平台，是面向服务的Internet 应用。Web Services 框架的核心技术包括SOAP ,WSDL 和UDDI ,它们都是以标准的XML 文档的形式表示。 SOAP (“Simple Object Access Protocol”的缩写)是Web Services 的通信协议。SOAP是一种简单的、轻量级的基于XML 的机制，用于在网络应用程序之间进行结构化数据交换。SOAP包括三部分:一个定义描述消息内容的框架的信封，一组表示应用程序定义的数据类型实例的编码规则，以及表示远程过程调用和响应的约定。 1... 阅读全文

posted @ 2013-08-08 22:57 Joanna Qian 阅读(12381) 评论(1) 推荐(1)