易栈网-膘叔

新入职时，对于公司的业务不熟悉，这时候，你在干什么？看所谓的数据字典？熟悉老的程序？一行行的看代码？还是先熟悉一些程序员应该了解的后台操作？
虽然好象都应该这么做，但是在测试机上，你尝试性的做了一步操作，怎么查看他的结果？有多少数据表进行关联？除了看程序，还有没有其他办法 ？
下面就是一淘宝QA的技巧，值得推广。事实上，我是通过看程序了解的（看其中所涉及的SQL，但事实上，如果业务封装的很好，为了看这些所谓的SQL，可能需要查看很多程序文件，当然也可以通过debug模式，将这些受影响的SQL打印出来，这其实是最佳的。）
那么淘宝QA是怎么做的呢？他们不可能修改程序，否则就成了程序员而不是QA了。请看：

        淘宝是一家业务驱动型的公司，想必每位小二都曾跟我一样，进来淘宝后，熟悉些基本的测试工具以后，就开始一头扎入茫茫的业务学习中去了。。。

        每条线的业务都是错综复杂的，如何在千丝万缕中找到切入点，或许很多人曾经跟我一样迷茫，来吧，新人们可以踩着我的尸体上去了。好吧，为了纪念一下考级时候所用的英语模板，重新拿出来蹂躏一下，以作发泄。。。

        当你做一个业务动作的时候，或许你最想知道的是，你的这个动作到底影响了哪几张表？OK，你有2个方法可以去寻找答案：问你的师兄师姐，看他们的沉淀、 tc，or自己去看数据库。这里，向后面的人推荐一下我个人比较笨拙的查数据库的方法，此方法只适用于清晨幽静无人之时：

一般，我会在清晨8点前来到公司，然后开始偷偷摸摸的干起来。

        Firstly，把你所在线的表名都给导出来（找到数据库，在Tables下会显示这个库中的所有表，系统的表可以不用复制出来），如果是分表的话，看是 否是根据日期，user_id或是什么别的来分的，只要根据你操作的日期或者你的user_id等等来选择一张就行了；然后制作.sql的文件，内容如 下：

set heading off
set feedback off
spool d:\sb.sql(你的sql路径)
select count(*), ‘表名（刚才复制出来的）’ from  表名（刚才复制出来的） ;

（有多少表就写多少表，这个sql其实就是统计这个表现在有多少条记录）

spool off
set heading on
set feedback on

制作完成后，打开command window,输入刚才制作的.sql文件的路径：

我是保存在d盘下的

点击回车，就开始运行了，将你现在表中的记录数都打出来,

Started spooling to d:\sb.sql
        14 xx_xxx_xxx ;
         1  xx_xxx_xxx;
       108  xx_xxx_xxx ;
Stopped spooling to d:\bss.sql

可以做一下ctrl+c,然后在ctrl+v,将这个东东保存在一个1.txt的文件中。

Secondly，开始你的业务操作，动作完成以后，再次输入.sql文件的路径，点回车，将新的记录数保存在另一个2.txt文件中。

Last but not least，你还需要一个工具来比较这2个文件，我用的是Beyond Compare，效果如下：

点击确定

你按照上面变红的数据表，对应数据字典去逐个看一下数据库中这些发生变化的表，你就明白你的这个操作为什么带来了这几张表的变化了。

欧拉。。。。。

原文来自：http://qa.taobao.com/?p=8804

在页面处理的时候，有时候我们会使用这样的小技巧，在没有点击XX按钮时，YY按钮是disabled的，当选中了XX时，YY也变成了enabled的状态。

在使用普通的JS的时候，我们很可能就直接document.getElementById('YY').disabled = false;就解决了。但是在jQuery里却不是每个浏览器都支持这样的作法，即：$('#yy').attr('disabled',false);也试了一下$('#yy').attr('disabled','');，不知道是我的人品问题还是确实 有问题，反正都没有成功，于是我又尝试$('#yy').attr('enabled','enabled')，也没有成功。 最后一发狠，来了一句：$('#yy').removeAttr('disabled')，得成了。

果然还是怕狠人的。在这里做个记录而已。虽然大多数情况下不一定用得到。

SimpleXmlElement 在我们用的时候好象很多都是直接使用simplexml_load_string或者load_file。但事实上，SimpleXmlElement功能很强大，只是我们很多时候都忽略了？大多数人还在使用xml_create等函数？

SimpleXmlElement中最让人用的舒服的恐怕就是这个xpath了。例如这个官方的例子：

看看，是不是很方便？对于某个XML很大的情况就比较值得这样使用了。

智能手机现在是越来越被大众接受，即使是诺基亚那可怜的S40，也能将就着算是智能机吧。关键这些智能机里都有一些浏览器了。比如opera mini,opera mobile之类的，再象android那样的话就是Webkit，IOS也算是Webkit核心了（ff也要登录android之类的），opera也在各个平台都有着自己的版本。因此，我们可以假设，只要是智能手机，都能支持一些简单的JS了。但是我怎么知道哪些浏览器支持的JS在其他浏览器上不支持呢？如果只用最简化的功能，那意义就不大了。因此，支持智能手机的JS框架就比较让人心动了。

一、jQuery Mobile

jQueryMobile不像前面SproutCore 或者Sencha Touch，它没有提供一个完整的应用架构。但它是一个新的开始，其也以向移动网站应用提供更多本地化的控制为宗旨。jQuery Mobile项目宣布其要成为“完整的，统一的，移动UI架构”。 jQuery Mobile核心项目也将继续为移动提供优化，但jQuery Mobile更专注于为主流智能手机浏览器提供一种真正的顶级的JS体验和界面。

官方网址：http://jquerymobile.com/

支持列表：http://jquerymobile.com/gbs/

二、Sencha Touch

Sencha前身是Ext JS ，全名是Sencha Touch HTML5 mobile framework.它提供一种可跨平台的架构，目前支持IOS，Android将在不久后得到支持。这种在线摸触摸技术结合了一个UI库的独立解决方 案，触摸项目管理、地理技术支持、离线缓存技术以及特殊的CSS和CSS3功能。

官方网址：http://www.sencha.com/products/touch/

演示地址：http://www.sencha.com/products/touch/demos.php

三、YUI 3.2

雅虎将发布最新的JS实用程序的YUI库。YUI最新版对触摸和移动设备提供更多更好的支持

官方网址：http://yuilibrary.com/

四、iUI

iUI是一个iPhone用户界面架构，其设计目标是像移动网站应用提供更接近iPhone的体验。它的工作原理是结合WEBKIT为基础的设备以及包括一个JS库和CSS及图形。其最早追溯至2007年，但多年以来缓慢地升级以提供更多其他设备，甚至是iPad。

官方网址：http://code.google.com/p/iui/

五、SproutCore

SproutCore是一个HTML5的架构，目标帮助开发者建立桌面口径的web应用，并且支持任何浏览器下无需补丁的运行。其项目带头大哥已经辞去了其原本苹果的职位，专心致志地来完成此项目。

官方网址：http://www.sproutcore.com/

演示地址：http://demo.sproutcore.com/

六、XUI

在开发Phonegap时，XUI团队对应用于移动设备的现存JS库及表现很失望。XUI创建的初衷是跨多个移动浏览器工作，其包括WEBKIT，Fennec，Opera。其目标是为低成本条件下解决传统JS库不适合移动浏览器，提供更多跨兼容的方案。

官方网址：http://xuijs.com/

英文原版：http://mashable.com/2010/08/18/mobile-web-app-frameworks/

内容来自：http://www.biaodianfu.com/make-your-mobile-websites-act-like-apps.html

看到cssrain.cn上这篇博客介绍的不错。挺有意思，虽然这个功能在很久以前就有人实现过。。。但现在看来又有不同的感觉
或许大家都记得，在几年前，网页特效中就有一个效果是网页正在下载数据，请稍等。然后是一个进度条，等完毕后，网页就打开了。其实说的就是Cssrain上的效果。不过几年前没有想过要兼容如今这么多的浏览器。所以，还是可以再了解一下（相册网站之类的可能会需要）
----START--

先定义一个图片的数组，然后通过image的onload事件来计算，注意，onload在ie和火狐有所不同。

最后需要一个进度条与之结合即可。

这个脚本在做游戏的地方用得比较多。

http://cssrain.cn/demo/plantsvs/loadImg.html

» 阅读全文