每个客户使用的设备都各不相同，所以会出现各种品牌手机样式或者js不兼容的情况，这里我们在做项目中也遇到并记录了各种兼容问题的一些产生与解决方案，避免以后再次出现兼容性问题影响客户体验，同时在代码编写上就提前规避到兼容问题，提高开发效率。一、iOS中多个position:fixed中z-index失效导致的坑项目中难免会遇到一些弹框提示，在ios苹果手机，多个position:fixed导致层级关系
在日常开发中，我很久以前就遇到了http请求报错的场景，虽当时已做记录，但是确记录到了我的另一篇Blog - 常见异常汇总 ，现在正好有时间就做一波Android9.0适配笔记 ~版本兼容Android 7.0 兼容适配Android 8.0 兼容适配Android 9.0 兼容适配Android 10.0 兼容适配Android每次版本更新后，总会为开发者来带来一部分的兼容工作，此处主要讲的就是
1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。
第一阶段： HTML + CSS 内容
第二阶段： JS + DOM
交互
第三阶段： jQuery + AJAX + HTML5 全栈
今日目标：
1)jQuery概述——了解
2)jQuery选择器——重点
1.jQuery
官网：https://j
转载
2023-09-30 00:46:17
6阅读
我从事前端行业也蛮长时间，想想自己当初刚入行的时候被众多不同内核的浏览器的兼容头痛，经常是在这个浏览器上调试好了，但是在那个浏览器上又出问题。真是不同版本，不同浏览器搞的你是晕头转向的。但是，也正是这些bug，这些兼容问题，才体现出前端的价值是吧，哈哈！当然，只是一小部分啦。下面是我在工作的时候总结出来的一些调试页面兼容问题的方法，希望能帮到一些遇到问题的同学。 1.利用各种前端利器辅助查找
转载
2023-10-10 17:35:48
131阅读
本文采用AspectFit 方式来计算实际屏幕分辨率，计算方式如下：local framesize = cc.Director:getInstance():getOpenGLView():getFrameSize()
local scaleX,scaleY = framesize.width/1136,framesize.height/640
local realScale = math
市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎，内核更加倾向于说渲染引擎。常见的浏览器内核可以分四种：Trident、Gecko、Blink、WebkitIE浏览器：Trident内核，也称为IE内核
Chrome浏览器：Webkit内核，现在是Blink内核
Firefox浏览器：Gecko内核，
iOS开发如何学习前端(1) 我为何学前端? 因为无聊. 概念 前端大概三大块. HTML CSS JavaScript 基本上每个概念在iOS中都有对应的. HTML请想象成只能拉Autolayout或者设置Frame的ViewController. 好比你在网页上放了一个Button,如果用HTML你就可以设置他的摆放位置,在哪哪个控件里
一、首先你要知道的是兼容是哪些问题前端兼容性问题分三类：浏览器兼容问题IE6、7、8不支持HTML5、CSS3、SVG标准，可被判定为“极难兼容” IE9不支持Flex、Web Socket、WebGL，可被判定为“较难兼容” IE10部分支持Flex（-ms-flexbox）、Web Socket，可被判定为“较易兼容” IE11部分支持Flex、WebGL，可被判定为“较易兼容” IE6、7、
前一段时间改了一个bug，是因为select引起的。当时我没有仔细看，只是把bug改完了就完事了，今天来总结一下。 首先说option中我们通常会设置value的属性的，还有就是text值的，请参见下面的HTML代码： 1 <select class="sel" name="">
2 <option value="1">one</option>
前端开发中碰到的坑、移动端兼容性问题1、ios兼容input光标高度问题：input输入光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。**出现问题原因：**通常我们习惯用height属性设置行间的高度和line-height属性设置行高，当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候
1、日期兼容性 安卓系统下Date.parse(new Date('2018-03-30 12:00:00'))ios系统下Date.parse(new Date('2018-03-30 12:00:00'))转化不来。 解决方法（兼容性写法）Date.parse(new Date('2018/03/30 12:00:00')) || Date.parse(new Date('2018-03-30
转载
2023-11-06 15:19:41
77阅读
由于IE8不支持HTML5，而它又是Win7的默认浏览器，我们即使讨厌它，在这几年却也拿它没办法。最近做了个需要兼容IE8的项目，不可避免地用了HTML5+CSS3，甚至canvas和svg，做兼容工作的时候不禁叫苦不迭。一个项目下来后，倒是收集了一些志于让HTML5兼容IE8的库，还有一些零散的代码和优雅降级的技巧，整理如下。IE8的兼容工作是个大活，这篇文章还不完整，肯定有很多疏漏和不足，望读
常见浏览器内核分四种：Trident、Gecko、Blink、WebkitIE浏览器：Trident内核，也称为IE内核
Chrome浏览器：Webkit内核，现在是Blink内核
Firefox浏览器：Gecko内核，俗称Firefox内核
Safari浏览器：Webkit内核
Opera浏览器：最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核；
360浏览器：
Android和iOS显然是目前最受欢迎的移动平台，也是最大的两个竞争者。在今年，谷歌和苹果都对各自的系统进行了更新，其中iOS 8.1已经正式推送，相信各位苹果用户已经正在使用；而Android 5.0将随着Nexus 6等新设备在几天内正式推出，新一代的移动平台大战将正式展开。Android 5.0初期仅会出现在谷歌原生设备上，各大主流手机厂商也对在几个月内对机型进行系统更新，即便它们采用了厂
一、ReactNative概述移动端开发的3种常见模式：
1、WebApp
理解1：
通过前端技术 编写的可以运行在手机浏览器端的网页，
提供的用户体验 类似于app用户体验
--》WebApp
理解2：
结合着前端技术 加上原生开发时WebView组件，
兼容问题一般都是面试必问问题，今天搞明白！！！浏览器兼容问题一：不同浏览器的标签默认间距不同
出现问题：当我们布局的时候，在不加样式控制的情况下，各自默认的margin和padding差异较大。
解决方案： 在css开头中使用通配符*，设置各个标签的margin和padding值为0，就可以了。浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的
随着以Firefox为代表的第三方浏览器的兴起，我们做的网站也不能再JUST IE了，如果把原来的一些javascript代码放到IE以外的浏览器的话，往往都不能正常运行或出错，所以这里介绍一下怎么改进我们的JS，让它能更加规范，更加具有兼容性。示例代码：不吃苹果尽量采用W3C DOM 的写法以前访问对象可能是：document.all.apple 或者 apple现在应该采用：doc
这适用于在当前页表格搜索的情况。思想来自于《【JavaScript】利用sort()函数与文件碎片实现表格的前端排序，兼容IE6原生态》（点击打开链接），本来打算使用纯JavaScript无不论什么插件写的。可是无奈JavaScript无法独立操作tbody节点。清空tbody节点内的数据。仅仅能拉
转载
2017-05-16 13:37:00
92阅读
2评论
先来看一看上面这张图，测试人员同一个测试用例、同一个功能测试，如何在不同的手机上进行测试呢？在进行兼容性测试时，一个要点是系统版本，一个要点是机型。我们先来看看iOS现有的系统、机型。 从系统上，可以看到iPhone有这么多的系统、机型，这么多肯定是测不过来的，采购这些手机也得一笔预算。在有限的时间里测试完所有功能，又要考虑到大部分系统和机型。 从机型上，尽量覆盖不同的尺寸。因
转载
2023-06-25 23:36:05
103阅读
