firebug

0x01 Base64 Base64顾名思义就是用64个可显示字符表示所有的ASC字符，64也就是6Bits，而ASC字符一共有256个，也就是8Bits。Base64编码要求把3个8位字节（38=24）转化为4个6位的字节（46=24），之后在6位的前面补两个0，形成8位一个字节的形式。 如果剩下的字符不足3个字节，则用0填充，输出字符使用’=’，因此编码后输出的文本末尾可能会出现1或2个’=’ 内存1个字符占8位 例如 转前： s 1 3 先转成ascii：对应 115 49 51 2 进制： 01110011 00110001 00110011 6 个一组（ 4 组） 011100110011000100110011 然后才有后面的 011100 110011 000100 110011 然后计算机是 8 位 8 位的存数 6 不够，自动就补两个高位 0 了 所有有了 高位补 0 科学计算器输入 00011100 00110011 00000100 00110011 得到 28 51 4 51 查对下照表 c z E z 形式 ZXZhbCgkX1BPU1RbcDRuOV96MV96aDNuOV9qMXVfU2gxX0oxM10pNTU2NJC3ODHHYWJIZ3P4ZWY = 在线base64解密 0x02 Base32 Base32和Base64相比只有一个区别就是

Firebug 是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇 《Firebug入门指南》 ，介绍了一些基本用法。今天，继续介绍它的高级用法。 =================================== Firebug控制台详解 出处：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html 控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。 一、显示信息的命令 Firebug内置一个console对象，提供5种方法，用来显示信息。 最简单的方法是console.log()，可以用来取代alert()或document.write()。比如，在网页脚本中使用console.log("Hello World")，加载时控制台就会自动显示如下内容。 另外，根据信息的不同性质，console对象还有4种显示信息的方法，分别是一般信息console.info()、除错信息console.debug()、警告提示console.warn()、错误提示console.error()。 比如，在网页脚本中插入下面四行： 　　console.info("这是info"); 　　console.debug(

自动化测试查找元素和确定元素xpath路径是否正确在业界有个很好的工具就是firefox 浏览器的 firepath 问题： firefox 最新版本已经不支持firebug和firepath这两个插件了。如果要使用请下载firefox 45以下版本。请谨记，不然以下操作是不成功的 第一步：点击如图所示附加组件 第二步：在组件搜索中输入 firebug 第三步：安装firebug 安装完成后按f12 如下图所示 就安装好了 第四步：安装firepath 和firebug的过程相同，只是安装完成后，需要重启浏览器 重启浏览器后按f12进行xpath路径 识别如下图所示 这样可以很直观看到元素的xpath路径。 以上内容仅供参考，希望在你自学测试自动化的路上可以帮到你。 来源： oschina 链接： https://my.oschina.net/u/4393301/blog/3901625

为什么要学习元素定位? 1)计算机没有智能到人的程度。 2)计算机不能像手动测试人员一样通过眼看，手操作鼠标点击，操作键盘输入。 3)计算机通过一系列计数手段找到元素(按钮、输入框、模拟键盘等) 元素定位的工具或手段有哪些？ 1)css选择器 2)xpath 环境及工具 1.材料: 1)firefox35 2)firebug插件 3)firepath插件 2.安装步骤: 查看文末 css选择器 .weixinBottom 通过class的值进行定位 #wx 通过id的值进行定位 div 通过标签进行定位 meta,link 匹配两种标签结果集 div a 匹配div标签中的所有后代a标签 div>a 匹配div后是一个a标签的节点 div+div 匹配div后面的同胞div节点 [id] 匹配所有含有id属性的标签 [id='wx'] 匹配所有含有id并且值为wx的标签 [type="submit"] [class~="Login"] 定位标签属性class值中有独立Login的节点 [name|=msapplication] 定位标签属性name的值以msapplicatio开头的节点(该节点需为一个完整的单词) [src^="http://"] 匹配scr属性以http://开头的节点 [src$="js"] 匹配src属性以js结尾的节点 [src*="ifengimg"]

作为Web开发者，你愿给Firefox一次机会吗？ 作者｜Ibrahim Nergiz译者｜大愚若智编辑｜覃云本文从开发者角度介绍了 Mozilla 全新发布的 Firefox Quantum 浏览器在诸多方面的改进和增强，尤其是在 Web 开发者工具方面新增的功能。 友情提示：原文的图片大多都是动图，但由于微信对图片大小的限制，以及动图压缩后变成高糊，为了保证阅读质量，小编将动图换成了png图，想获取原图的读者可点击文末 原英文链接 。 作为“晚期”八零后的我，对 Firefox 的崛起和衰落至今依然感觉历历在目。 Firefox 最初作为开源项目，以 Internet Explorer 6 竞争对手的姿态诞生。当时这是个很棒的项目，因为它为用户提供了更多选择，例如，用户可以通过各种扩展获得新的功能，还可以更改浏览器的视觉主题等，每个人都爱过它。 然而几年后另一个重量级选手登场了。这个选手名叫 Chrome，Chrome 发布后迅速攻城掠地，很快超越了所有对手。实际上，Chrome 在极短的时间里获得了如此众多的用户，成为 Google 有史以来最有价值的 资产，相信很多人现在就是使用 Chrome 阅读本文的。 不过我们还是先简单回顾一下吧。作为开发者，我完全明白用户有多难取悦。 随着各种越来越复杂的 Web 技术，以及常规应用程序和软件逐渐涌现，内存和 CPU

一、application/x-www-form-urlencoded 最常见 POST 提交数据的方式。浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样: POST http: // 192.168.2.12/index HTTP/1.1 Content-Type: application/x-www-form-urlencoded;charset=utf- 8 title =test&sub%5B%5D= 1 &sub%5B%5D= 2 &sub%5B%5D= 3 首先，Cntent-Type 被指定为application/x-www-form-urlencoded。其次，提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。 二、 multipart/form-data 这是另一种非常常见的 POST 数据提交的方式。我们在使用表单上传文件时，必须让 form 的 enctyped 等于这个值。关于处理上传请求的实战后续我会写文章来补充。来看一个请求示例： POST http: // 192.168.2.12/index HTTP/1.1

源自：https://segmentfault.com/a/1190000016256731 alert 这个不用多说了，不言自明。 console 基本输出 想必大家都在用 console.log 在控制台输出点东西，其实console还有其它的方法： console.log("打印字符串"); // 在控制台打印自定义字符串 console.error("我是个错误"); // 在控制台打印自定义错误信息 console.info("我是个信息"); // 在控制台打印自定义信息 console.warn("我是个警告"); // 在控制台打印自定义警告信息 console.debug("我是个调试"); // 在控制台打印自定义调试信息 console.clear(); // 清空控制台（这个下方截图中没有） 注意上面输出的error和throw出的error不一样，前者只是输出错误信息，无法捕获，不会冒泡，更不会中止程序运行。 格式化输出 除此以外，console还支持自定义样式和类似c语言的printf形式： console.log("%s年", 2016); // %s表示字符串 console.log("%d年%d月", 2016, 11); // %d表示整数 console.log("%f", 3.1415926); // %f小数 console.log("%o

一、概述 面试，难还是不难？取决于面试者的底蕴（气场+技能）、心态和认知及沟通技巧。面试其实可以理解为一场聊天和谈判，在这过程中有心理、思想上的碰撞和博弈。其实你只需要搞清楚一个逻辑：“面试官为什么会这样问？他希望听到什么答案？”然后针对性的准备和回答就行了，无他。 “你的优势是什么？”多年前我觉得这个问题很无聊，现在我经常这么问面试者，因为我真的想知道他的优势是什么，能给公司带来什么。最终能和面试官聊的开心愉快投缘的叫面霸。反之叫面瘫。 我带过的学生里找工作时有个有趣的现象，经常是懂沟通的人先找到工作，而不是技术最牛的那个。 面霸是可以练成的。我在这篇文章里尝试从两个方面对面试进行梳理，一个是流程，一个是细节。 流程可以让我们以上帝视角看问题，细节呢？细节决定成败。在面试这件事上，细节做的越细越好。 二、面试流程 面试就像一场战役，要打赢战役应该做如下功课，才能做到胸有成竹。 1. 面试前 战前需要充分准备，要研究对手，所谓知己知彼，百战不殆。要准备好足够的弹药。 2. 面试中 战斗时要保持正念、精神焕发，昂首挺胸，眼神坚定、谦虚谨慎。 3. 面试后 因为我们可能还要打多场战役，所以针对每次战役都要及时进行反思，总结经验教训，用现在流行的说法叫“复盘”。这样才会有进步，下次作战也会更有自信和把握。 三、单独说一个问题：气场 1. 什么是气场 我讲课的时候曾经开玩笑地跟同学们说：

说到建站，绝对是每个从事web学习工作的骚年们迫不及待想做的一件事。 但是建站涉及的知识面较为广，一到实际操作往往是一头雾水一拖再拖，导致建站这个梦想迟迟无法实现。 这边给大家一个小建议~建站这种事情看的就是速度，要果断，思考好网站主题后不要有太多顾虑找一个比较好的建站工具、建站模版、框架系统只要便于以后改造的就可以开始部署自己的网站，越早上线越有优势，在你思考各种环境、语言的选项时，说不定已经可以有一大堆的用户量了，建站是一个不断完善的过程不能一蹴而就，但是运营却是整个网站的精髓。 扯完前言，接下来给大家讲解一下服务器的选择和系统的选择。 服务器选择： 1、确定自己对于服务器的需求，如果仅仅只是想建站对服务器并不是很像研究，而且前期定位不大，建议是可以选择虚拟主机。如果是想真正意义上去学习运营一个网站，建议还是选择服务器，从环境、架设、部署、安全、优化各项进行操作体验。 2、确定了自身对于服务器的需求后，可按需选择服务器，新手小白一般是建议选择1核1G内存1M带宽的国民级服务器，先练手，反正这个配置各个服务商的价格都是很便宜的，后期如果网站运营良好可以直接提升配置或者购买新服务器进行转移。 3、服务器的区域选择，购买服务器时经常有很多区域可以选择，这点其实是要涉及你的用户群体及你的所在地区，服务器机房跟你的用户群体及你所在的区域越接近效果会越佳