前端和后端工具

工具的分享分为前端和后端工具,前面的1-7条为后台测试常用工具,最后一部分中的众多工具是前台测试工具,感谢搜索应用测试组的同学提供协助!

邮件中所列出的工具,有哪些你不知道如何使用,或者认为有必要做进一步讲解,请告知我们,我们随时倾听你的声音,并据此筹划下一步的分享,谢谢!

1. screen命令

应用场景:

当你运行一个任务,比如make一个大的项目、建立索引的时候,任务的时间很长,在这段时间如果需要断开网络连接(比如想关机、或者网络问题),你的任务将会消失。screen就可以解决这样的问题。

方法:

  1. screen
  2. 执行建索引等任务,然后断开网络
  3. screen -r  回到任务执行现场

本质:

l  当你运行screen命令后,OS把即启动一个不属于任何tty 的进程screen,这样一来screen命令后的任务的父进程都是这个这个screen进程。

l  当你启动screen进程的tty意外退出,screen进程依然存在。

l  当你再次登录系统的时候,就可以再次对接到整个screen进程上。但是,注意screen进程虽然和你的tty对接了,但他仍然不是它的紫禁城噢

更详细的使用介绍可以参考网上的介绍,推荐这个:http://zhangrongcun.javaeye.com/blog/420830

2. vim 的nerdtree和taglist插件(可以从侧边栏浏览:当前目录文件、程序中的符号定义)

先上图:

第一列列出的就是当前目录 下的所有文件,第二列列出的是当前打开文件中的符号定义,有 、 。

基本操作:

l  在三列中切换使用两次ctrl+w

l  enter打开文件、切换标签

l  :ls查看已经打开的文件

l  :bx,切换打开的文件,b是buffer的意思,x是buffer中的第x个文件

3. vim 的C语言产插件

为C/C++程序编写专门定制,可以生成一些常用的代码片段,省去繁琐的步骤,节省时间。

功能举例:

l  任意打开一个cpp文件,如testing.cpp,自动产生:

l  自动生成类代码片段,比如要写一个abc类,则在vim下输入\+cn,再输入类名称abc,则得到:

l  还可继续产生accessor implementation和method implementation

l  更多使用方法参考,pdf附件

以上几个插件可以通过http://svn.alibaba-inc.com/repos/ali_QA/04%E6%B5%8B%E8%AF%95%E6%8A%80%E6%9C%AF/B2B-QA-BST/%E8%99%9A%E6%8B%9F%E6%8A%80%E6%9C%AF%E5%B0%8F%E7%BB%84/%E9%A1%B9%E7%9B%AE/QA_usr/chenlei 上的 initialize_linux_env.sh 脚本来安装。安装完成后,代开一个文件再次点击F3、F4、F5你就会发现你的vim已经与众不同了。安装前最好备份你的.vimrc  .bashrc  .bash_profile三个文件,脚本会把这些文件清空的。

4. simon 的进程级监控

先上图,图中看到是se1463机器上smartquery的内存占用,注意,这里刨除了其他进程的干扰。给出的是se1463机器上smartquery进程的RES内存的消耗。

使用方法:

  1. 安装延胜的QA函数库:http://svn.alibaba-inc.com/repos/ali_QA/04%E6%B5%8B%E8%AF%95%E6%8A%80%E6%9C%AF/B2B-QA-BST/%E8%99%9A%E6%8B%9F%E6%8A%80%E6%9C%AF%E5%B0%8F%E7%BB%84/%E9%A1%B9%E7%9B%AE/QA/script/
  2. 使用simon_top脚本就可以在Simon的服务器上看到想要看的图了。直接输入simon或man simon_top可以看到使用说明,上面的图就是再执行了simon_top smartquery RES后得到的。

5. ps 查看进程的线程活动的方法

一行简单的命令,帮你实时的监控线程的各种性能指标:

while true ;do ps H -p 28895 -o cpu,nwchan,pid,ppid,ruid,start,vsize,%mem,%cpu;sleep 1;clear;done

6. regex tester  正则表达式生成、测试工具

大家可以借助这个来学习正则表达式,这里面已经内置了很多现成的正则表达式,图中给出的就是一个匹配e-mail地址的正则表达式

http://www.codeproject.com/上查找regex tester还有很多优秀而的工具可以加以利用。

7. netwatch    进程占用端口扫描工具

这个就是图形化版本的netstat,但是他能告诉你是哪个进程打开了对应的端口,这是netstat做不到的。

其本质就是利用了windows下一个API而已,可惜这个API在win7中取消了。

这个工具来自伟大的http://www.codeproject.com/

感兴趣的可以在这下面找到他们的说明和实现:

http://www.codeproject.com/KB/IP/iphlpapi.aspx

8. WEB前端的测试工具

原链接地址为:

http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=42677335


工具/小窍门


功能简述(应用场景)


使用说明


共享人员


TotalCommander


Windows下强大的资源管理器


刘庆


Xenu


url链接扫描工具,扫描有无404页面及以上页面


见附件: 预发布--XENU_URL扫描工具介绍.msg


方璟


firfox httpfox插件


检查前端页面打点信息


http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=42065779 http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=42065786


于静


模拟其他国家的IP


MockIP脚本


王潜


Firefox的一个插件"User Agent Switcher"


模拟爬虫访问


见附件:搜索测试方法之------爬虫访问分享.msg


方璟


Firefox的一个插件"web developer"


快速进行web页面开发工具


远参


Httpwatch6.0


和httpfox功能类似,Alt+C快速清除缓存


王潜


IEWebDeveloper


有Firebug类似的元素定位,html树功能


王潜


Xming


在windows上运行linux上具有图形界面(Xwindows)的程序


点崔


Axure RP


设计网站demo页面,制作流程图非常方便,支持简单的事件处理,可以输出为html,word等格式。虽然用的时候不多,但知道一点总有好处。哈


点崔


firefox的必备组件


含:firefox官方快捷键,Firebug (Firefox 扩展),Web Developer (Firefox 扩展),HttpFox (Firefox 扩展),ySlow (Firebug 插件),FireCookie (Firebug 插件),DNS Flusher (Firefox 扩展),Pixel perfect (Firebug 插件)


http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=42042581


中文站UED


host 文件管理器


强力推荐hosts快速修改工具,host修改只需要点击按钮,ie也不需要重启,真的是。。。好处谁用谁知道;
注意使用前备份一下hosts文件,程序启动会清空hosts文件的内容的;


http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=42684948


中文站UED


IE的开发工具


含Companion.JS (IE 插件),IE
Developer Toolbar (IE 插件)


http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=42042611


中文站UED


使用Fiddler提高前端工作效率


Fiddler是以代理服务器的方式,监听系统的网络数据流动。运行Fiddler后,就会在本地打开8888端口,网络数据流通过Fiddler进行中转时,我们可以监视HTTP/HTTPS数据流的记录,并加以分析,甚至还可以修改发送和接收的数据。Fiddler还提供了清除IE缓存、请求构造器、文本转换工具等等一系列工具


http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=41917368


中文站UED


其他前端开发必用小工具


json在线查看器,PicPick,faststone capture,CaptureScreen.exe,多版本浏览器兼容预览(非ietest,http://www.spoon.net/browsers/)


http://b2b-doc.alibaba-inc.com/pages/viewpage.action?pageId=42044763


中文站UED

前端和后端工具

时间: 2024-11-05 21:38:18

前端和后端工具的相关文章

IC设计前端到后端的流程和eda工具。

IC前端设计(逻辑设计)和后端设计(物理设计)的区分:以设计是否与工艺有关来区分二者:从设计程度上来讲,前端设计的结果就是得到了芯片的门级网表电路. 前端设计的流程及使用的EDA工具如下: 1.架构的设计与验证:按照要求,对整体的设计划分模块. 架构模型的仿真可以使用Synopsys公司的CoCentric软件,它是基于System C的仿真工具. 2.HDL设计输入:设计输入方法有:HDL语言(Verilog或VHDL)输入.电路图输入.状态转移图输入. 使用的工具有:Active-HDL,而

细说前端自动化打包工具--webpack

背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.做网页就和用world编辑一个文档一样,只不过那个工具叫Dreamweaver.一个html页面,夹杂着css,javascript是再常见不过的事了. 随着前端的不断发展,特别是单页应用的兴起,这种所见即所得的IDE工具,就渐渐地退出了前端的主流.一个应用,通常只有一个静态页面(index.html),甚至这个页面的body只有一个或少数几个div组成.这时有

前端和后端

舞台是展示自己最华丽的一面,那么,后台则是很多工作人员所运转. 一个大舞台,需要的是前端和后端,那么前端是什么,后端是什么? 我们抛开技术不说,举个例子吧! 比如一个大型的演唱会,如果没有一个好的歌手,没有好听的歌,不过光靠歌手还不行,还需要舞台,这个舞台需要谁来支撑呢?没错,就是后面的工作人员,没有他们,就没有这样顺利的演唱会. 如果前端是歌手,那么后端则是工作人员,这样就很好理解了,我们前端是干什么的.但是光靠展示和设计出漂亮的网页还不行,还需要和后端好好配合才能做好,所以这个博文会列举出后

如何查看bug属于前端还是后端

1.F12下如何查看bug属于前端还是后端?前后端分离的项目,通过ajax向后端请求数据,如果后端返回的数据有问题,那么问题就是候选,如果返回的数据没有问题,但是展示结果异常那么问题一般就出在前端. 2.当app出现问题时,怎么判断是客户端的问题,还是接口的问题,或者是服务端的问题?先用抓包工具确定服务器接口返回的数据是否正确,这样就可以排除是否是服务器的问题,如果返回的是服务器报错那么就是服务器原因,如果返回的数据与接口文档不符那么就是接口问题,最后就是客户端问题. 原文地址:https://

web 环境搭建00前端自动化构建工具(gulp)

web 环境搭建----前端自动化构建工具(gulp): 1----先下载安装node.js 2----然后在node.js命令行安装:npm install gulp -g (全局下载安装gulp插件) 3----然后进入到项目文件夹(命令cd 文件夹名),在项目文件夹中安装依赖文件:npm install gulp --save-dev (根据依赖文件下载gulp插件) 4----在项目文件夹目录下初始化:npm init (初始化文件) {初始化文件后项目中会出现packgae.json文

对一个前端AngularJS,后端OData,ASP.NET Web API案例的理解

依然chsakell,他写了一篇前端AngularJS,后端OData,ASP.NET Web API的Demo,关于OData在ASP.NET Web API中的正删改查没有什么特别之处,但在前端调用API时,把各种调用使用$resouce封装在一个服务中的写法颇有借鉴意义. 文章:http://chsakell.com/2015/04/04/asp-net-web-api-feat-odata/源码:https://github.com/chsakell/odatawebapi 首先是领域模

前端加后端验证倒计时答题功能实现

思路 前端页面控制答题的开始,请求后台,后台记录开始的时间(发出请求的当前时间),再加上倒计时时间,得出结束时间. 后端返回给前端剩余的时间,前端通过Jquery实现倒计时的动态效果. 当倒计时结束,禁止答题,当用户刷新页面时,比较请求时间与结束时间,如果前者小于后者,答题继续,否则反之. 其中,答题时间.开始时间.结束时间,均保存在内存中. 实现(SpringMVC+Jquery) 后端: 1 /** 2 * Copyright 2016 Zhengbin's Studio. 3 * All

前端和后端如何合作

我们的流程是这样的,后台提供数据接口,或接口文档. 然后我们前台进行razor模板的数据逻辑嵌套或html,css,js整个流程的开发. 缺点是:工作量是满大的,优点是,所有前端view层的东西都是可控的. 坑是比较多的, 比如数据出现问题时,没有一个经验丰富的前端或后端进行联调, 有问题短时间内是解决不了的. 一般跟后台合作分为这几种模式:1. 只产出html页面,然后交给后端来处理数据.这种的好处是工作量比较少,公司没有专门的前端岗位时可以实行这种办法.但这种的缺点也是显而易见的,后端人员工

ExtJs是当今最主流的前端界面开发工具之一

摘要:ExtJs是当今最主流的前端界面开发工具之一,功能强大,外观绚丽.虽然网上的开发文档很多,但是在实际应用中仍然会遇到很多问题,本文结合企业信息化.SAP ERP等实际项目开发经验,对使用ExtJs开发做了一个梳理和总结,特别对开发中遇到的重点问题进行了详细阐述,希望能够为大家提供一些帮助.    关键词:ExtJs  IMS  RIA 作用域 id冲突 风格统一1 引言    随着互联网技术的不断发展,网站的互动性越来越强,软件从C/S到B/S,又到了B/S结构的C/S界面体验,伴随着大量