柠静檬-CSDN博客

转载 css在ios和android设备上的兼容性问题（移动设备不同内核浏览器样式兼容性）笔记

position属性带来的浮动问题：项目案例：网宿流量微信公众号活动红包抽奖页面；问题描述：在input被获取焦点时，屏幕上position属性值为absolute的元素，包含input，会被弹出的虚拟键盘顶起，导致显示样式异常设备： Android设备存在此问题，而iOS设备显示正常原因分析： css属性中对容器的样式中提到，子元素定位方式为absolute或者fix

2016-11-09 13:39:19 3902

转载判断一个变量类型是数组还是对象

因为无论是数组还是对象，对于typeof的操作返回值都为object，所以就有了区分数组类型和对象类型的需要：方一：通过length属性：一般情况下对象没有length属性值，其值为undefiend，而数组的length值为number类型　　缺点：非常不实用，当对象的属性存在length，且其值为number（比如类数组），则该方法失效，不建议使用，看看即可。 *方二：通过insta

2016-09-25 11:31:35 550

转载 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 250

转载 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 306

原创 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

sunshineGirl_77的博客