遇到的兼容性bug

【遇到的兼容性bug】的更多相关文章

smartJQueryZoom(smartZoom) 存在的兼容性BUG，以及解决方法

smartJQueryZoom 是一个很好用的库. 它基于jQuery,可以对某个元素(比如 img)进行渲染,渲染之后可以放大这个区域,在做图片浏览时很好用. 但它有一个兼容性BUG: 当浏览器不是chrome(比如safari)时,放大倍率会出现问题:滚轮滚一下,就直接到了最大倍率. 为了修复这个BUG,我看了一下这个库的源码. // listening mouse and touch events if(settings.touchEnabled == true) targetElemen…

IE兼容性bug汇总

1.IE6的双边距BUG. 发生条件:如果有元素是浮动元素,则该元素与它的父元素(一般是一个容器)直接相接触(中间不能隔着其他元素)的左或右的边距就会产生双倍边距,也意味着相邻的兄弟元素不可能会产生双倍边距,只有元素与其父元素之间才有可能产生双倍边距,产生双倍边距的那边是与其父元素相接触的那边解决方法:给产生双倍边距的元素添加上 display:inline. (上面的发生条件有点问题,一般是: 一个div盒子如果设置了margin,并且该div设置了float浮动,那么在IE6下便会产…

完美解决浮动IE6 7中的兼容性BUG问题

想要创建出漂亮的网页设计,除了要认真学习每一个html和CSS代码之外,不可能不去了解一下臭名昭著的IE6和更早的那些IE浏览器的坏脾气,因为你本来写出的规规矩矩的代码,漂亮的设计就此就要完成了,却发现呈现出的效果压根不是你所期望的那样,漂亮的布局被破坏的体无完肤.更可气的是当你查找一遍代码中的错误时,却压根找不出来.这时候你就迫切需要了解一下IE6和它的那些同伙的坏脾气了,因为很可能它们就是罪魁祸首.到底IE6的那几个家伙们到底是如何搞乱你的设计的?咱们双该如何解决呢,别急,请听我慢慢道来:…

1.(IE6):ie6环境下,通过设置z-index:999:无效果: 原因:IE6下,决定层级高低的不是当前的父标签,而是整个DOM tree(节点树)的第一个relative属性的父标签. 解决办法:找到DOMtree里面所有设置了relative属性的父标签,依次递增设置z-index: 2.(IE6):ie6环境下,input输入款光标上下不居中: 解决办法:给input一个小一点的height,然后用padding上下补白控制input的高度大小: 3.(IE8):input text…

IE6兼容性bug汇总

1.终极方法:条件注释    <!--[if IE 5.5]> 这段文字仅显示在 IE5.5. <…

IE下AjaxForm上传文件直接提示下载的兼容性Bug

使用AjaxForm上传文件时候,在IE下直接提示下载保存: 我的示例代码: return this.Json( new { prop1 = 5, prop2 = 10 }); 这种问题只出现在IE下,是由于AjaxFrom只接受以Html格式返回的Json,所以需要在返回的json对象里设置content: return this.Json( new { prop1 = , prop2 = }, "text/html");…

有关windows Gateway Ipsec 和NAT 兼容性问题

1.简单通信拓扑: 将Windows 平台作为一个网关,同一时候开启IPsec 和NAT来支持private和public的通信. 注意:IPSEC Gateway 和 Client1 Ipsec 之间没有存在NAT ,否则是第二种情况.和本文描写叙述无关.本文仅仅是工作笔记.不代表不论什么官方声明. 2.现象描写叙述: a. Enable NAT,but Disbale Ipsec . ping from 11.11.11.45 to 10.10.10.20 …

[技术博客]Android 开发 Bug Log

[技术博客] Android 开发 Bug Log 大大小小的bug,聪明的愚蠢的都有, 持续记录中...... java.lang.IllegalArgumentException: The style on this component requires your app theme to be Theme.AppCompat (or a descendant). java.lang.RuntimeException: Unable to start activity ComponentIn…

bug大致分类及如何定位

前端一.概念:网站的静态页面设计,网站前端工作使用的是html.css.javascript等技术设计网站页面的样式和排版布局,这就是网站前端. 二.Bug类别 1.HTML:出现文本的问题基本都是html的bug a.标签闭合—表象,页面中出现大范围的混乱,就是少了标签的情况,导致标签未闭合 b.标签浮出—例如鼠标移动到文本位置,浮出全名的这种浮出形式都属于标签浮出的问题 c.标签在不同的浏览器的一种解析方式的不同导致的前端bug d.页面的跳转,若出现点击未跳转或者跳转方式不正确的问题,直…

jQuery.unique引发一个血案

项目开发过程中,PM说系统只要在一个特定的浏览器中运行就好,但是在其他的浏览器中不能出现逻辑的错误,所以在开发过程中,前端和后台选择是Chrome浏览器,没有仔细测试Firefox和IE.但是昨天PM反映了一个bug,是浏览器兼容性bug,在Chrome浏览器下工作正常,但是在IE浏览器不报错,但是逻辑是不对的.剔除复杂的业务逻辑,代码精简如下: <html> <head> <meta charset="utf-8"/> <script typ…

区分各浏览器的CSS hack(包括360、搜狗、opera)

虽然说使用css hack来解决页面兼容性bug并不是个好办法,但是有时候这些hack还是用的着的,比如你接受了一个二手或是三手的遗留界面,杂乱无章的css代码,只在某个浏览器下有兼容bug,而且需要短时间内处理. 下面一段代码可以让你很快利用css来为特定的浏览器指定样式.不多赘述,看码即懂: 属性过滤: _height:10px; /* IE6支持 */ *height:10px; /* IE6.IE7支持 */ height:10px\0/; /* IE8支持 */ 选择器过滤: /*针对…

webapp调试工具weinre的使用

在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴.看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重构来尝试解决这种不一致的问题.虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试,而且在Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果,我们无法在问题…

js 检测浏览器

首先还是IE浏览器的检测,一般我们在写代码的时候,出现的兼容性bug几乎都来自IE.从IE10以后,IE还算有点良心,支持了大部门的CSS3及H5的新特性.那么在IE10之前呢,就要才去别的手段来代替CSS3的某些效果,这样呢就要检测浏览器类型了,特事特办嘛. 检测IE10之前的浏览器 window.navigator.userAgent.indexOf("MSIE")>=1 返回true代表是IE浏览器,返回false就说明不是IE e10及以上不支持ie浏览器的判断了,因为i…

移动端效果之LoadMore

写在前面列表一直是展示数据的一个重要方式,在手机端的列表展示又和PC端展示不同,毕竟手机端主要靠滑.之前手机端之前一直使用的IScroll,但是IScroll本身其实有很多兼容性BUG,想改动一下需求也很不容易,可以看我之前写的这一文章IScroll那些事--内容不足时下拉刷新(这里并不是说IScroll不好,里面对手机.浏览器兼容性都做了大量的处理,只是当遇到bug时或者想改一下需求时不时特别方便,毕竟是一个这么大的库).因此也一直想了解一下这类列表的实现原理,万一真到时候可以自己写一个,这…

JavaScript之父谈JavaScript

本文翻译自popularity,为了更好的阅读我把部分内容进行了增删改,如果你英语比较好,建议直接阅读原文,因为这篇文章是我通过google翻译再进行修改的. 貌似(根据一位精神导师的说法)JavaScript最终流行了. 对我来说,从小时候起就是一个书呆子,当然这是一场诅咒与玩笑. Brendan Eich在Netscape上说服了他的尖头老板,我们应该有个自己的脚本语言,并且是一种新的语言. 我不知道Doug为什么要编故事,他并没在Netscape呆过,在Ajax会议的主题演讲中,他已经听到…

【Python3.6+Django2.0+Xadmin2.0系列教程一】环境搭建及项目创建

由于工作需要,接触了大半年时间的Django+xadmin框架,一直没空对这块对进行相关的梳理.最近在同事的怂恿下,就在这分享下笔者的学习及工作经验吧. 好了,话不多说,下面开始进入正题: 环境需求: 笔者的工作系统环境:Mac 10.13.4+Python3.6.x+Django2.0.x+Xadmin2.0 因此本系列教程均是以此组合为基础展开讲解.其他系统版本也基本适用,有小部分不兼容之处请自行测试. 一.Django及xadmin安装可以使用pip命令进行安装,或者直接下载安装包用py…

ElasticSearch本地调测环境构建

ElasicSearch版本:6.0.0:https://github.com/elastic/elasticsearch.git 1:安装JVM(JVM1.8以上) 2:安装gradle(3.3以上) 下载:gradle下载地址:http://services.gradle.org/distributions/,下载4.3版本.(本人第一次安装的是4.4.5,结果到后面执行gradle idea指令的时候,下载不到gradle-logger-4.4.5的包,阿里的maven或者jcenter都…

.Net敏捷开发框架6.1.6.2版本,联系QQ：6539471

演示地址:www.fishcmonkey.com .NET敏捷开发框架 6.1.6.2 版本发布新增手机流程-我的流程(可查看流程进度和表单内容) 新增手机流程-待办任务(可查看流程进度和表单内容,审核) 新增手机流程-已办任务(可查看流程进度和表单内容) 新增手机流程-自定义表单流程发起审核新增自定义表单可以发布到手机端新增数据权限-增加上下级数据权限管理新增新增在线建表功能新增一套APP开发实例修复pc端流程-修复传阅节点bug 修复数据库事务中查询异常bug 修复文件上传控件兼…

移动端效果之ScrollList

写在前面列表一直是展示数据的一个重要方式,在手机端的列表展示又和PC端展示不同,毕竟手机端主要靠滑.之前手机端之前一直使用的IScroll,但是IScroll本身其实有很多兼容性BUG,想改动一下需求也很不容易,可以看我之前写的这一文章IScroll那些事--内容不足时下拉刷新(这里并不是说IScroll不好,里面对手机.浏览器兼容性都做了大量的处理,只是当遇到bug时或者想改一下需求时不时特别方便,毕竟是一个这么大的库).因此也一直想了解一下这类列表的实现原理,万一真到时候可以自己写一个,这…

/etc/vim/vimrc的一个的配置

(转)Vim 配置文件===/etc/vimrc "=============================================================================== " Filename: vimrc " Author:myswirl " Email:myswirl@163.com " Created: 2009-04-28 "=====================================…

手把手教你学node之搭建node.js开发环境

搭建node.js开发环境本文只针对在Linux或者Mac下面.至于使用 Windows 并坚持玩新技术的同学,我坚信他们一定有着过人的.甚至是不可告人的兼容性 bug 处理能力,所以这部分同学麻烦自行兼容一下. 1.首先安装一个nvm( https://github.com/creationix/nvm ) $ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.25.2/install.sh | bash nvm的全称是…

fastclick源码分析

https://www.cnblogs.com/diver-blogs/p/5657323.html 地址 fastclick.js源码解读分析阅读优秀的js插件和库源码,可以加深我们对web开发的理解和提高js能力,本人能力有限,只能粗略读懂一些小型插件,这里带来对fastclick源码的解读,望各位大神不吝指教~! fastclick诞生背景与使用在解读源码前,还是简单介绍下fastclick: 诞生背景我们都知道,在移动端页面开发上,会出现一个问题,click事件会有300ms的延…

a标签在实际工作中的应用

学习的时候,我们对a标签的认知: 1.href属性添加一个地址,可进行页面的跳转 2.用锚点,制作页面内跳转和跨页面跳转(之前有写过一篇关于锚点的随笔:http://www.cnblogs.com/qiujianmei/p/7111600.html) 3.利用伪类:hover.visited等制作按钮的特效以下是我目前的工作经验,遇到的a标签的实际应用: 1.用a标签代替input-button标签模拟按钮,因为a标签自带小手特效,如果按钮需要跳转页面可以直接用a标签的href属性实现,就必用…

fastclick.js源码解读分析

阅读优秀的js插件和库源码,可以加深我们对web开发的理解和提高js能力,本人能力有限,只能粗略读懂一些小型插件,这里带来对fastclick源码的解读,望各位大神不吝指教~! fastclick诞生背景与使用在解读源码前,还是简单介绍下fastclick: 诞生背景我们都知道,在移动端页面开发上,会出现一个问题,click事件会有300ms的延迟,这让用户感觉很不爽,感觉像是网页卡顿了一样,实际上,这是浏览器为了更好的判断用户的双击行为,移动浏览器都支持双击缩放或双击滚动的操作,比如一个链…

vs2015 安卓相关配置

vs2015的安卓相关配置百度不到,园子里也没人写.还是我没搜索到? 看来只能靠自己的英(pin)语(yin)能力一点点解决了安装2015这个过程没啥可说的.都安装就OK了. 重要的就是选择安卓程序开发这里. 如果之前没有配置过安卓的任何相关的东西就会提示xmamarin 这个东西如果木有FQ那么就会出现这个图的错误提示. 没事点击各种下载把这些玩意下载了就OK 然后最后重启再次打开的时候可能会出现下面图片错误你没看错.电脑认为这俩东西没有被安装! 我就在这里出现个问题,不让下一步了..…

Vim 配置文件===/etc/vimrc

1.替换方法替换对应的vimrc文件,定制自己的vimrc /etc/vimrc 替换此文件: /home/lmy/.vimrc 只对当前用户有效: Ubuntu9.10:替换/etc/vim/vimrc,可以在新立得软件包管理器,查看vim到安装路径: CentOS5.3:替换/etc/vimrc,vim安装目录:/usr/share/vim/vim70: taglist.vim.winmanager.vim.supertab.vim等插件copy到相应到位…

浅谈position、table-cell、flex-box三种垂直（水平）居中技巧

一.首先是喜闻乐见的position方法,经典且万能,用法如下: 父元素{ position:relative; } 子元素{ position:absolute; top:50%; left:50%; margin-top:/*该元素height*0.5的负值*/; margin-left:/*该元素width*0.5的负值*/; } 不需要水平居中可以去掉left和margin-left. 划重点:需要父元素和子元素都定义宽高,自适应是不可能自适应的,这辈子都不可能自适应的. 二. dis…

前端开发 --- CSS参考手册

目录 1 选择器 1.1 通用选择器 1.2 层次选择器 1.3 伪类选择器 1.3.1 动态伪类选择器 1.3.2 目标伪类选择器 1.3.3 UI元素状态伪类选择器 1.3.4 结构伪类选择器 1.3.5 否定伪类选择器 1.4 伪元素选择器 1.5 属性选择器 1.6 权重 1.5 继承 2. 值和单位 2.1 颜色 2.2 长度 2.2.1 绝对长度 2.2.2 相对长度 2.3 URL 2.4 inhreit 3. 文字 3.1 字体 {font-family} 4. 文本 4.1 缩…

1.0搭建 Node.js 开发环境

<搭建 Node.js 开发环境> 本课程假设大家都是在 Linux 或者 Mac 下面.至于使用 Windows 并坚持玩新技术的同学,我坚信他们一定有着过人的.甚至是不可告人的兼容性 bug 处理能力,所以这部分同学麻烦在课程无法继续时,自行兼容一下. 不久前公司刚发一台新 Mac 给我,所以我对于在新环境中安装 Node.js 的过程还是记忆犹新的. 其实这过程特别简单: 先安装一个 nvm( https://github.com/creationix/nvm ) $ curl -o-…

npm项目创建初始过程详解

npm install 就是安装模块,npm run dev 就是执行npm script中的命令.当我们执行npm命令的时候,它到哪里去找,这就要说到每个node项目中都有的核心文件package.json 文件. 项目开始时,我们就要建立这个文件.假设我们要创建一个node 项目,我们会新建一个文件夹命名node, 这时我们就要创建package.json文件.进入node 文件夹,你可以手动创建,就和创建一个txt文件一样,但我们一般都会使用命令创建,打开cmd 窗口,输入npm ini…