兼容性

有关苹果电脑兼容性方面的问题，从mac一出现时就一直存在，目前也不可能一下子解决这方面的问题，所以用户只有想办法解决面临的状况，才能更好地使用mac。 　　如何才能解决mac系统兼容性问题呢？ 　　现在市场中的软件一般都是使用在windows平台上的软件，正是因为这样所以很多软件不能在mac系统中安装使用，但windows系统是我们从很早之前就开始接触的，它的市场占有率一直是最大的，所以市场中推出的软件也是根据它的系统进行研发推出的，想要改变这一现象显然是十分困难的，毕竟现在在国内使用苹果电脑的人群远远没有PC机多。此时，mac用户想要解决问题只能考虑将windows系统运行在mac上。这时使用什么方法在 苹果电脑上安装windows系统 是用户最先考虑的事。 　　小编认为对于大部分用户来说，使用虚拟机在苹果电脑上实现安装是最简单的，用户想要使用时能直接启动它。之前有不少用户想要在mac系统中进行分区安装，但这种方法使用起来十分麻烦，所以不建议使用。 　　 　　图：windows虚拟机界面 　　目前，最令mac用户喜欢的虚拟机就是pd虚拟机（parallels desktop），这款软件能够实现多种操作系统的安装，windows、Linux 等均可进行安装，所以我们能够实现的功能有很多。关于 mac虚拟机 教程，在官网中有很详细的操作步骤还有视频教程

我测试了一下css flex的兼容性 已经可以兼容到IE10了呀 为啥MDN上面的IE兼容性还是兼容到IE11 有点更新不及时的感觉 来源： https://www.cnblogs.com/lwwen/p/11718210.html

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

HTML2.HTML5刚发布时由于各浏览器之间的标准不统一，开发者的时间都浪费在解决Web浏览器之间的兼容性上。但由于W3C和WHATWG对HTML5新版本的制定，以及近年来对HTML5的使用，再加上各大浏览器鼎力支持，已经有非常丰富的兼容性解决方案，多数应用HTML5在老版本的浏览器上也可以正常运行，正是因为保障了兼容性才能让人毫不犹豫的用HTML5开发网站。HTML5内部并没有封装什么很复杂的、不切实际的功能，而是封装了简单实用的功能，HTML5内部功能不是革命性的而是发展性的，并不代表HTML4创建出来的网站必须全部要重建，只会要求各Web浏览器今后能正常运行用HTML5开发出来的功能。最新版本的Safari、Chrome、Firefox以及Opera支持某些HTML5特性。IE 9将支持某些HTML5特性，IE10将全面支持HTML5。IE8及以下IE版本对HTML5标签的支持是有限的，我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5部分常用功能支持的问题。让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript代码，Opera，FireFox等其他非IE浏览器就会忽视这段代码。 上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用html5.js文件必须添加在页面的head元素内

1.iOS手机input框无法输入问题？ *:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none; } input{ -webkit-user-select: text !important; } 2.iOS手机使用fixed定位时，滑动滚动条时顶部定位的框会出现跟随滚动，之后又回到原位的情况？ 　　头部使用fixed定位，其余部分使用absolute定位 3.iOS手机背景图片使用margin定位，会出现一层灰色的层？ 　　使用fixed定位解决 来源： https://www.cnblogs.com/advanceCabbage/p/11634092.html

一是理论上的性能差异；二是浏览器兼容性的差异。 性能差异： 【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。 【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。 兼容性差异： 兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在win、win7、vista 的XP主题下均会出现此情况。 【border:none;】当border为“none”时似乎对IE6/7无效边框依然存在， 来源： https://www.cnblogs.com/linqiandu/p/11577792.html

为什么需要Lottie 在相对复杂的移动端应用中，我们可能会需要使用到复杂的帧动画。例如： 刚进入APP时候可能会看到的入场小动画，带来愉悦的视觉享受 许多Icon的互动变化比较复杂多变的时候，研发复现成本高 总而言之，我们的难题是： 这些事情如果给我们用CSS3（Web）或者Animated（RN）去实现是非常棘手的，而且因为研发人员和设计师之间本身无法做到心灵相通，导致如果全部交给研发者完成效果，做出来的结果往往也不能让设计师满意。同时开发成本实在太高太高。 诶？ 那我们想，能不能把所有的动画交给设计师用设计工具（如AE）去做这些工作，然后直接导出一个文件给开发者去使用呢？如果这样，设计师就能完全独立自主，而开发者只要像“引用一张图片”那样去用这个动画就好了呀。 对，Lottie这个工具做的就是这件事。 Lottie动画简介 Lottie是一个用于Web和iOS（Android）的移动库，用于解析使用 Bodymovin 导出为json的 Adobe After Effects 动画，并在移动设备上呈现它们。设计师第一次可以创建和运送漂亮的动画，而无需工程师手工重新创建。 引用原文 Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as

为自己也为你努力的第一天 大体思路： 1、 确定运行在哪些浏览器，以及运行最低版本。 2、 确定在这些版本上有哪些兼容问题需要去处理-这个不需要自已取摸索，前人总结了很多啦 3、 兼容问题有没有前人整理过的直接可以使用的类库及注意点 具体： 1.可用normalize.css等，它已经解决了大部分兼容性问题；参考normalize源码，看解决了哪些兼容性问题： https://github.com/necolas/normalize.css/blob/master/normalize.css 2.具体问题具体解决，实在不行，就使用css hack 参考文章： https://blog.csdn.net/dayu9216/article/details/70225261 来源： https://www.cnblogs.com/celine-huang/p/11512044.html

1.问：你在测试中发现了一个 bug ，但是开发经理认为这不是一个 bug ，你应该怎样解决？ 首先，将问题提交到缺陷管理库里面进行备案。然后，要获取判断的依据和标准：根据需求说明书、产品说明、设计文档等，确认实际结果是否与计划有不一致的地方，提供缺陷是否确认的直接依据；如果没有文档依据，可以根据类似软件的一般特性来说明是否存在不一致的地方，来确认是否是缺陷；根据用户的一般使用习惯，来确认是否是缺陷；与设计人员、开发人员和客户代表等相关人员探讨，确认是否是缺陷；合理的论述，向测试经理说明自己的判断的理由，注意客观、严谨，不参杂个人情绪。等待测试经理做出最终决定，如果仍然存在争议，可以通过公司政策所提供的渠道，向上级反映，并有上级做出决定。 2.问：给你一个网站，你如何测试？ 首先，查找需求说明、网站设计 等相关文档，分析测试需求。制定测试计划，确定测试范围和测试策略，一般包括以下几个部分：功能性测试；界面测试；性能测试；数据库测试；安全性测试；兼容性测试设计测试用例。 功能性测试 可以包括，但不限于以下几个方面：链接测试。链接是否正确跳转，是否存在空页面和无效页面，是否有不正确的出错信息返回等。提交功能的测试。多媒体元素是否可以正确加载和显示。多语言支持是否能够正确显示选择的语言等。界面测试可以包括但不限于一下几个方面：页面是否风格统一，美观页面布局是否合理

1 background: -webkit-linear-gradient(left, #0f0f0f, #0c0c0c, #272727); 2 /* Safari 5.1 - 6.0 */ 3 background: -o-linear-gradient(left, #0f0f0f, #0c0c0c, #272727); 4 /* Opera 11.1 - 12.0 */ 5 background: -moz-linear-gradient(left, #0f0f0f, #0c0c0c, #272727); 6 /* Firefox 3.6 - 15 */ 7 background: linear-gradient(to right, #0f0f0f, #0c0c0c, #272727); 8 /* 标准的语法 */ 来源： https://www.cnblogs.com/1234wu/p/11426258.html