ie

1 2008年03月04日 星期二 15 : 14 2 效果图如下： 3 4 5 　　点“添加参与人”按钮可以添加一行，每行后面都有一个删除按钮，可以删除所在行，“清空”则删除所有的行。 6 　　这种效果在需要批量添加数据的时候非常有用，可以在客户端添加完一批数据，然后通过AJAX一次提交给服务器处理，下面是完整代码： 7 8 Body部份： 9 < div > 10 < table width = " 613 " border = " 0 " cellpadding = " 2 " cellspacing = " 1 " id = " SignFrame " > 11 < tr id = " trHeader " > 12 < td width = " 27 " bgcolor = " #96E0E2 " > 序号 < / td> 13 < td width = " 64 " bgcolor = " #96E0E2 " > 用户姓名 < / td> 14 < td width = " 98 " bgcolor = " #96E0E2 " > 电子邮箱 < / td> 15 < td width = " 92 " bgcolor = " #96E0E2 " > 固定电话 < / td> 16 < td width = " 86 " bgcolor = " #96E0E2 " >

1.查看浏览器的报错，如果有html的错误，按照错误提示修改一下。 2.如果报的错误为下面图片的错误，应该就是es6的语法没有转为es5，浏览器识别不了。 解决办法 　　安装: npm instatll babel-polyfill -save / yarn add babel-polyfill 　　main.js最顶部引入 import 'babel-polyfill' 　　找到webpack的入口文件，vue-cli创建的目录build/webpack.base.conf.js 　　entry: { 　　　　app: './src/main.js' 　　} 　　改为如图 　　 { test: /\.js$/, loader: 'babel-loader', include: [ resolve('node_modules/vue-echarts'), //如果使用了这个组件添加上去，没使用可以不放 resolve('node_modules/resize-detector') ] }, 　　配置.babelrc文件 　　根目录下创建.babelrc文件 { // 此项指明，转码的规则 "presets": [ // env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件

一大早上班就收到公司邮件：关于IE7浏览器安全漏洞问题 其内容大致： 微软IE7浏览器出现“0day”漏洞，可被利用来进行挂马攻击，目前攻击代码正在网上扩散，已有大量用户受到感染。昨天，瑞星和江民等国内多家知名反病毒机构同时向网民发出警报，黑客很可能利用这一最新漏洞，制作各种恶意网页，疯狂传播木马病毒。 其实在三天前12月9号的时候就有新闻消息出来，比较没那么影响力而已。。。 然后今天公司开始觉得其危害性严重性，所以很重视说要想方设法搞定出暂时的防御措施，其实个人觉得和几个同事都觉得也这东西也没必要搞得那么大动作，不过想想提前防御还是比较保障妥当的吧，何况也许跟公司性质不同也比较必要措施吧。这下问题就麻烦咯。。。主要是微软至今迟迟未见到有安全补丁发布。。。只好借助第三方工具。。。。十点多的时候收到老大的邮件并借助360安全卫士最新发布的补丁先预防下吧。。。。在此记录并分享下吧。。。有需要的可以参考下，个人是用不着就是 因为基本都是用firefox浏览器。 顺便鄙视下微软，越来越垃圾。。。还是支持开源，支持Linux 哈哈 几种临时解决办法： 1、机器上如果已经有360安全卫士，可以下载安装这个：http://dl.360safe.com/360fixmsxml.exe 2、放弃使用IE，改用 Firefox 或者chrome 或者safari 或者 opera 3

1）自带中文分词 随便打开OSC的一篇文章，双击一个汉字看看会有什么变化！没错，chrome居然能够识别中文词组！ IE8始终是选中一个字，Firefox强一点，是选中一个片段。不过对比chrome，他们都太逊色了。 2）简洁的右键菜单 还有浏览器比chrome右键更为简洁清爽的吗？ 不足之处就是如果你经常查看网页源码，可能会点到“翻译本页” 3）完美的“选项”设计 就用户体验方面来说，IE和Firefox在选项设置方面远不及chrome。 首先，IE和FF在设置选项的时候竟然独占了整个浏览器进程！ 独占进程后你无法查看其他网页，仔细想想这会导致什么问题呢。 独占进程说明浏览器的设计者已经假设你对设置选项十分熟悉，不需要借助网络资源或者其他帮助。 如果你对选项设置的布局和功能一无所知怎么办？ 那就再开个chrome然后google之，然后对着网页来回在FF和chrome中切换吧，别无他法！ 4）完美的“选项”功能-搜索 搜索功能真的很有用！如果你需要修改浏览器的代理或者cookie等，在ff和IE中你需要来回在多个标签页中切换。 当然，如果你记忆力超群，记得每一项的具体位置，那当我没说。 在chrome中，你完全没有必要这么做，点击扳手，打开选项，偌大的搜索框在那里引导你！ 更重要的是，搜索的关键字还挺强大！ 因为chrome的管理界面本身也是基于HTML的

最近在研究一些关于浏览器兼容性问题的css问题，先归纳总结如下： （1）在一些现代浏览器（opera，chrome，谷歌，safari）中，如果给块级标签如div设置padding后会导致元素的height和width增加，在IE中则不会增加，但是只在IE6中不增加，IE7以上在IETester中测试都会增加,解决办法：可以使用 !important 多设一个 height 和 width （2）使元素水平垂直居中：垂直居中：将该元素的line-height设置为元素本身的高度，再通过vertical-align： middle；（ 注意内容不要换行），水平居中：将元素的margin设置为auto；但是在IE5下没有效果 （3）想给像a，spa这样的行内元素进行样式设置，需要将它的display设置为block （4）IE在浮动时候产生的双倍距离：若给一个div设置了float, 并且设置了margin，IE5和IE6会产生双倍的间隔，但是在其它的IE版本下就不会，在一些现代浏览器中也不会。解决办法：给该元素添加一个样式：display:inline即可 （5）第二点是 ie对于css的magin padding 等默认值为0px，但ff却不一样，为了保持外观的统一性，即使padding为0你也要写上，以免ff在浏览中的错位。 （6）firefox不支持hand

前言 在移动前端第一弹：viewport详解中，我们讲了viewport，那是一个关于meta的故事。这次我们会就将meta这个故事讲得更广阔、更有意思一些。 写过HTML的童鞋，应该都对这个不陌生，或用它来定义页面编码，或用它来定义搜索引擎抓取方式，或用它定义页面关键字，描述等等。 meta列表 好的meta使用，能更好地提高页面的可用性及被检索的几率。 这里并不会列出所有的meta使用方式，只挑选一些常用及实际意义比较大的讲讲，当然也包括一些厂商私有定制的。 常规 声明文档使用的字符编码 <meta charset="utf-8" /> 该声明用来指定文档的编码，除了utf-8，可选值还有：ISO-8859-1、BIG5、iso-8859-2, iso-2022-jp, iso-2022-kr, gb2312等 当然，你可能还见过使用另外一种方式来定义文档字符编码： <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 相对于这种方式，更推荐你使用第1种，言外之意，就是推荐使用HTML5。 声明页面刷新或跳转 <meta http-equiv="refresh" content="10" /> <meta http-equiv="refresh" content="10; url=http:/

支持浏览器 : IE9+,Chrome11+,Firefox7+. 宿主对象window.performance. 参考资料: http://msdn.microsoft.com/zh-cn/office/ff975118 参考w3c的标准草案: http://w3c-test.org/webperf/specs/NavigationTiming/ 目前,IE9+和 chrome11+,Firefox7+已经实现了该草案定义的接口. 成员 : .navigation (一个叫做performanceNavigation的对象.) .timing (这玩意是一个被称作performanceTiming的包含了很多成员的对象) 方法 : .toJSON 返回一个 对象，并抄写performance的可枚举成员到其中. 是的,timing,navigation都在上面. JSON.stringify(performance.toJSON()) == JSON.stringify(performance)//true. 悲剧啊.明明是继承来的，msdn非要特殊标一下.. PS: 1. performance,仅能对当前的html文档做检测，所有的对象都和当前文档有关. 如果我们想检测某个图片资源的网络状况,则不行. 比如我们想监控，用户访问我们服务的状况，就只能创建一个iframe,

Web Browser Control – Specifying the IE Version Tweet 41 comments May 21, 2011 @ 12:06 am- from Hood River, Oregon I use the Internet Explorer Web Browser Control in a lot of my applications to display document type layout. HTML happens to be one of the most common document formats and displaying data in this format – even in desktop applications, is often way easier than using normal desktop technologies. One issue the Web Browser Control has that it’s perpetually stuck in IE 7 rendering mode by default. Even though IE 8 and now 9 have significantly upgraded the IE rendering engine to be more

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px; /*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/} 3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制 (块元素)

1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 　 　2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/} 　　　 3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay