简介 js和html之间的交互是通过事件实现的,所谓事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于事件的处理,浏览器存在差异,主要是IE的兼容性问题,所以大部分都是兼容的,封装成一个事件库,方便调用。 1、事件流 事件流描述的是从页面接收事件的顺序,分为事件冒泡流和事件捕获流 事件冒泡:I ...
分类:
其他好文 时间:
2018-01-19 19:51:52
阅读次数:
158
1、 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;} 2、水平居中的问题 问题: 设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中,嵌套块不会居 ...
分类:
其他好文 时间:
2018-01-10 23:53:04
阅读次数:
336
1.浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里 *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题 ...
分类:
其他好文 时间:
2018-01-08 16:42:48
阅读次数:
149
解决文档结构混乱 以前的文档结构过度依赖div,HTML5推出了多种语义化标签,使得文档更利于阅读器等理解,更利于SEO优化。 以前的文档结构过度依赖div,HTML5推出了多种语义化标签,使得文档更利于阅读器等理解,更利于SEO优化。 解决浏览器之间的兼容性问题 市场上浏览器种类繁多,每个浏览器厂 ...
分类:
Web程序 时间:
2018-01-06 19:59:56
阅读次数:
199
一、常见浏览器兼容性问题 1.双倍浮动bug 描述:块状元素设置了float后,又设置了横向的margin,在IE6下显示的margin值要比设置的值大 解决方案: 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案: 方案一: 给表单元素添加 ...
分类:
其他好文 时间:
2018-01-02 23:20:56
阅读次数:
181
1:条件级别语法 :<!--[if IE]> 执行内容 包括css和html<![endif]--> 放到css中: <!--[if IE]> <style> p{color:color} // 如果是ie浏览器 颜色是红的 </style><![endif]--> 放到html中: <!--[if ...
分类:
其他好文 时间:
2017-12-29 15:09:19
阅读次数:
173
filter是常说的增删改查中的‘查’,当对一个数组进行筛选时,经常会使用indexOf 和es6中的includes()方法。filter是es5中的一种迭代方法,其定义为:对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组 。 例:要返回一个所有数值都大于2的数组 var nu ...
分类:
Web程序 时间:
2017-12-26 14:41:25
阅读次数:
189
最近在做一个日历控件,网上copy了一段代码然后自己又改改。 标准浏览器下正常,结果ie全部不支持,搞不懂,原来Date.parse在IE下有兼容性问题 //beginData格式为'yyyy-mm-dd' 将日期格式 'yyyy-mm-dd' 改成 'yyyy/mm/dd' 即可解决 ...
分类:
Web程序 时间:
2017-12-24 22:46:22
阅读次数:
224
解决办法: 原因:使用@ResponseBody注解返回java对象,在浏览器中是Content-Type:application/json;charset=UTF-8 我们需要返回字符串(String) :Content-Type:text/plan;charset=UTF-8 指定响应结果的co ...
分类:
Web程序 时间:
2017-12-23 19:07:03
阅读次数:
336
一、适配器模式 适配器模式将某个类的接口转换成客户端期望的另一个接口表示,目的是消除由于接口不匹配所造成的类的兼容性问题。主要分为三类:类的适配器模式、对象的适配器模式、接口的适配器模式。 1、类的适配器模式 核心思想就是:有一个Source类,拥有一个方法,待适配,目标接口时Targetable, ...
分类:
编程语言 时间:
2017-12-22 15:07:52
阅读次数:
200