firefox

一 HTTP简介 Hyper Text Transfer Protocol 超文本传输协议 定义了客户端和服务器通信时 发送数据的格式 二 HTTP特点 1. 基于TCP/IP的高级协议 2. 默认端口号80 3. 基于请求/响应模型 一次请求对应一次响应 4. 无状态的 每次请求之间相互独立 不能交互数据 三 请求消息数据格式 原始数据 POST /login.html HTTP/1.1 Host: localhost User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2 Accept-Encoding: gzip, deflate Referer: http://localhost/login.html Connection: keep-alive Upgrade-Insecure-Requests: 1 username=zhangsan 1. 请求行 GET

背景 由于公司业务（政府项目）需要走国产化路线，需要把原来已有的产品在国产的系统进行测试。目前选择的是中标麒麟系统，这是一款国产系统，界面 UI 和 window 类似，系统内核使用的是 Linux 的，说白了就是 window + linux 的结合体。 在虚拟机中安装中标麒麟系统 准备工作 虚拟机软件：VMware12 系统镜像：中标麒麟系统7.0 Firefox浏览器：Linux版本Firefox52 软件下载导向： VMware12 提取码：5ijj、 中标麒麟桌面版7.0 提取码：e6fp 、 Linux版本Firefox52 虚拟机安装 这里虚拟机安装没什么好讲的了，拿到安装包，一直下一步就可以了，上面已经提供了虚拟机的下载链接。 安装教程可以参考： https://blog.csdn.net/lx940112/article/details/80159509 中标麒麟系统安装 先从上面提供的链接下载对应的镜像文件，然后在本机把虚拟机软件安装好。 打开虚拟机软件，点击【创建新的虚拟机】 进入新建向导，选择对应的选项，一直下一步即可，如下图： 进入虚拟机后安装麒麟系统，如下图： 软件安装完成之后，退出然后重启系统，进入用户时间的设置，如下图： 到此，在虚拟机中安装中标麒麟系统就完成了。 系统自带Firefox-45升级到Firefox-52

为什么要配置HTTP响应头? 不知道各位有没有被各类XSS攻击、 点击劫持 (ClickJacking、 frame 恶意引用等等方式骚扰过，百度联盟被封就有这些攻击的功劳在里面。为此一直都在搜寻相关防御办法，至今效果都不是很好，最近发现其实各个浏览器本身提供了一些安全相关的响应头，使用这些响应头一般只需要修改服务器配置即可，不需要修改程序代码，成本很低。至于具体的效果只能是拭目以待了，但是感觉还是有一定的效果的。 而这些HTTP响应头在我们部署 Nginx 的时候经常会被忽略掉，个人感觉这是一个比较严重的“疏忽”，加上还是很有必要的，如果有条件最好是部署一个适合自己站点的 X-Content-Security-Policy 响应头。 点击劫持 # 点击劫持（ClickJacking）是一种视觉上的欺骗手段。大概有两种方式， # 一是攻击者使用一个透明的iframe，覆盖在一个网页上，然后诱使用户在该页面上进行操作，此时用户将在不知情的情况下点击透明的iframe页面； # 二是攻击者使用一张图片覆盖在网页，遮挡网页原有位置的含义; X-Frame-Options响应头 X-Frame-Options HTTP 响应头是微软提出来的一个HTTP响应头，主要用来给浏览器指示允许一个页面可否在 <frame> , <iframe> 或者 <object> 中展现的标记

一、canvas简介 　　​<canvas> 是 html5 新增的，一个可以使用脚本(通常为 javascript) 在其中绘制图像的 html 元素。它可以用来制作照片集或者制作简单的动画，甚至可以进行实时视频处理和渲染。 ​它最初由苹果内部使用自己 macos x webkit 推出，供应用程序使用像仪表盘的构件和 safari 浏览器使用。后来，有人通过 gecko 内核的浏览器 (尤其是 mozilla和firefox)，opera 和 chrome 和超文本网络应用技术工作组建议为下一代的网络技术使用该元素。 　　​canvas 是由 html 代码配合高度和宽度属性而定义出的可绘制区域。javascript 代码可以访问该区域，类似于其他通用的二维 api，通过一套完整的绘图函数来动态生成图形。 ​ mozilla 程序从 gecko 1.8 (firefox 1.5) 开始支持 <canvas>, internet explorer 从 ie9 开始 <canvas> 。chrome 和 opera 9+ 也支持 <canvas>。 二、canvas的基本组成 　　<canvas> 看起来和 <img> 标签一样，只是 <canvas> 只有两个可选的属性 width、heigth 属性，而没有 src、alt 属性。 ​如果不给 <canvas> 设置 widht

前言 我是小白，励志要做 技术男神 的帅逼，目前住在 南京 ，做了快3年 前端工程师 ，会继续写笔记的。 js string对象的一些常用方法 普通方法 charAt() 方法返回字符串中指定位置的字符。 split // 通过把字符串分割成子字符串来把一个 String 对象分割成一个字符串数组。 slice // 提取字符串中的一部分，并返回这个新的字符串，获取索引号为1，2，3的字符串，即[1, 4) substr(start, length) // 方法返回字符串中从指定位置开始到指定长度的子字符串 substring(start, end) // 返回字符串两个索引之间（或到字符串末尾）的子串。 trim() // 删除一个字符串两端的空白字符 toLowerCase() // 将调用该方法的字符串值转为小写形式，并返回。 toUpperCase() // 将字符串转换成大写并返回。 正则方法 search // 执行一个查找，看该字符串对象与一个正则表达式是否匹配。 replace // 被用来在正则表达式和字符串直接比较，然后用新的子串来替换被匹配的子串。 match // 当字符串匹配到正则表达式（regular expression）时，match() 方法会提取匹配项。 Array对象的一些常用方法 不改变原数组的方法 concat() // 连接两个或多个数组

测量执行一个函数所需的时间总是一个很好的办法，证明某些实现比另一个实现的性能更好。这也是一个很好的方法，可以确保性能没有在某些改变后受到影响，也可以追踪瓶颈。 良好的性能有助于获得良好的用户体验，良好的用户体验会让用户回头客。一项研究显示，88%的在线消费者因为性能问题，在用户体验不佳后用户回来的可能性较小。 这就是为什么能够识别代码中的瓶颈并测量改进的原因。尤其是在为浏览器开发JavaScript时，要注意到你写的每一行JavaScript都有可能阻塞DOM，因为它是一种单线程语言。 在这篇文章中，我将解释你如何测量你的功能的性能，以及如何处理你从它们中得到的结果。 Perfomance.now performance API通过其功能 performance.now() 提供对 DOMHighResTimeStamp 的访问，该函数返回自页面加载以来经过的时间（以毫秒为单位），精度最高为5µs（以分数为单位）。 所以在实践中，你需要取两个时间戳，保存在一个变量中，然后让第二个时间戳减去第一个时间戳。 const t0 = performance.now(); for ( let i = 0 ; i < array.length; i++) { // some code } const t1 = performance.now(); console .log(t1 - t0,

Web 创建设计 设计一个网站，需要认真思考和规划。 最重要的是要知道你的访问用户。 用户是浏览者 一个典型的访问者将无法读取您的网页的全部内容！ 无论您在网页中发布了多么有用的信息，一个访问者在决定是否继续阅读之前仅仅会花几秒钟的时间进行浏览。 请确保使你的观点，在页面的第一句！另外，您还需要在整个页面中使用简短的段落以及有趣的标题。 少即是多 保持段落尽可能短。 保持章节尽可能短。 冗长文字的页面不利于用户体验。 如果你的网页内容很多，您将页面信息分解成小的模块，并放置在不同的页面！ 导航 在您网站的所有页面使用一致的导航结构。 不要在文本段落内使用超链，超链接会把访问者带到别的页面，这样做会破坏导航结构一致性。 如果您必须使用超链接，你可以将链接添加到一个段落的底部或菜单中。 加载速度 有时开发人员不知道一些网页需要很长的时间来加载。 据统计，大多数用户会留在加载时间不超过7秒的网页。 测试您的网页在一个低速的调制解调器中打开。如果您的网页需要很长时间加载，可以考虑删除图片或多媒体等内容。 用户反馈 反馈是一件非常好的事情！ 你的访问者是你的"客户"。通常他们会给你的网站提供很好的改善建议。 如果您提供良好的反馈途径，您将得到来自很多来自不同领域人的反馈意见。 访问者的显示器 在互联网上不是每个人的显示器尺寸都是一样的。 如果你设计一个网站，是用高分辨率的显示器上显示

研究生考试复试材料需要把扫描文档合并为一个pdf文件（微软 Office Lens、万能扫描王、扫喵等可在手机上把纸质文档转换成图片，其中微软的 Office Lens 可以拍照直接保存为 PDF，还能检测并裁掉边角，还你规矩的图片文档，墙裂推荐），其中还涉及的一个中间环节是扫描图片转pdf文档。Windows 和 Android 下可以考虑使用格式工厂、迅捷PDF等做多种文档的相互转换；此外听说苹果手机自带PDF转换合并的应用（嗯，资本的力量）；对于 Firefox 等浏览器，打开图片然后打印为PDF也不失为一种图片转pdf的办法；而作为英雄云集的 Manjaro Linux 的用户，我的 Linux 解法主要用到两个工具，确认过眼神，都是 Manjaro Linux 官方仓库中的工具（开源的力量！）： imagemagick - 图片转pdf 参考资料 用法： 单图 convert page.png page.pdf 多图 convert page*.png mydoc.pdf poppler - pdf合并 参考资料 用法： pdfunite in-1.pdf in-2.pdf in-n.pdf out.pdf 或者用以下命令一网打尽： pdfunite *.pdf out.pdf 来源： oschina 链接： https://my.oschina.net/baytars

WebUI automation testing framework based on Selenium and unittest. 基于 selenium 和 unittest 的 Web UI自动化测试框架。 特点 默认使用CSS定位，同时支持多种定位方法（id\name\class\link_text\xpath\css）。 基于Selenium二次封装，使用更简单。 提供脚手架，快速生成自动化测试项目。 自动生成/reports/目录，以及HTML测试报告生成。 自带断言方法，断言title、URL 和 text。 支持用例参数化。 安装 > pip install -U git+https://github.com/defnngj/pyse.git@master 　 加入我们。群，642830685，免费领取最新软件测试大厂面试资料和Python自动化、接口、框架搭建学习资料！ pyse命令 1、查看帮助： > pyse -h usage: pyse [-h] [-V] [--startproject STARTPROJECT] [-r R] WebUI automation testing framework based on Selenium. optional arguments: -h, --help show this help message and exit