兼容性

EMC (电磁兼容性)

纵饮孤独 提交于 2019-12-06 05:42:17
电磁兼容性EMC(Electro Magnetic Compatibility),是指设备或系统在其电磁环境中符合要求运行并不对其环境中的任何设备产生无法忍受的电磁干扰的能力。因此,EMC包括两个方面的要求:一方面是指设备在正常运行过程中对所在环境产生的电磁干扰不能超过一定的限值;另一方面是指器具对所在环境中存在的电磁干扰具有一定程度的抗扰度,即电磁敏感性。 定义: 电磁兼容性EMC是指设备或系统在其电磁环境中能正常工作且不对该环境中任何事物构成不能承受电磁骚扰的能力。传感器电磁兼容性是指传感器在电磁环境中的适应性,保持其固有性能、完成规定功能的能力。它包含两个方面要求:一方面要求传感器在正常运行过程中对所在环境产生电磁干扰不能超过一定限值;另一方面要求传感器对所在环境中存在电磁干扰具有一定程度抗扰度。 电磁兼容(Electro magnetic Compatibility)简写为Emc,并非指电与磁之间的兼容,电与磁是不可分割,相互共存的一种物理现象、物理环境。国际电工委员会(IEC)对EMC的定义是:指在不损害信号所含信息的条件下,信号和干扰能够共存。研究电磁兼容的目的是为了保证电器组件或装置在电磁环境中能够具有正常工作的能力,以及研究电磁波对社会生产活动和人体健康造成危害的机理和预防措施。 电磁兼容设计 要使产品具有良好的电磁兼容性,需要专门考虑与电磁兼容相关的设计内容

修复一个bootstrap在IE6中clearfix的兼容性缺陷,行会有一定高度

跟風遠走 提交于 2019-12-05 17:36:36
没有bootstrap以前,清除div浮动层是沉淀了几次的一段css,为了以后更好的管理与拓展,开始在公司网站建设后台中逐步融入bootstrap,采用了bootstrap中的清除浮动类:clearfix,具体代码就不贴了。 出现了一个问题,在IE6中: 这个空行在ietester中的DebugBar中查看代码是: <DIV class=clearfix></DIV> 效果: 嗯,高度12px,这是以前遇到过的一个IE6的bug,在css中设置height、line-height、margin、padding这些属性都是无效的。 在IE6中很奇葩的bug,没有文字也要保留一个字符的高度,那就是font-size,也就是全局默认的12px,so 在自定义css中写一个补丁: .clearfix { font-size:0;} 虽然有很多设计师已经不再调整IE6的兼容性了,但我泱泱大国IE6仍是应用挺多的,一句代码修复一个ie6 bug,建议用bootstrap的都在自定义css中加这个小补丁。 原创地址: http://www.igooda.cn/jsdt/jzjl/2013/0727/332.html 来源: oschina 链接: https://my.oschina.net/u/1175079/blog/147446

资深前端知识体系

眉间皱痕 提交于 2019-12-05 16:28:02
资深前端知识体系 从招聘信息看 精通Javascript 掌握js核心技术DOM,BOM,Ajax,JSON 熟悉js面向对象机制,能用原生js进行DOM编程 有复杂js开发经验 熟悉各种js框架 (jQuery/Backbone/Angular/ext/Dojo/Prototype等) 精通html+css,包括html5+css3 快速 体验一致 无差异化 精通DIV+CSS网页布局 能够根据需求快速提供基于HTML5的技术的解决方案 熟悉手机浏览器中HTML5中的兼容性 具有解决多浏览器,多终端兼容性问题的经验 多浏览器兼容性问题 熟悉手机浏览器h5的兼容性问题 具有调试各浏览器兼容性经验 熟悉IE各版本开发特性,保持浏览器体验一致 对浏览器差异有深入了解,熟悉浏览器原理,能根据需求提供兼容方案 熟悉各种web标准 熟悉W3C标准,对表现和结构分离、HTML语言化等有深刻理解 熟悉es5,es6规范 架构能力 对符合web标准的网站重构有经验 组件化,模块化,能独立完成复杂前端模块设计和实现的经验 了解模块化开发及工具使用 有一定的设计能力 了解PHP/Python/Ruby等一种或者多种服务端语言 熟悉大型网站架构和性能优化,熟悉各种Web缓存技术 知识体系 基础 ![前端知识体系-基础](web-base-skill.png =600x600) 计算机知识储备 优化协作

【htc法:IE-CSS3】CSS3支持IE6、IE7、IE8

女生的网名这么多〃 提交于 2019-12-05 13:18:01
【htc法:IE-CSS3】CSS3支持IE6、IE7、IE8 摘要: IE-CSS3是提供一些CSS3标准新款式在即将到来的的Internet Explorer支持的脚本。 PS:IE6及IE7使用ie-css3.htc 能支持 box-sizing box-shadow border-radius text-shadow IE-CSS3简介 IE-CSS3是一种作用于IE浏览器的客户脚本,可以为一些CSS3支持度不好的低版本的IE浏览器(IE6、IE7和IE8)提供支持一些新的CSS3样式和标准。 IE-CSS3的使用方法 工作原理 IE浏览器利用特定的矢量绘图语言的脚本(VML)重建本身不支持的CSS3这些属性(例如阴影和倒角等),说到底这是一种类似JS的脚本。 操作步骤 首选下载ie-css3.htc: 官方下载 然后在CSS中添加样式: view source print 01. .box { 02. -moz-border-radius: 15px; /* Firefox */ 03. -webkit-border-radius: 15px; /* Safari and Chrome */ 04. border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+

百度小程序性能优化二期规划

こ雲淡風輕ζ 提交于 2019-12-05 04:06:13
一期优化取得了显著的效果,从优化前的1.9s,现在稳定在1.5s,基本保持在达标线内 偶尔的抖动观察了下,与后端服务的稳定程度有关 但是感觉优化还是有提升的可能 这里有几个优化方向的思路 一 关于白屏 目前小程序采用了loading组件过度,但是,由于是资讯类的小程序,页面的内容严重依赖后端接口 如果后端服务不稳定,就像上图所见,很多时候是有波动的,所以对白屏的优化成为了下一个可以优化的点 白屏检测说明 白屏定义:用户触发页面打开后,间隔一定时间后仍然没有任何页面绘制,则认定为白屏。 白屏检测原理:从用户点击小程序入口开始计算时间,6s后进行截图分析。当截图为空白页面或只有背景色,则记为一次白屏。请注意:此统计规则在2019年9月6日发生变更,变更前为从小程序页面框架创建时开始计时。 白屏监控范围:仅针对小程序进入时的首个页面进行检测。 数据解读:白屏率 = 白屏发生PV / 小程序冷启动打开PV,开发者可以在小程序平台上看到自己小程序白屏率的数据情况。在上述检测机制下,无论小程序启动时出现异常还是页面加载过程较慢,6S时被监测到无内容展示,都会视为白屏。因此在进行白屏优化时,需要从两方面着手,一方面对页面异常问题进行排查,另一方面着重优化页面的性能。 白屏优化 排查异常 小程序白屏数据出现异常上涨时,可以从以下三个方面着手排查分析: 服务稳定性 小程序页面数据请求是否正常:

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

狂风中的少年 提交于 2019-12-05 03:42:25
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 1 ,X-UA-Compatible是神马? 文档: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。 使用下面这段代码后,开发者无需考虑网页是否兼容IE8浏览器,只要确保网页在IE6、IE7下的表现就可以了。 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> //emulate 仿真 给网站添加X-UA-Compatible标签 我建议使用下面的X-UA-Compatible标签: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> IE=edge告诉IE使用最新的引擎渲染网页

flex兼容性

不羁岁月 提交于 2019-12-05 02:27:52
原文 写在前面 flex布局早在2009年就有了,而现在是2015年6月8日,使用最新的flex语法会发现支持程度并不好,即使是在“高端”浏览器上也是如此,比如Chrome、Firefox、Safari、Android、IOS Safari下支持程度各不相同 网上现有的代码中充斥着各种版本,在Chrome下运行一般都没有问题,Firefox一般也还好,但Android与IOS Safari下就显得非常无力了。之所以会出现这样的局面,主要是历史原因,从2009年到2015年,期间W3C规范有了多次更新,浏览器支持程度也就有了差异 一.W3C各个版本的flex 2009 version 标志:display: box; or a property that is box-{*} (eg. box-pack) 2011 version 标志:display: flexbox; or the flex() function or flex-pack property 2012 version 标志:display: flex/inline-flex; and flex-{*} properties 2014 version 新增了对flex项z-index的规定 2015 W3C Editor’s Draft 没有大的改动 P.S.注意2015的是W3C Editor’s Draft

浏览器兼容性问题

。_饼干妹妹 提交于 2019-12-04 08:27:29
问题:经常遇到的浏览器的兼容性的情况、解决方法? 思路:首先明确项目要兼容哪些浏览器的最低版本,然后考虑到CSS样式和JavaScript在这些浏览器的兼容性。 一、HTML 兼容性   1.H5新标签在低于IE9的浏览器中的识别   html5shiv.min.js:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。   respond.min.js: 让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。   <!--[if lt IE 9]>     <script src=" http://cdn.bootcss.com/html5s... ;></script>     <script src=" http://cdn.bootcss.com/respon... ;></script>   <![endif]-->   引入respond.min.js,但要在css的后面(越早引入越好,在ie下面看到页面闪屏的概率就越低,因为最初css会先渲染出来,如果respond.js加载得很后面,这时重新根据media query解析出来的css会再改变一次页面的布局等,所以看起来有闪屏的现象)。   2.不同浏览器的标签默认的内/外补丁不同   虽然这些年来随着浏览器的迅速发展与规范的统一

微软安全技术Shim

喜你入骨 提交于 2019-12-04 06:47:40
Shim是微软系统中一个小型函数库,用于透明地拦截API调用,修改传递的参数、自身处理操作、或把操作重定向到其他地方。Shim主要用于解决遗留应用程序在新版Windows系统上的兼容性问题,但Shim也可用于其他方面。例如上周微软紧急推出针对 “ 微软Office Powerpoint 0day漏洞(CVE-2014-6352)” 的Fix It,其中就采用了Shim技术,用于修复存在安全缺陷的函数。 一、什么是Shim Shim是微软极少使用的四字母单词之一,也不是某种形式的缩写。它是英语单词Shim的引申含义。Shim是一个工程术语,描述为了让两个物体更好地组装在一起而插入的一块木头或金属。在计算机编程中,shim是一个小型的函数库,用于透明地拦截API调用,修改传递的参数、自身处理操作、或把操作重定向到其他地方。Shim也可以用来在不同的软件平台上运行程序。 二、shim如何工作 Shim架构实现了一种API钩子,而Windows API是通过一组DLL来实现的。Windows系统上的每个应用程序导入这些DLL,并在内存中维护一个存储调用函数地址的表(导入表)。由于Windows函数的地址位于一个表中,Shim直接把导入表中的地址替换为shim DLL中的地址。通常,应用程序没有意识到请求被重定向到一个Shim DLL而不是Windows系统