精华内容
下载资源
问答
  • GB_T 17626.1-2006电磁兼容 试验和测量技术 抗扰度试验总论.pdf GB_T 17626.2-2018电磁兼容 试验和测量技术 静电放电抗扰度试验.pdf GB_T 17626.3-2016电磁兼容 试验和测量技术 射频电磁场辐射抗扰度试验.pdf GB_T ...
  • Windows Edge 启动提示兼容性问题:【一个不兼容的软件尝试与Microsoft Edge一起加。。。】 错误代码:STATUS_INVALID_IMAGE_HASH 解决方法:通过新增注册表项,使edge与其添加的插件能同时启动
  • 电磁兼容培训杨继深教授讲稿
  • vc++6.0win10完全兼容

    2017-12-15 15:41:50
    兼容win10的vc++6.0,适合学生以及初学者win10不兼容的情况,免去重装系统的麻烦
  • easyui新版本不再兼容IE8及以下版本。 低版本的easyui也不能使用太高版本的jquery。 so,备份一份可以在有需要兼容IE8-的项目里使用的组合。
  • JavaScript Html导出Excel文件(兼容所有浏览器),现网络上首个JavaScript Html代码块导出Excel文件,兼容全部浏览器导出Excel文件的Demo,可设置Excel文件名
  • svg环形进度条兼容ie8

    热门讨论 2015-06-24 09:51:27
    兼容ie8的svg环形进度条,非常好用,带delay效果
  • Oracle兼容性列表

    2014-01-20 23:05:26
    关于Oracle各版本服务器端、客户端连接兼容性,详细说明。从7.3-11.2。
  • 文章目录系统测试概述功能测试性能测试负载测试压力测试性能测试、压力测试、负载测试的关系兼容性测试安全测试健壮性测试配置测试可用性测试文档测试 系统测试概述 系统测试的定义 将已经集成好的软件系统,作为...

    系统测试概述

    • 系统测试的定义
      • 将已经集成好的软件系统,作为整个计算机系统的一个元素,与计算机硬件、外设、某些支持软件、数据和人员等其它系统元素结合在一起,在实际运行(使用)环境下, - 对计算机系统进行一系列测试活动。
    • 根本任务
      • 证明被测系统的功能和结构的稳定性;还要有一些非功能测试:性能测试、压力测试、可靠性测试等等。
    • 目的
      • 确保软件产品能够被用户或操作者接受。
    • 系统测试属于黑盒测试范畴,不再对软件的源代码进行分析和测试。
    • 系统测试的组织
      • 系统测试主要是由质量部门的测试工程师来主导工作。
        • 测试组组长:组织测试;
        • 测试分析员:负责设计和实现测试脚本和测试用例;
        • 测试者:负责执行测试脚本中记录的测试用例。
      • 系统测试员和用户
        • 相似的地方
          • 都是使用软件,一般不接触软件的代码
          • 都是假设软件应该正确实现说明书的功能
        • 不同的地方
          • 使用软件的目的
          • 对待错误
    • 系统测试的内容
      • 功能特性的测试:功能测试、用户界面测试、安装/卸载测试、可使用性测试。
      • 非功能特性的测试:性能测试、负载测试、压力测试、疲劳测试、安全测试、恢复测试、兼容性测试、可靠性测试、强度测试、容量测试、配置测试。

    功能测试

    功能测试(Functional Test)是在规定的一段时间内运行软件系统的所有功能,以验证这个软件系统有无严重错误。

    • 目标
      • 检验产品功能是否正确实现
    • 内容
      • 正常功能、异常功能、边界测试、界面测试、接口测试、安全测试、错误处理测试等。
    • 依据
      • 需求规格说明书
    • 方法
      • 黑盒测试
        在这里插入图片描述

    性能测试

    性能测试(Performance Testing)通过自动化的测试工具模拟多种正常、峰值以及异常负载条件来对系统的各项性能指标进行测试。

    • 目标
      • 对产品的性能进行测试,检验是否达标、是否能够保持。
    • 工具
      • 在需要大访问量时候尤其需要使用工具。
      • 并发性能测试工具 (load—负载)
        • LoadRunner、 QALoad、 SilkPerformer、 WebLoad
    • 用户视角的软件性能
      • 从用户角度来说,软件性能就是软件对用户操作的响应时间。
    • 系统管理员视角的软件性能
      • 系统的响应时间;
      • 系统运行时服务器的状态,如CPU利用情况、内存使用情况等;
      • 系统是否能够实现扩展;
      • 系统支持多少用户访问;
      • 系统性能可能的瓶颈在哪里;
      • 系统是否支持7*24小时的业务访问。
    • 软件性能指标
      • 并发用户
        • 一给定时间内,某个时刻与服务器同时进行会话操作的用户数。
      • 响应时间
        • 客户端发出请求到得到服务器返回结果的整个过程所经历的时间。
      • 吞吐量
        • 单位时间内系统处理的客户请求的数量
        • 一般来说,吞吐量用请求数/秒或页面数/秒来衡量。
        • 从业务的角度,吞吐量也可以用访问人数/天或处理的业务数/小时等单位来衡量。
        • 从网络的角度来说,也可以用字节数/天等单位来考察网络流量。
      • 资源利用率
        • 指系统资源的使用程度,比如服务器的CPU利用率、内存利用率、磁盘利用率、网络带宽利用率等。
    • 软件性能要素
      • 环境要素
        • 软件、硬件、网络
      • 业务要素
        • 用户数、执行功能、数据量
      • 在使用性能指标描述软件的性能特征时,应该给出明确的软件性能要素,否则,所给出的性能指标无法参考。
    • 性能测试用例的设计:主要是通过改变模拟的业务因素来测试软件的性能。
      • 并发用户数
        • 精算法
          在这里插入图片描述
        • 估算法
          在这里插入图片描述
        • 经验值
          • 对于一些系统,可以通过同类软件系统的用户数据来估算,这种估算可以通过类似系统的日志分析和问卷调查来进行。
      • 吞吐量
      • 基于业务的设计

    负载测试

    • 定义
      • 数据在超负荷环境下运行,测试软件系统是否能够承担。这种超负荷主要指多并发用户。
    • 方法
      • 人为生成大数据量,并利用工具模拟频繁并发访问
    • 工具
      • 一般需要使用自动化工具
    • 考察指标
      • 响应时间、交易容量、资源使用率等

    压力测试

    • 定义
      • 指系统不断施加越来越大的负载(并发,循环操作,多用户,网络流量)的测试。
    • 目标
      • 通过确定一个系统的瓶颈或者不能接收的性能点,来确定系统能提供的最大服务级别的测试。

    性能测试、压力测试、负载测试的关系

    • 性能测试是正常情况下的性能指标;
    • 压力测试是测试系统的瓶颈所在;
    • 负载测试是指系统重负荷性能指标;
    • 性能测试、压力测试、负载测试在广义上讲都是性能测试的内容,建议将三种测试结合起来并行进行。

    兼容性测试

    • 定义
      • 测试软件在一个特定的硬件、软件、操作系统、网络等环境下系统能否正常运行。
    • 目的
      • 检验被测软件对其他应用软件或者其他系统的兼容性。

    安全测试

    • 定义
      • 安全测试检测系统对非法入侵的防范能力。
    • 应用程序级别的安全性测试
    • 数据库安全性测试
    • 系统级别的安全性测试

    健壮性测试

    • 定义
      • 又称为容错测试。主要检查系统容错能力。当系统出错时,能否在指定的时间间隔内修正错误并重启系统。
    • 方法
      • 容错测试首先要通过各种手段让软件系统强制发生故障,然后验证系统能否快速恢复。

    配置测试

    • 定义
      • 配置测试将验证软件与其所依赖硬件环境的依赖程度。
    • 测试中的硬件环境指进行测试所必需的服务器、客户端、网络连接设备,以及打印机、扫描仪等辅助硬件设备所构成的环境。
    • 所有软件都需向用户说明其运行的硬件环境,对于多层结构的软件系统来说,需要分别说明其服务器、客户端以及网络所需的环境。

    可用性测试

    可用性测试是面向用户的系统测试。让一群有代表性的用户尝试对产品进行典型操作,- - 同时观察员和开发人员在一旁观察,聆听,做记录。

    • 系统中是否存在繁琐的功能以及指令;
    • 安装过程是否复杂;
    • 错误信息提示内容是否详细;
    • GUI接口是否标准;
    • 登录是否方便;
    • 需要用户记住内容的多少;
    • 帮助文本是否详细;

    文档测试

    • 定义
      • 文档测试是对系统提交给文档进行验证,它要求检查系统的文档是否齐全。
    • 文档的种类
      • 包括联机帮助文档或用户手册,指南和向导,
      • 安装、设置指南,示例及模板,错误提示信息,
      • 用于演示的图像和声音,
      • 授权/注册登记表及用户许可协议,
      • 软件的包装、广告宣传材料等。
    展开全文
  • 向下兼容、向上兼容、向前兼容、向后兼容四个概念之间的关联与联系: 向上兼容等同于作向前兼容,向下兼容等同于向后兼容。主流使用的是向前兼容和向后兼容。向后兼容中“后”指“落后”,站在新版本的立场讨论过去...

    解析

    向下兼容、向上兼容、向前兼容、向后兼容四个概念之间的关联与联系:

    向上兼容等同于作向前兼容,向下兼容等同于向后兼容。主流使用的是向前兼容和向后兼容。向后兼容中“后”指“落后”,站在新版本的立场讨论过去版本的兼容性问题。向前兼容中“前”指“前进”,表示未来的事情,站在旧版本的立场讨论未来版本的兼容性问题。

    来源

    向后兼容(Backward compatibility)

    Backward compatibility is the capability of interoperating with older systems. In telecommunications and computing, a product or technology is backward or downward compatible if it can work with input generated by an older product or technology. If products designed for the new standard can receive, read, view or play older standards or formats, then the product is said to be backward-compatible; examples of such a standard include data formats and communication protocols. The reverse is forward compatibility, which implies that old devices allow data formats generated by new devices, perhaps without supporting all new features. A standard supports forward compatibility if older product versions can receive, read, view, or play the new standard. For example, the introduction of FM stereo transmission allowed backward compatibility since new FM radio receivers could receive monaural signals generated by old transmitters. It also allowed forward compatibility, since old monaural FM radio receivers could still receive a signal from a new transmitter. In programming languages, backward compatibility refers to the ability of a compiler for version N of the language to accept programs or data that worked under version N - 1. By this definition, if previous versions were also backward compatible, which is often the case, then, by induction, version N will also accept input that worked under any prior version after, and including, the latest one that was not backward compatible. However, in practice, features are often deprecated and support is dropped in a later release, which is yet thought of as backward compatible.
            Backward compatibility is important because it eliminates the need to start over when you upgrade to a newer product. A backward-compatible word processor, for instance, allows you to edit documents created with a previous version of the program. In general, manufacturers try to keep all their products backward compatible. Sometimes, however, it is necessary to sacrifice backward compatibility to take advantage of a new technology.
            The flip side of backward compatibility is upward compatibility. Upward compatible is the same as backward compatible, except that it is from the point of view of the older model.

    向前兼容(Forward compatibility)

            Forward compatibility is the capability of interoperating with anticipated future systems. Forward compatibility aims at the ability of a design to gracefully accept input intended for later versions of itself. The concept can be applied to entire systems, electrical interfaces, telecommunication signals, data communication protocols, file formats, and computer programming languages. A standard supports forward compatibility if older product versions can receive, read, view, play or execute the new standard. The applicability of a forward compatible system with new versions requires not only the respecting of the older version by the designers of the newer version but additionally some agreement on future design features with the design freeze of current versions. The introduction of a forward compatible technology implies that old devices partly can understand data generated by new devices.
    forward compatibility and extensibility:
            Although the concepts of forward compatibility and extensibility are similar, they are not the same. A forward compatible design can accept data from a future version of itself and pick out the "known" part of the data. An example is a text-only word processor ignoring picture data from a future version. An extensible design is one that can be upgraded to fully handle the new data in the newer input format. An example is a text-only word processor that can be upgraded to handle picture data.
            Forward compatibility is a design principle in which a program or piece of hardware is developed to remain functional in the future with new software or devices. For example, a computer program is typically written in code that allows it to work with an Operating System (OS) and hardware that is current at the time of its release. A developer creating a program with forward compatibility in mind tries to ensure that it will also be able to function several years later with a new OS and different hardware. This can be quite difficult to ensure, however, though certain methods can be used to make the process simpler.

    说明

    向后兼容中“后”指“落后”,而不是“后来”,表示过去的事情,站在新版本的立场讨论过去版本的兼容性问题。向前兼容中“前”指“前进”,而不是“以前”,表示未来的事情,站在旧版本的立场讨论未来版本的兼容性问题。
            微软网站对“向后兼容”和“向前兼容”的理解:
          (1)向后兼容。2007 Microsoft Office 系统向后兼容下列早期版本:Microsoft Office 2000、Microsoft Office XP 和 Microsoft Office 2003。这些版本的用户可以轻松地采用新的格式,并继续从现有文件中获得最大的益处。特别是他们还可以继续使用旧的 .doc、.xls 和 .ppt 二进制格式,这些格式与 2007 文件格式完全兼容。
          (2)向前兼容。应用程序的早期版本能够打开较新版本中的文件并忽略早期版本中未实现的功能。例如,Word 2003 向前兼容 Word 2007,因为它能够成功地使用转换器打开 Word 2007 文件。

    向上兼容(Upward Compatible)

    向上兼容(Upward Compatible),又称作向前兼容(Foreward Compatibility)。在计算机中指在较低档计算机上编写的程序,可以在同一系列的较高档计算机上运行,或者在某一平台的较低版本环境中编写的程序可以在较高版本的环境中运行,都称为向上兼容,前者是硬件兼容,而后者是软件兼容。例如,基于Intel386的PC兼容机上所有的软件也可以运行在486或更高的机型上。向上兼容具有非常重要的意义,一些大型软件的开发,工作量极大,如这些软件都能做到兼容,则无需在其它机器上重新开发,就可节省庞大的人力和物力。

    向下兼容(Downward Compatible)

    向下兼容(Downward Compatibility),又称作向后兼容(Backward Compatibility)。在计算机中指在一个程序或者类库更新到较新的版本后,旧的版本程序创建的文档或系统仍能被正常操作或使用,或在旧版本的类库的基础上开发的程序仍能正常编译运行的情况。例如较高档的计算机或较高版本的软件平台可以运行较为低档计算机或早期的软件平台所开发的程序,如基于Pentium微处理器的PC兼容机可以运行早期在486上运行的全部软件。向下兼容可以使用户在进行软件或硬件升级时,厂商不必为新设备或新平台从头开始编制应用程序,以前的程序在新的环境中任然有效。

    对于软件来说,向下兼容的意思是,较高版本的程序能顺利处理较低版本程序的数据。拿著名的动画制作软件 Flash的两个版本 Flash 5(老版本)与 Flash MX 2004(新版本)来说,这两个版本虽然保存出来的文件都是 .fla,可是文件内容的结构有所不同。尽管如此,Flash MX 2004 仍然能处理 Flash 5 保存的 fla 文件,我们就说 Flash MX 2004 是向下兼容的。而Flash 5不能处理Flash MX 2004保存的fla文件,我们就说Flash 5不支持向上兼容
     

     

     

     

     

     

     

     


     

    展开全文
  • 电磁兼容技术之产品研发与认证

    热门讨论 2014-08-09 17:21:39
    电磁兼容技术之产品研发与认证是关于电磁兼容方面的一本书,是一本相当不错的书。
  • 致WEB前端开发者:IE6-IE11兼容性问题列表及解决办法
  • 浏览器兼容 谷歌IE8.js,IE9.js下载

    热门讨论 2016-01-29 16:29:26
    浏览器兼容 谷歌IE8.js,IE9.js下载
  • ie8以下浏览器不兼容jquery解决方案
  • Microsoft SQL Server 2005 向后兼容组件

    热门讨论 2012-12-04 19:42:40
    (Microsoft SQL Server 2005 向后兼容组件) SQL Server Backward Compatibility 包中包含 最新版本的 Data Transformation Services 2000 运行时 (DTS)、SQL 分布式管理对象 (SQL-DMO)、 决策支持对象 (DSO) 和 ...
  • 简要辨析向下兼容、向上兼容、向前兼容、向后兼容四个概念之间的关联与联系。简言之,向上兼容等同于作向前兼容,向下兼容等同于向后兼容。主流使用的是向前兼容和向后兼容。向后兼容中“后”指“落后”,站在新版本...

    摘要:

    简要辨析向下兼容、向上兼容、向前兼容、向后兼容四个概念之间的关联与联系。简言之,向上兼容等同于作向前兼容,向下兼容等同于向后兼容。主流使用的是向前兼容和向后兼容。向后兼容中“后”指“落后”,站在新版本的立场讨论过去版本的兼容性问题。向前兼容中“前”指“前进”,表示未来的事情,站在旧版本的立场讨论未来版本的兼容性问题。

    正文:

    向后兼容(Backward compatibility)

            Backward compatibility is the capability of interoperating with older systems. In telecommunications and computing, a product or technology is backward or downward compatible if it can work with input generated by an older product or technology. If products designed for the new standard can receive, read, view or play older standards or formats, then the product is said to be backward-compatible; examples of such a standard include data formats and communication protocols. The reverse is forward compatibility, which implies that old devices allow data formats generated by new devices, perhaps without supporting all new features. A standard supports forward compatibility if older product versions can receive, read, view, or play the new standard. For example, the introduction of FM stereo transmission allowed backward compatibility since new FM radio receivers could receive monaural signals generated by old transmitters. It also allowed forward compatibility, since old monaural FM radio receivers could still receive a signal from a new transmitter. In programming languages, backward compatibility refers to the ability of a compiler for version N of the language to accept programs or data that worked under version N - 1. By this definition, if previous versions were also backward compatible, which is often the case, then, by induction, version N will also accept input that worked under any prior version after, and including, the latest one that was not backward compatible. However, in practice, features are often deprecated and support is dropped in a later release, which is yet thought of as backward compatible.
            Backward compatibility is important because it eliminates the need to start over when you upgrade to a newer product. A backward-compatible word processor, for instance, allows you to edit documents created with a previous version of the program. In general, manufacturers try to keep all their products backward compatible. Sometimes, however, it is necessary to sacrifice backward compatibility to take advantage of a new technology.
            The flip side of backward compatibility is upward compatibility. Upward compatible is the same as backward compatible, except that it is from the point of view of the older model.
    向前兼容(Forward compatibility)
            Forward compatibility is the capability of interoperating with anticipated future systems. Forward compatibility aims at the ability of a design to gracefully accept input intended for later versions of itself. The concept can be applied to entire systems, electrical interfaces, telecommunication signals, data communication protocols, file formats, and computer programming languages. A standard supports forward compatibility if older product versions can receive, read, view, play or execute the new standard. The applicability of a forward compatible system with new versions requires not only the respecting of the older version by the designers of the newer version but additionally some agreement on future design features with the design freeze of current versions. The introduction of a forward compatible technology implies that old devices partly can understand data generated by new devices. 
    forward compatibility and extensibility:
            Although the concepts of forward compatibility and extensibility are similar, they are not the same. A forward compatible design can accept data from a future version of itself and pick out the "known" part of the data. An example is a text-only word processor ignoring picture data from a future version. An extensible design is one that can be upgraded to fully handle the new data in the newer input format. An example is a text-only word processor that can be upgraded to handle picture data.
            Forward compatibility is a design principle in which a program or piece of hardware is developed to remain functional in the future with new software or devices. For example, a computer program is typically written in code that allows it to work with an Operating System (OS) and hardware that is current at the time of its release. A developer creating a program with forward compatibility in mind tries to ensure that it will also be able to function several years later with a new OS and different hardware. This can be quite difficult to ensure, however, though certain methods can be used to make the process simpler.
    总结:
            向后兼容中“后”指“落后”,而不是“后来”,表示过去的事情,站在新版本的立场讨论过去版本的兼容性问题。向前兼容中“前”指“前进”,而不是“以前”,表示未来的事情,站在旧版本的立场讨论未来版本的兼容性问题。
            微软网站对“向后兼容”和“向前兼容”的理解:
          (1)向后兼容。2007 Microsoft Office 系统向后兼容下列早期版本:Microsoft Office 2000、Microsoft Office XP 和 Microsoft Office 2003。这些版本的用户可以轻松地采用新的格式,并继续从现有文件中获得最大的益处。特别是他们还可以继续使用旧的 .doc、.xls 和 .ppt 二进制格式,这些格式与 2007 文件格式完全兼容。
          (2)向前兼容。应用程序的早期版本能够打开较新版本中的文件并忽略早期版本中未实现的功能。例如,Word 2003 向前兼容 Word 2007,因为它能够成功地使用转换器打开 Word 2007 文件。

    向上兼容(Upward Compatible)
    向上兼容(Upward Compatible),又称作向前兼容(Foreward Compatibility)。在计算机中指在较低档计算机上编写的程序,可以在同一系列的较高档计算机上运行,或者在某一平台的较低版本环境中编写的程序可以在较高版本的环境中运行,都称为向上兼容,前者是硬件兼容,而后者是软件兼容。例如,基于Intel386的PC兼容机上所有的软件也可以运行在486或更高的机型上。向上兼容具有非常重要的意义,一些大型软件的开发,工作量极大,如这些软件都能做到兼容,则无需在其它机器上重新开发,就可节省庞大的人力和物力。

    向下兼容(Downward Compatible)
    向下兼容(Downward Compatibility),又称作向后兼容(Backward Compatibility)。在计算机中指在一个程序或者类库更新到较新的版本后,旧的版本程序创建的文档或系统仍能被正常操作或使用,或在旧版本的类库的基础上开发的程序仍能正常编译运行的情况。例如较高档的计算机或较高版本的软件平台可以运行较为低档计算机或早期的软件平台所开发的程序,如基于Pentium微处理器的PC兼容机可以运行早期在486上运行的全部软件。向下兼容可以使用户在进行软件或硬件升级时,厂商不必为新设备或新平台从头开始编制应用程序,以前的程序在新的环境中任然有效。
    对于软件来说,向下兼容的意思是,较高版本的程序能顺利处理较低版本程序的数据。拿著名的动画制作软件 Flash的两个版本 Flash 5(老版本)与 Flash MX 2004(新版本)来说,这两个版本虽然保存出来的文件都是 .fla,可是文件内容的结构有所不同。尽管如此,Flash MX 2004 仍然能处理 Flash 5 保存的 fla 文件,我们就说 Flash MX 2004 是向下兼容的。而Flash 5不能处理Flash MX 2004保存的fla文件,我们就说Flash 5不支持向上兼容。

    西安电子科技大学的《计算机体系结构》的考题答案中给出兼容性的定义:
    (1)向上(下)兼容指的是按某档机器编制的软件,不加修改就能运行于比它高(低)档的机器上。
    (2)向前(后)兼容指的是按某个时期投入市场的该型号机器上编制的软件,不加修改就能运行于比它前(后)投入市场的机器上。
    展开全文
  • jsp浏览器的兼容

    热门讨论 2012-11-13 13:48:27
    此文档帮助jsp开发人员解决在各浏览器中不兼容问题,提出解决方法;此文档可解决Firefox,谷歌,百度和IE6/7/9浏览器的兼容问题
  • 前端常见浏览器兼容性问题解决方案

    万次阅读 多人点赞 2020-10-20 11:49:10
    所以浏览器兼容性问题一般指:css兼容、js兼容 浏览器 内核(渲染引擎) Chrome谷歌 之前Webkit,已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋 现已改用Google Chrome...

    前言:

    不同浏览器的内核不尽相同,所以各个浏览器对网页的解析存在一定的差异。
    浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎
    所以浏览器兼容性问题一般指:css兼容、js兼容

    浏览器内核(渲染引擎)
    Chrome谷歌之前Webkit,已改Blink内核
    FireFox火狐Gecko
    Safari苹果Webkit
    IETrident
    Opera欧朋现已改用Google Chrome的Blink内核

    一、css兼容


    1. 不同浏览器的标签默认的margin和padding不同

    问题症状: 随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。

    碰到频率: 100%

    解决方案:

    1. CSS里 *{margin:0;padding:0;} 但是性能不好
    2. 一般我们会引入reset.css样式重置;

    备注: 这个是最常见的也是最易解决的一个浏览器兼容性问题,所有的CSS文件开头都会用样式重置各个标签的内外补丁是0。


    2. css3新属性,加浏览器前缀兼容早期浏览器

    -moz- /* 火狐浏览器 /
    -webkit- /
    Safari, 谷歌浏览器等使用Webkit引擎的浏览器 /
    -o- /
    Opera浏览器(早期) /
    -ms- /
    IE */

    哪些css3属性需要加:

    定义关键帧动画 @keyframes
    css3中的变形(transform)、过渡(transtion)、动画(animation)
    border-radius 圆角
    box-shadow  盒子阴影
    flex  弹性布局
    ....
    

    使用:

    
    .myClass {
    	-webkit-animation-name: fadeIn;
    	-moz-animation-name: fadeIn;
    	-o-animation-name: fadeIn;
    	-ms-animation-name: fadeIn;
    	animation-name: fadeIn;  /* 不带前缀的放到最后 */
    }
    /* 复杂属性 keyframes */
    @-webkit-keyframes fadeIn {
    	0% { opacity: 0; } 100% { opacity: 0; }
    }
    @-moz-keyframes fadeIn {
    	0% { opacity: 0; } 100% { opacity: 0; }
    }
    @-o-keyframes fadeIn {
    	0% { opacity: 0; } 100% { opacity: 0; }
    }
    @-ms-keyframes fadeIn {
    	0% { opacity: 0; } 100% { opacity: 0; }
    }
    /* 不带前缀的放到最后 */
    @keyframes fadeIn {
    	0% { opacity: 0; } 100% { opacity: 0; }
    }
    

    3. 块属性标签float后,又有横行的margin情况下,IE 浏览器margin加倍的问题

    问题症状: 常见症状是IE6中后面的一块被顶到下一行

    解决方案: 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;

    <divid=”imfloat”>
    相应的css为
    # imfloat{
    float:left;
    margin:5px;//IE下理解为10px
    display:inline;//IE下再理解为5px}
    
    

    备注: 我们最常用的就是div+CSS布局了,而div就是一个典型的块属性标签,横向布局的时候我们通常都是用div float实现的,横向的间距设置如果用margin实现,这就是一个必然会碰到的兼容性问题。


    4. 设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度
    问题症状: 设置div高度小于10px,IE6、7和遨游里div的高度,超出自己设置的10px.

    碰到频率: 60%

    解决方案:

    1. 给超出高度的标签设置overflow:hidden;
    2. 或者设置行高line-height 小于你设置的高度。

    备注: 这种情况一般出现在我们设置小圆角背景的标签里。出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的行高的高度。即使你的标签是的,这个标签的高度还是会达到默认的行高


    5. 行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,IE6间距bug

    问题症状: IE6里的间距比超过设置的间距

    碰到几率: 20%

    解决方案:display:block;后面加入display:inline;display:table;

    备注: 行内属性标签,为了设置宽高,我们需要设置display:block;(除了input/img标签比较特殊)。在用float布局并有横向的margin后,在IE6下,他就具有了块属性float后的横向margin的bug。不过因为它本身就是行内属性标签,所以我们再加上display:inline的话,它的高宽就不可设了。这时候我们还需要在display:inline后面加入display:talbe


    6. IE浏览器div最小宽度和高度的问题

    问题症状: IE浏览器div最小宽度和高度不生效

    IE不认得min-这个定义,但实际上它把正常的widthheight当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-widthmin-height的话,IE下面根本等于没有设置宽度和高度。

    比如要设置背景图片,这个最小宽度是比较重要的。要解决这个问题,可以这样:

    #box{
      width: 80px;
      height: 35px;
      }
    html>body #box{
     width: auto;
     height: auto; 
     min-width: 80px; 
     min-height: 35px;
     }
    

    7. 超链接访问过后hover样式就不出现的问题

    被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决技巧是改变CSS属性的排列顺序: L-V-H-A

    Code:

    <style type="text/css">
    
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}
    
    </style>
    

    8. 图片默认有间距

    问题症状: 几个img标签放在一起的时候,有些浏览器会有默认的间距,通配符清除间距也不起作用。

    碰到几率: 20%

    解决方案: 使用float属性为img布局(所有图片左浮)

    备注: 因为img标签是行内属性标签,所以只要不超出容器宽度,img标签都会排在一行里,但是部分浏览器的img标签之间会有个间距。去掉这个间距使用float是正道。


    9. css hack解决浏览器兼容性

    不同浏览器,识别不同的样式,csshack本身就是处理浏览器兼容的。
    下面是css hack写法:

    background-color:yellow0; 0 是留给ie8的
    +background-color:pink;   + ie7定了;
    _background-color:orange; _专门留给神奇的ie6;
    

    二、js兼容

    1. 事件绑定

    IE: dom.attachEvent();
    标准浏览器: dom.addEventListener(‘click',function(event){},false);

    标准浏览器采用事件捕获的方式对应IE的事件冒泡机制(即标准由最外元素至最内元素或者IE由最内元素到最外元素)最后标准方亦觉得IE这方面的比较合理,所以便将事件冒泡纳入了标准,这也是addEventListener第三个参数的由来,而且事件冒泡作为了默认值第三值默认false,表示事件冒泡方式。

    如果浏览器不支持 addEventListener()方法, 你可以使用 attachEvent()方法替代。

    以下实例演示了跨浏览器的解决方法:

    var x = document.getElementById("myBtn");
    if (x.addEventListener) {   //所有主流浏览器,ie9+
        x.addEventListener("click", myFunction);
    } else if (x.attachEvent) {      // IE 8 及更早 IE 版本
        x.attachEvent("onclick", myFunction);
    }
    
    

    2. event事件对象问题

        document.onclick=function(ev){//谷歌火狐的写法,IE9以上支持,往下不支持;
            var e=ev;
            console.log(e);
        }
        document.onclick=function(){//谷歌和IE支持,火狐不支持;
            var e=event;
            console.log(e);
        }
        document.onclick=function(ev){//兼容写法;
            var e=ev||window.event;
            var mouseX=e.clientX;//鼠标X轴的坐标
            var mouseY=e.clientY;//鼠标Y轴的坐标
        }
    

    2. event.srcElement(事件源对象)问题
    IE: event对象有srcElement属性,但是没有target属性;
    Firefox: event对象有target属性,但是没有srcElement属性。
    解决方法:

    srcObj = event.srcElement?event.srcElement:event.target;
    

    3. 获取元素的非行间样式值:

    IE: dom.currentStyle[‘width’] 获取元素高度
    标准浏览器: window.getComputedStyle(obj, null)['width'];

    跨浏览器兼容解决方法:

     // 获取元素属性值的兼容写法
      function getStyle(obj,attr){
          if(obj.currentStyle){
             //兼容IE
           obj.currentStyle[attr];
              return obj.currentStyle[attr];
          }else{
             //非IE,
         return window.getComputedStyle(obj, null)[attr]; 
          }
       }
    

    4. 阻止事件冒泡传播:

    //js阻止事件传播,这里使用click事件为例
        document.onclick=function(e){
            var e=e||window.event;
            if (e.stopPropagation) {
                e.stopPropagation();//W3C标准
            }else{
                e.cancelBubble=true;//IE....
            }
        }
    

    5. 阻止事件默认行为:

    //js阻止默认事件   一般阻止a链接href,form表单submit提交
        document.onclick=function(e){
            var e=e||window.event;
            if (e.preventDefault) {
                e.preventDefault();//W3C标准
            }else{
                e.returnValue='false';//IE..
            }
        }
    
    

    6. ajax兼容问题

    IE: ActiveXObject
    其他: xmlHttpReuest

    在IE6以前不是用XMLHttpRequest创建的,所以我们要兼容ie6以前的浏览器要判断他有没有XMLHttpRequest()

    跨浏览器兼容解决方法:

    <script>
    	window.onload = function(){
    		var oBtn = document.getElementById('btn');
    		oBtn.onclick = function(){
    			//1.创建ajax对象
    			//只支持非IE6浏览器
    			var oAjax = null;
    			if(window.XMLHttpRequest){
    				oAjax = new XMLHttpRequest();				
    				//alert(new XMLHttpRequest());
    			}else{
    				//只支持IE6浏览器
    				oAjax = new ActiveXObject("Microsoft.XMLHTTP");	
    			}
    			//2.连接服务器,这里加个时间参数,每次访问地址都不一样,浏览器就不用浏览器里的缓冲了,但
    			//	但服务器那端是不解析这个时间的
    			oAjax.open("get","a.txt?t=" + new Date().getTime(),true);
    			//3.发送
    			oAjax.send(null);		
    			//4.接受信息
    			oAjax.onreadystatechange = function(){
    				//浏览器与服务器之间的交互,进行到哪一步了,当等于4的时候,代表读取完成了
    				if(oAjax.readyState==4){
    					//状态码,只有等于200,代表接受完成,并且成功了
    					if(oAjax.status==200){
    						alert("成功" + oAjax.responseText);	
    					}else{
    						alert("失败");	
    					}	
    				}	
    			};
    				
    		};
    	};
    </script>
    
    
    

    看更多面试题,请点击在这里插入图片描述

    展开全文
  • 为何需要关心二进制兼容性?

    千次阅读 2021-01-28 16:26:59
    源码兼容和二进制兼容的关系 通常来说,破坏源码兼容性也会破坏二进制兼容性,而破坏二进制兼容性,则不一定破坏了破坏源码兼容性。比如在原来的某个方法基础上增加了一个参数,那么这个时候我同时破坏了源码兼容性...
  • jquery 低版本兼容插件

    2013-12-18 11:18:22
    jquery 低版本兼容插件,对于升级为高版本的jquery 1.9 以上版本可以引用 此js对之前的方法进行兼容处理
  • swfupload flash上传兼容所有浏览器
  • 定义 此处先给出百度百科上的定义 向前兼容:是一个以较新版本编译的程序集是否可以在较老版本上执行的问题。 向后兼容:是一个以较早...向下兼容(Downward Compatibility):又称向后兼容(Backwards Compatibil...
  • 最全整理浏览器兼容性问题与解决方案

    万次阅读 多人点赞 2019-08-06 17:01:24
    常见浏览器兼容性问题与解决方案  所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站...
  • 众所周知,APP兼容性覆盖测试一直以来被认为是一个高成本、耗时低效、耗人力的测试工作,且兼容性测试是一项必须要进行的测试项目,因为有不同的机型、系统平台、分辨率、网络、厂商、数据兼容以及不同兼容问题场景...
  • office各版本的兼容

    热门讨论 2012-03-29 17:26:09
    wps、office2007、office2010制作的文档格式2003兼容性较差,可安装此软件进行兼容,内含五合一office软件
  • JSON.stringify 兼容IE6、7、8所需js

    千次下载 热门讨论 2015-08-24 17:01:58
    JSON.stringify在使用时,IE6、7、8会存在兼容问题,需导入json2.js
  • 在开发项目时由于项目中使用到的监控插件不能兼容高版本的谷歌火狐等,只能使用ie,项目使用vue-cli 4.5.8版本构建 vue-cli4.x默认情况下不需要自己手动安装babel-polyfill,官网对此也有介绍 浏览器兼容性 #...
  • APP兼容性专项测试

    千次阅读 2021-03-28 16:09:55
    APP兼容性测试包含:新旧版本兼容测试、不同机型测试(系统兼容性、屏幕兼容性、分辨率兼容、尺寸兼容),具体如下: 一、新旧版本兼容性测试 新旧版本覆盖安装升级正常 新增功能,新旧版本覆盖安装后使用正常 ...
  • 文章目录一、描述二、兼容问题1、高低版本.NET兼容问题2、windows自带的.NET版本2、如何查案已安装的.NET版本2.1、方法一:官方办法2.2、方法二:通过javascript查看.NET版本2.3、方法三:通过注册表查看.NET版本三...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,642,992
精华内容 657,196
关键字:

兼容