- 博客(12)
- 收藏
- 关注
转载 css在ios和android设备上的兼容性问题(移动设备不同内核浏览器样式兼容性)笔记
position属性带来的浮动问题:项目案例:网宿流量微信公众号活动红包抽奖页面;问题描述:在input被获取焦点时,屏幕上position属性值为absolute的元素,包含input,会被弹出的虚拟键盘顶起,导致显示样式异常设备:Android设备存在此问题,而iOS设备显示正常原因分析:css属性中对容器的样式中提到,子元素定位方式为absolute或者fix
2016-11-09 13:39:19
3900
转载 判断一个变量类型是数组还是对象
因为无论是数组还是对象,对于typeof的操作返回值都为object,所以就有了区分数组类型和对象类型的需要:方一:通过length属性:一般情况下对象没有length属性值,其值为undefiend,而数组的length值为number类型 缺点:非常不实用,当对象的属性存在length,且其值为number(比如类数组),则该方法失效,不建议使用,看看即可。*方二:通过insta
2016-09-25 11:31:35
549
转载 HTTP状态码
完整版 1**(信息类):表示接收到请求并且继续处理 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 2**(响应成功):表示动作被成功接收、理解和接受 200——表明该请求被成功地完成,所请求的资源发送回客户端 201——提示知道新文件的URL 202——接受和处理、但处理未完成 2
2016-09-21 23:53:44
236
原创 sessionStorage localStorage 和 cookie 的区别
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念。sessio
2016-09-21 22:53:55
230
原创 CSS里常见的块级元素和行内元素
根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属
2016-09-21 22:37:18
249
转载 html5中px,em,rem区别
PX为单位在Web页面初期制作中,我们都是使用“px”来设置我们的文本,因为他比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,他改变了浏览器的字体大小,这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说,就是一个大问题了。因此,这时就提出了使用“em”来定义Web页面的字体一,Em为单位这种技术需要一个参考点,一般都是以
2016-09-21 22:16:21
2945
转载 CommonJS和AMD/CMD!
彻底弄懂CommonJS和AMD/CMD!JS中的模块规范(CommonJS,AMD,CMD),如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯,我也听过,但之前也真的是听听而已。 现在就看看吧,这些规范到底是啥东西,干嘛的。 一、CommonJS CommonJS就是为JS的表现来制定规范,NodeJS是这种规范的实现,webpa
2016-09-20 17:44:36
264
转载 SeaJS与RequireJS最大的区别
执行模块的机制大不一样-----------------------------------由于 RequireJS 是执行的 AMD 规范, 因此所有的依赖模块都是先执行.使用 RequireJS 默认定义模块的方式, 在理解上会更清楚一些, 但个人还是偏爱 require('./mod1') 这样的方式define(['dep1', 'dep2'], function (dep
2016-09-20 17:38:00
305
原创 JS中模块的写法
JS中模块的写法一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 function m1(){ //... } function m2(){ //... } 二、对象写法为了解决上面的缺点,可以把模块写成一个对象,所有的模块成员都放到这个对象里面。
2016-09-20 17:30:15
313
转载 浏览器兼容
第二步,用IF语句来判断浏览器。 复制代码代码如下: 这段文字只在IE浏览器上显示 这段文字只在IE6浏览器上显示 这段文字只在IE6以上版本IE浏览器上显示 这段文字在非IE7浏览器上显示 这段文字只在非IE浏览器上显示 词语解释: lte:就是Less than or equal
2016-09-20 17:25:58
232
转载 浏览器的内核分别是什么?经常遇到的浏览器兼容性有哪些
现在主流的浏览器都有两个内核,一个webkit内核 一个IE内核。 webkit内核加载网页的速度会比IE内核快很多,所以你会感觉浏览器确实越来越快了。 但是由于IE的历史比较悠久,很多网站是基于IE的标准建设的。特别是国内的政府网站和银行网站,在安全性的措施上面都使用的是IE专有的技术。 这样在用webkit的时候就会导致网页加载不正常,或者网页的某些功能无法使用。 所以现在浏览器都是
2016-09-20 17:22:31
1258
转载 利用html和css实现常用的布局
单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素)使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: inline
2016-09-20 17:10:00
333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人