难题

一、 IE 9 下渐变会将圆角的效果覆盖；

二、 font-face,字体图标的Unicode编码，实体字编码要带上 分号（；），不然在IE8 下解析不出来；

三、table的tr、td设置的高度height表示的是单元格最小的高度，可以由内容撑开高度；

四、CSS rules超过限定值，在IE9下只加载一部分，加载不完整。

五、堆栈溢出问题（propertychange事件，兼容IE9 8的input事件，但在IE8下会导致堆栈溢出）

六、table同时展示上万条数据，需要分区加载数据。

七、 table中td 内容溢出如何展示省略号

table-layout:fixed; 加上宽度 width: 100%;

• <style> .tbl {table-layout:fixed}.td {overflow:hidden;text-overflow:ellipsis} </style>
  
  <table class="tbl" border=1 width=80>
  
  <tr>
  
      <td width=25% class="td" nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
  
      <td class="td" nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td>
  
  </tr>
  
  </table>
  

八、如何让div/span 能够触发 keyup等键盘或鼠标事件

<div tabindex = "0"></div>  加上tabindex，就能够让非表单标签能够有获取焦点的功能

九、IE9 下无法触发input事件，需要通过keyup事件监听

十、IE10/11 上设置placeholder属性值会触发input事件。

日常开发常用函数碰见的问题

• 正则的test方法，匹配函数时，会将整个函数体进行字符串话然后进行正则匹配
• array 数组 通过循环调用delete 删除某个值，则原数组长度不变，删除的值会变为empty。

十一、IE 中的iframe

• IE中 iframe 中声明的父级页面的变量，在iframec卸载时，声明的变量也进行了清空

十二、clientWidth 和 width

• clientWidth:指的是元素内容及其内边距所占据的空间大小
• width:1. (怪异盒模型 box-sizing:border-box)content + padding + border 2. 标准盒模型(content-box) content 的宽度

了解

一、 jQuery Migrate 为jq 1.8 升到1.9+后的垫片