ie

很多网络新人觉得考完IE就算完成任务了，拿到IE证书就算专家了。我想说有这种想法是很危险的，作为一个技术人必须时刻保持学习的心态 。在技术这行如果你不努力总是想“吃老本”那是容易被淘汰的。下面说说我对网络工程师职业规划的个人感触； 比较重要要的是学历！！！学历的作用--起点的不同。如果是研究生学历做网络这块那肯定对自己的职业来说未来不可限量。深层次的理论要有文化知识的依托吧，到那个时候不再是简单的根据配置需求敲敲命令。 在实际工作中和客户沟通起码占60%-70% ，写各种方案需要本身的文化基础，和客户沟通了解客户需求等等。当这些是我在去年的工作中总结到的，不是有句话说你想成为什么样的人看看那些成功人士是怎么做的么。现说说我公司的项目经理吧。 他是三个IE，一个RS,一个安全（考了比较早2010年左右）、还有语音、并且是PMP项目经理认证获得者。月薪3W学历是统招本科。 给我感触比较深刻的是对和客户沟通能够在短时间内合理提供解决方案，熟悉各种产品线知道产品的优势和短板。技术这块当客户遇到故障报修处理时效快（30分钟左右）。这些得益于多年的工作经验，我觉得我个人需要学习的地方是人家的学习方法，沟通技巧。说起来容易具体怎么做呢？ 沟通这块不像积累技术那样在去年工作中感觉速度没那么快。在把客户的需求（大白话）转换成技术术语时需求还是有点慢

整理自： http://www.impressivewebs.com/ie10-css-hacks/ 中文原文： IE10 CSS hack 请尊重版权，转载请注明来源，多谢~~ 传说Windows 8刚上市没几天就卖出了4000多万份，好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的，有些不确定是否是ie10引出的bug，所以惯性思维让我们重新寻找针对IE10的CSS Hack。。。 首先，ie10不支持 条件注释 了。 方法一：特性检测：@cc_on 我们可以用IE私有的条件编译( conditional compilation )结合条件注释来提供针对ie10的Hack： 请注意/*@cc_on ! @*/中间的这个感叹号。 这样就可以在ie10中给html元素添加一个class=”ie10″，然后针对ie10的样式可以卸载这个这个选择器下： @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10-specific styles go here */ } 条件编译支持所有版本的ie浏览器，而其它浏览器不支持。但是很有可能以后IE11出来后，这种方法就失效了。。。 需要注意的是，条件编译不支持Windows

selenium 是一个web的自动化测试工具，不少学习功能自动化的同学开始首选selenium ，相因为它相比QTP有诸多有点： * 免费，也不用再为破解QTP而大伤脑筋 * 小巧，对于不同的语言它只是一个包而已，而QTP需要下载安装1个多G 的程序。 * 这也是最重要的一点，不管你以前更熟悉C、 java、ruby、python、或都是C# ，你都可以通过selenium完成自动化测试，而QTP只支持VBS * 支持多平台：windows、linux、MAC ，支持多浏览器：ie、ff、safari、opera、chrome * 支持分布式测试用例的执行，可以把测试用例分布到不同的测试机器的执行，相当于分发机的功能。 关于selenium的基础知识与java平台的结合，我之前写过一个《菜鸟学习自动化测试》系列，最近学python，所以想尝试一下selenium的在python平台如何搭建；还好这方法的文章很容易，在此将搭建步骤整理分享。 搭建平台windows 准备工具如下： ------------------------------------------------------------- 下载python https://www.python.org/ ----------------------------------------------------------

浏览器兼容html头部标签主要内容详情 < head > < meta http-equiv = " X-UA-Compatible " content = " IE=EmulateIE7 " > //兼容ie7用来指定IE浏览器解析编译页面的model < meta content = " text/html; charset=UTF-8 " http-equiv = " Content-Type " > //页面要做解析使用字符集.html文件，标准加载，避免乱码 < meta http-equiv = " X-UA-Compatible " content = " IE=edge " > //主要是设置浏览器优先使用什么模式来渲染页面的，兼容ie微软edge内核浏览器 < meta content = " e-Learning 使用户能够自由地分配学习时间，制定专属于自己的培训计划。 " name = " Description " > //在线学习或网络化学习. < meta name = " viewport " content = " width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 " > //自适应移动端，初始缩放比例，也即是当页面第一次 load 的时候缩放比例

selenium 是一个web的自动化测试工具，不少学习功能自动化的同学开始首选selenium ，相因为它相比QTP有诸多有点： * 免费，也不用再为破解QTP而大伤脑筋 * 小巧，对于不同的语言它只是一个包而已，而QTP需要下载安装1个多G 的程序。 * 这也是最重要的一点，不管你以前更熟悉C、 java、ruby、python、或都是C# ，你都可以通过selenium完成自动化测试，而QTP只支持VBS * 支持多平台：windows、linux、MAC ，支持多浏览器：ie、ff、safari、opera、chrome * 支持分布式测试用例的执行，可以把测试用例分布到不同的测试机器的执行，相当于分发机的功能。 关于selenium的基础知识与java平台的结合，我之前写过一个《菜鸟学习自动化测试》系列，最近学python，所以想尝试一下selenium的在python平台如何搭建；还好这方法的文章很容易，在此将搭建步骤整理分享。 搭建平台windows 准备工具如下： ------------------------------------------------------------- 下载python https://www.python.org/ ----------------------------------------------------------

1.如果利用<img>标签把图片放进表格单元里面，并注意到在图片下方有不需要的空间，那么设置它的display属性为block. 2.text-align可以被继承，vertical-align属性不会被继承 3.html提供<colgroup>和<col>标签相应地表示列组合和独立的列。 表格中的每个列都包括一个<col>标签，可以用类或ID来识别它们。只有两组属性对这些标签起作用：width和background属性。 <colgroup> <col id="brand"/> <col id="price"/> <col id="power"/> </colgroup> 4.IE6.0兼容支持透明背景 * html .tit2 .ms{ zoom:1; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://hszy00232.blog.163.com/blog/images/jia.png",sizingMethod="scale"); background:none;} 5.浏览器兼容处理半透明效果 dd{width:215px; height:20px;background:#000; filter:alpha(opacity=70); opacity:0.7

一、selenium+python 环境搭建 1.1 selenium 介绍 selenium 是一个web 的自动化测试工具，不少学习功能自动化的同学开始首选selenium ，因为它相比QTP 有诸多优点： * 免费，也不用再为破解QTP 而大伤脑筋 * 小巧，对于不同的语言它只是一个包而已，而QTP 需要下载安装1个多G 的程序。 * 支持多语言，这也是最重要的一点，不管你以前更熟悉C、java、ruby、python、或都是C# ，你都可以通过selenium完成自动化测试，而QTP 只支持VBS * 支持多平台：windows、linux、MAC ，支持多浏览器：ie、ff、safari、opera、chrome * 支持分布式测试用例的执行，可以把测试用例分布到不同的测试机器的执行，相当于分发机的功能。 1.2 准备工作 搭建平台windows 准备工具如下： ------------------------------------------------------------- 下载python http://python.org/getit/ 下载setuptools 【python 的基础包工具】 http://pypi.python.org/pypi/setuptools 下载tar.gz文件后使用7Z解压 下载pip 【python 的安装包管理工具】

CSS中设置元素的圆角矩形 圆角矩形介绍 在 CSS 中通过 border-radius 属性可以实现元素的圆角矩形。 border-radius 属性值一共有 4 个，左上、右上、左下、右下。 border-radius 属性值规则如下：第一个值为左上、第二个值为右上、第三个值为左下、第四个值为右下。 假如 border-radius 属性值都是一致的我可以设置一个属性值即可。 圆角矩形实践 圆角矩形基本使用方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>圆角矩形</title> <style> div{ width: 100px; height: 100px; border: 2px solid rebeccapurple; border-radius: 10px 20px 30px 40px; } </style> </head> <body> <div></div> </body> </html> 如果我们的 border

前端浏览器兼容问题 常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webkit IE浏览器：Trident内核，也称为IE内核 Chrome浏览器：Webkit内核，现在是Blink内核 Firefox浏览器：Gecko内核，俗称Firefox内核 Safari浏览器：Webkit内核 Opera浏览器：最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核； 360浏览器：IE+Chrome双内核 猎豹浏览器：IE+Chrome双内核 百度浏览器：IE内核 QQ浏览器：Trident（兼容模式）+Webkit（高速模式） 常见的兼容性问题： 不同浏览器的标签默认的外补丁（margin）和内补丁（padding）不同 解决方案：css里增加通配符*{margin：0；padding：0} IE6双边距问题；在IE6中设置了float，同时又设置margin，就会出现边距问题 解决方案 :设置display：inline； 当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度 解决方案 :超出高度的标签设置overflow：hidden，或者设置line-height的值小于你的设置高度 图片默认有间距 解决方案 ：使用float为img布局 IE9以下浏览器不能使用opacity 解决方案 ：opacity：0.5

之前在网上看到一个博主写的前端通用的下载文件的方法，个人觉得很实用，所以mark一下，方便以后查阅 源文地址 （源文还有上传/下载excel文件方法） 因为项目要求要兼容IE浏览器，所以完善了一下之前博主的方法 IE 浏览器：使用微软自带的msSaveBlob 方法，a标签的download属性不支持IE 谷歌浏览器（只测试过谷歌）：创建a标签 ，添加download属性，模拟鼠标点击事件 　　 //这里res.data是返回的blob对象 var blob = new Blob([res.data.fileData], {type: 'application/json;charset=utf-8'}); //application/vnd.openxmlformats-officedocument.wordprocessingml.document这里表示doc类型 var href = window.URL.createObjectURL(blob); //创建下载的链接 if (window.navigator.msSaveBlob) { try { window.navigator.msSaveBlob(blob, 'model.json') } catch (e) { console.log(e); } } else { // 谷歌浏览器 创建a标签