本文参考原文-http://bjbsair.com/2020-03-22/tech-info/2149/写在前面移动开发时代,前端同学刚刚送别了让人头秃的IE浏览器,却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序员,始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑,都习惯性地记录了下来。昨日一瞥竟
分类:
其他好文 时间:
2020-03-24 13:11:05
阅读次数:
70
title: css 清除浮动 date: 2020 03 10 17:03:10 tags: css 清除浮动 浮动float最开始出现的意义是为了让文字环绕图片而已,后来用于让块级元素并排展示 float 会导致该浮动元素的块级元素的父元素高度塌陷,所以需要清除浮动 清除浮动是指清除由于子元素浮 ...
分类:
Web程序 时间:
2020-03-18 13:18:35
阅读次数:
73
使用new Date(str); 创建日期对象时: 谷歌浏览器: 火狐浏览器: IE浏览器: 可以看到,在ie浏览器下生成的日期不合法,查阅资料后发现,ie不支持"-",而"/"在各浏览器下均支持,故处理为 1 var str = "2018-05-02 20:00:00"; 2 var dateS ...
分类:
其他好文 时间:
2020-03-16 14:52:27
阅读次数:
53
首先了解下浏览器 非标准浏览器:ie6 ie7 ie8 ie9等 标准浏览器:chrome ie10 ie11 火狐 safari 等 常见的浏览器兼容性问题: HTML 问题 CSS 问题 JavaScript 问题 1.浏览器兼容性问题 市场上的浏览器有很多种,当然浏览器的内核也不一样,不同的浏 ...
分类:
Web程序 时间:
2020-03-10 20:00:56
阅读次数:
78
IE浏览器兼容问题小结 li空出4px(IE6、7) 描述 li的子元素浮动而li不浮动时,在li的下方会空出4px。li的子元素绝对定位时也会产生空白。 原因:li触发了haslayout,比如设置高度 Q: 只有li标签会这样吗? S: 是的。其他元素都不会产生,如果都替换成div来实现就没有问 ...
分类:
其他好文 时间:
2020-02-20 14:58:52
阅读次数:
91
大纲 问题背景 HTML篇 CSS篇 Javascript篇 参考资料 问题背景 由于市场上浏览器种类众多,而不同厂商的浏览器其内核亦不尽相同,甚至同一厂商,不同版本之间的浏览器解析都有所不同。所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因。 我们的网页需要在主流浏览 ...
分类:
Web程序 时间:
2019-12-14 11:49:15
阅读次数:
96
京东首页项目总述 这里做一个京东首页的项目。主要目的是总结和提高 HTML+ CSS 技术。该项目暂不涉及JS相关技术。 一、首页效果 先看首页完成最终完成的效果 项目做完后,也会附上项目github地址(包含整个项目的素材和代码)。 二、项目介绍 1、设计目标 2、浏览器兼容问题 因为浏览器的不同 ...
分类:
其他好文 时间:
2019-12-05 22:27:53
阅读次数:
224
背景:作为一个测试,特别是性能测试,尤其在活动的测试,时间紧,有很多要测的,我们的LR11因为浏览器兼容问题全录制不了脚本了,用浏览器加代理或手机加代理录制,我感觉好麻烦 ,所以就想如果能用脚本把所有的测试请求,全部自动生成脚本拿来直接用,岂不是爽歪歪。 最近我老大,非要我用python。他有个特点 ...
分类:
其他好文 时间:
2019-12-02 19:38:15
阅读次数:
110
移动端点击延迟事件 1. 移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟 2. 原因: 移动端的双击会缩放导致click判断延迟 解决方式 1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无 ...
分类:
其他好文 时间:
2019-11-23 15:55:35
阅读次数:
67
1.定义:一个盒子由外到内可以分成四个部分:margin(外边距)、border(边框)、padding(内边距)、content(内容); 2.浏览器兼容问题: 根据 W3C 的规范,元素内容占据的空间是由 width 属性设置的,而内容周围的 padding 和 border 值是另外计算的。不 ...
分类:
Web程序 时间:
2019-11-05 21:17:21
阅读次数:
131