兼容性

计算一定要精确 ie6子元素会撑开父级设置好的宽高 会出现兼容性问题 所以要计算好padding值 不要让内容的宽高超出父级设置的宽高 在ie6、7下元素浮动， 如果宽度需要内容撑开，就给里面的块元素都加浮动。 ie67下元素要通过浮动并列在一行就要都给元素加浮动 不然会出现兼容性问题 标签嵌套规范 内联不能嵌套块状 ie6最小高度问题 overflow解决 1px dotted 在ie6下不支持 解决 切背景平铺 margin 传递 浮动或者有宽高 或者 在ie6下解决margin传递要触发haslayout 在ie6下父级有边框的时候子元素margin值消失 解决 触发haslayout 尽量触发 ie6只支持 a标签的四个伪类[伪元素] inline-block ie6不支持块标签 浮动: 1.双倍边距bug 块 浮动 横向margin display：inline 2.li本身没浮动内容浮动 ie6 li 内容浮动 给li加浮动 li加vertical-alian 其实就是浮动块状元素前面不能有内联文本的出现 ie6 下，下margin消失 当一行子元素占有的宽度之和和父级的宽度相差超过3px，或者有不满行状态的时候最有一行的子元素的下margin值就会失效、 ie6下文字溢出bug 原因 1.浮动元素前面有注释 或者内联元素 内联元素越多，溢出越多

这玩意主要将我们一些css3 的样式，加上前缀操作 css兼容性处理：postcss --> postcss-loader postcss-preset-env 帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼容性样式 "browserslist": { // 开发环境 --> 设置node环境变量：process.env.NODE_ENV = development "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ], // 生产环境：默认是看生产环境 "production": [ ">0.2%", "not dead", "not op_mini all" ] } 上面是学习笔记，我们第一步先下载包 问大家一个问题，在 vscode 中，打开终端的命令是啥？ 答案是： ctr + ` __________________________________ 打开终端： 下载好之后，我们再修改下配置 写好后，在package.json 中也要配置 这些都copy 好之后，我们就可以试试了！ 我加了这句有兼容性的css 我们测试下！ 各位自动会加上前缀，到此 ，我们已经解决了，css

ES6标准发布后，前端人员也开发渐渐了解到了es6，但是由于兼容性的问题，仍然没有得到广泛的推广，不过业界也用了一些折中性的方案来解决兼容性和开发体系问题，但大家仍很疑惑，使用ES6会有哪些兼容性问题。 一、Nodejs下ES6兼容性现状   之前写了es6通过Babel编译后的在浏览器端的兼容性问题 《Babel下的ES6兼容性和规范》 ，随着范围的扩展，ES6在Nodejs上兼容性也有必要重新梳理下。   随着iojs的引入，新版的Nodejs开始原生支持部分ES6的特性，既然ES6在浏览器端使用需要使用babel等编译，在Nodejs总可以放心使用了吧。然而事实并非如此，为此在nodejs端，我也做了特性兼容性研究： ES6新特性在Nodejs下的兼容性列表 这里罗列下nodejs支持的新特性，没列出的新特性均为不支持。 https://iojs.org/en/es6.html https://kangax.github.io/compat-table/es6/ ES6特性 Nodejs兼容性 let,const,块 strict模式支持 class类 strict模式支持 Map，Set 和 WeakMap，WeakSet 支持 generators 支持 进制转换 支持 对象字面量扩展 支持 promise 支持 String对象新API 支持 symbols 支持

1．什么是兼容性测试 兼容性测试就是验证开发出来的程序在特定的运行环境中与特定的软件、硬件或数据相组合是否能正常运行、有无异常的测试过程。 2．兼容性测试包含哪几类 （1）浏览器兼容性测试： 在指定的浏览器上检查Web页面样式和元素的展示效果，以及交互是否正常。 主流浏览器： Windows:IE 9/10/11, Firefox（最新版本）, Chrome（最新版本）。 Mac:Safari, Chrome（最新版本）, Firefox（最新版本）。 测试注意事项： ① 浏览器兼容性测试常见于B/S（浏览器/服务器端）结构的产品中。 ② 虽然我们能通过官方的一些统计数据去收集主流的浏览器和对应的版本，但最好让产品经理明确定义出支持哪些浏览器和对应的版本，因为这也取决于产品的应用人群和具体的业务场景。 ③ 浏览器兼容性测试主要检查Web页面样式和元素的展示效果，以及交互是否会有异常，跟具体的业务逻辑无关。 ④ 跟前端开发人员多交流，明确哪些样式或元素不是标准的，很有可能会出现兼容性问题，先有针对性地在所有要求支持的浏览器版本上进行验证，再挑选每种浏览器的一个版本去验证所有的标准页面。 ⑤ 多记录，多总结，做好统计分析，在后续的测试中，只需针对有改动的、易出现兼容性问题的元素和样式进行测试。 ⑥ 留意IE大版本的升级，以及Chrome（谷歌浏览器）和Firefox（火狐浏览器

正确启用HTTP/2支持，正确配置ssl_protocols和ssl_ciphers 玩 · 3931 · 2016-11-11 HTTP 2.0即超文本传输协议 2.0，是下一代HTTP协议。在开放互联网上HTTP 2.0将只用于https://网址，而 http://网址将继续使用HTTP/1，目的是在开放互联网上增加使用加密技术，以提供强有力的保护去遏制主动攻击。 HTTP/2 的优势 相比 HTTP/1.x，HTTP/2 在底层传输做了很大的改动和优化： HTTP/2 采用二进制格式传输数据，而非 HTTP/1.x 的文本格式。二进制格式在协议的解析和优化扩展上带来更多的优势和可能。 HTTP/2 对消息头采用 HPACK 进行压缩传输，能够节省消息头占用的网络的流量。而 HTTP/1.x 每次请求，都会携带大量冗余头信息，浪费了很多带宽资源。头压缩能够很好的解决该问题。 多路复用，直白的说就是所有的请求都是通过一个 TCP 连接并发完成。HTTP/1.x 虽然能利用一个连接完成多次请求，但是多个请求之间是有先后顺序的，后面发送的请求必须等待上一个请求返回才能发送响应。这会很容易导致后面的请求被阻塞，而 HTTP/2 做到了真正的并发请求。同时，流还支持优先级和流量控制。 Server Push：服务端能够更快的把资源推送给客户端。例如服务端可以主动把 JS 和 CSS

自动化测试，对于我们大部分的测试工程师来讲是最主要的发展方向之一。我们可以看到，上规模的公司在招聘测试工程师的时候，自动化和性能是最基本的技能。我们以BAT为例，公司内部员工几乎都是自动化或性能测试工程师，而功能测试则是外包公司的员工在做。可想而知，无论是从福利待遇还是个人发展的角度讲，自动化和性能都是我们职业发展必不可少的方向。我也相信，大部分人都在朝着这个方向努力。 今天，我们就来聊一聊WEB自动化测试。 什么是自动化？什么事WEB自动化？ 在说自动化测试之前，我想先说一说什么是自动化？我个人觉得，自动化本身很难定义，但是存在于我们生活中的角角落落。例如，农作物种植从牛拉车到机械，从人工插秧到机械插秧，从人工收割到自动化收割。 自动化机械的应用，解放了生产力，提高了农业生产的效率，将多人重复的体力劳动依靠机械自动化几乎不需要人力参与就能够完成。 根据上面的例子，我们大概能够总结出自动化的一些特性： 首先，他们都是重复的工作，周而复始，几乎没有任何变化的工作； 其次，这些工作在实现自动化之前过于低效，无法满足大规模农耕作业的需求； 最后，这些工作在人力参与的情况下具有易错性，人类虽然是万物的灵长，但是在这些重复、不需要思考的工作中不能保证标准和质量； 根据上面的例子和我们总结出的特性，我们大概可以确定自动化的定义： 照猪画八戒，我们就可以确定WEB自动化的定义： WEB测试中

1. 在IE6元素浮动，如果宽度需要内容撑开，就给里面的块元素加浮动。 2. IE6下最小高度问题：在IE6下元素高度小于19px的时候，会被当作19px处理。解决方案：给元素加 overflow:hidden。 3. border：1px dotted #000: 1px dotted 在IE6下不支持 解决方案：切背景平铺 4. margin传递：解决方案：a.父级或自己浮动; b.给元素加 overflow:hidden;zoom:1; 5. 在IE6下父级有边框的时候，子元素的margin值消失。解决方案：触发父级haslayout(haslayout触发：zoom:1) 6. IE6下的双边距bug：在IE6下，块元素有浮动和横向的margin值，横向的margin值会被放大成两倍。解决方案：display:inline。 7. 在IE6、7下li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙。解决方案：a.给li加浮动; b.给li加vertical-align:top ; 8. 当IE6下最小高度问题和li的间隙问题共存时给li加vertical-align:top 和浮动。 9. IE6下当一行子元素占有的宽度子和和父级的宽度相差超过3px,或有不满行状态的时候，margin-bottom就会失效。解决方案：无 （自己注意避免）。 10.

从VSAN 6.0起，VSAN提供了Health Check功能，其中就包括VSAN HCL数据库，通过此运行状况检查验证用于 HCL 检查的 VMware 兼容性指南数据库是否是最新的。这些 VCG 检查并非根据 VMware 网站上的 HCL 执行，而是根据存储在 vCenter Server 上的副本执行。运行状况功能的初始版本随发布当时最新的 HCL 数据库的副本提供。随着时间的推移，此数据库副本将过时。 向 VCG 添加合作伙伴的新认证后尤其如此。 硬件供应商会定期更新驱动程序，VMware 会为这些驱动程序添加认证。甚至可能会从 VCG 删除旧驱动程序以反映发现的问题。 因此，保持本地副本是最新版本非常重要。 在VSAN的配置中的运行状况，可以看到HCL数据库的上次更新日期，同时右侧有两种更新方式，如果你的环境中允许vCenter Server连接到互联网可以定期联网获取最新版本，如果环境中不允许联网，这时候可以通过离线的文件进行更新；问题是这个离线的数据库在哪里下载？ 下载离线VSAN HCL文件实际上只是一个JSON文件,你只需要上面的URL加载到web浏览器,然后保存文件。 在浏览器中打开以下网址: http://partnerweb.vmware.com/service/vsan/all.json 打开后如下

电磁兼容性EMC（Electro Magnetic Compatibility），是指设备或系统在其电磁环境中符合要求运行并不对其环境中的任何设备产生无法忍受的电磁干扰的能力。因此，EMC包括两个方面的要求：一方面是指设备在正常运行过程中对所在环境产生的电磁干扰不能超过一定的限值；另一方面是指器具对所在环境中存在的电磁干扰具有一定程度的抗扰度，即电磁敏感性。 来源： CSDN 作者： k_eleven_ 链接： https://blog.csdn.net/k_eleven_/article/details/104173561

目录 1.Web链接概述 1.1 什么是超文本、超文本标记语言、超文本传输协议、超链接 1.2 超链接分类 1.3超链接测试目标 1.4死链接工具xenu 1.5Xenu检测过程 1.6 Xenu检测报告 1.7 执行步骤 2.兼容性测试 2.1 浏览器统计使用：https://tongji.baidu.com/research/site 2.2 浏览器测试方法 2.3 浏览器兼容性 2.4 浏览器兼容性测试点 2.5 浏览器兼容性测试工具 1.Web链接概述 1.1 什么是超文本、超文本标记语言、超文本传输协议、超链接 超文本(HyperText)：是超级文本的中文缩写。将各种不同空间的(文字、图片、视频、电子邮件) 信息组织 在一起的网状文本。 超文本标记语言(HTML)：就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素，标记（标签）构成的语言。 超文本传输协议(HTTP):是一个简单的请求-响应协议，它通常运行在TCP之上。 超链接(HL):某超文本文档中的元素，与另一个超文本、文件或脚本的不同元素之间的连接。 1.2 超链接分类 1.3超链接测试目标 测试所有链接是否按照指示的那样确实链接到了该链接的页面 测试所链接的页面是否存在 确保Web应用系统上没有孤立的页面存在 1.4死链接工具xenu 免费 简单，简洁的用户界面 小，可执行文件小于1MB 支持SSL网站