正直的阿长啊-优快云博客

转载浏览器的两种模式quirks mode 和strict mode

在看js代码时，有时会看到关于quirks mode(怪异模式)和strict mode(严格格式)的东西，一直也没深究怎么回事，只是零零碎碎的有些概念，最近终于受不了这种似懂非懂的感觉，决定好好学习总结一下。1、quirks mode和strict mode是浏览器解析css的两种模式，或者可以称之为解析方法。目前正在使用的浏览器这两种模式都支持。 2、历史原因。当早期的浏览器Ne

2017-09-04 10:02:13 1632

转载清除浮动的几种方法

关于清除浮动的四种方法浮动对页面的影响：　　　　如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0，　　　　下面的元素会自动补位，所以这个时候要进行浮动的清除。关于清除浮动的方式: 　　方式一:使用overflow属性来清除浮动　　　　.ovh{　　　　　　overflow:hidden

2017-07-28 10:52:22 885

转载伪类清除浮动

详细说起来，清除浮动的方法有很多，但是或多或少总是会带来一些比较负面的影响。各种方法比较起来，未来清除浮动的办法是相对比较好的选择。以前总是加一个来解决，但这样会增加无语义的标签，下面是用after伪类实现，兼容多种浏览器.clearfix:after{ content:"."; display:block;

2017-07-28 10:49:22 829

转载 display和visibility的用法和区别

大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。visibility和display两个属性都有隐藏元素的功能。visibility属性所控制的元素虽然不在浏览器里面显示出来，但他在浏览区里是存在的，只是不显示而已。而display属性设置为none，这个元素就变成了一个不显示的元素。一、Display的属性值

2017-07-28 10:38:06 1004

转载 eval（）函数

eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行，本文给大家eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。如果参数是一个表达式，eval() 函数将执行表达式。如果参数是Javascript语句，eval()将执行 Javascript 语句。语法复制代码代码如下:

2017-06-17 15:18:30 830

转载 var const let 三者之间的区别

1.const定义的变量不可以修改，而且必须初始化。1 const b = 2;//正确2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值4 // b = 5;5 // console.log('函数外修改const定义b：' + b);//无法输出 2.var定义的变量可以修改，如果不初始化

2017-06-15 18:19:45 534

转载 CSS伪类和伪元素

前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及标签的:link、visited等，伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。CSS3对这两个概念做了相对较清晰地概念，并且在

2017-05-27 11:27:04 678

转载 HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？

先看下面的例子你就能明白两者的差别：测试一下块元素与内联元素的差别测试一下块元素与内联元素的差别在上面的例子中，会自己产生一个新的行，而并没有换行,这是在没有CSS渲染的情况下才这样，同样，我们也可以通过CSS把div定义成内联元素，把span定义成块元素，但是，我们却不能在HTML里任意转化它们，块元素可以包含内联元素或某些块元素（上面的例子其实是错误

2017-05-23 09:12:29 1299

转载 CSS3box-shadow的使用技巧总结

text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径阴影扩

2017-05-20 10:52:06 414

转载详解js中Number()、parseInt()和parseFloat()的区别

一：Number()如果是Boolean值，true和false值将分别被转换为1和0。如果是数字值，只是简单的传入和返回。如果是null值，返回0。如果是undefined，返回NaN。如果是字符串： a. 如果字符串中只包含数字时，将其转换为十进制数值，忽略前导0 b. 如果字符串中包含有效浮点格式，如“1.1”，将其转换为对应的浮

2017-05-18 21:11:44 1502

转载浅谈 js中parseInt函数的解析

首先还是从很热门的实例parseInt("09")==0说起。parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话，默认是10进制。比如说parseInt("010",10)就是10进制的结果：10，parseInt("010",2)就是2进制的结果：2，parseInt("010",8)就是8进制的结果：8，parseInt("010",

2017-05-18 20:45:04 1361

转载 js Math 对象的方法

js Math 对象的方法js Math 对象的方法向上取整、向下取整、四舍五入等等,数字运算经常会用到，需要的朋友可以参考下1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整

2017-05-18 20:36:40 461

转载 JS中位置与大小的获取方法

scrollHeight,clientHeight,offsetHeight的区别说明：scrollHeight：DOM元素的实际内容的高度，不包border的高度，会随DOM元素中内容的增加(超过可视区后)而变大。clientHeight：DOM元素内容可视区的高度，不包含滚动条和边框的高度。offsetHeight：DOM元素整体的高度，包括滚动条和边框。

2017-05-18 20:21:09 491

转载 document.documentElement和document.body的区别

网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动：window.onscroll = function (){ var div = document.getElementById("div"); div.style.top = document.body.scrollTop + "px"

2017-05-18 14:52:31 400

转载 JS事件委托

概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就不去想别的例子来解释了，借花献佛，我摘过来，大家认真领会一下事件委托到底是一个什么原理

2017-05-16 19:45:31 323

转载 js运动动画的八个知识点

知识点一：速度动画。 1.首先第一步实现速度运动动画，封装一个函数，用到的知识是setInterval(function(){复制代码代码如下:　　　　oDiv.style.left=oDiv.offsetLeft+10+"px";　　},30).　　对于这里为什么要用到offsetLeft，我特意百度了一下，我得到的有用信息是

2017-05-06 12:01:30 418

转载 Div+CSS两种盒子模型

网页里有两种盒子模型标准一是W3C盒子模型；二是IE盒子模型（IE浏览器默认的模型）下面就用公式来区分这两种不同的盒子模型网页盒子模型存在两种： 1：标准W3C盒子模型； 2：IE盒子模型（IE浏览器默认的模型）。在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的，下面就用计算公式来区分这两种不同的盒子模型。 1：标准W3C盒子

2017-04-16 11:22:28 697

转载相对定位与绝对定位

这位博主的文章我觉得讲的很浅显易懂，特意转过来学习学习。http://www.3lian.com/edu/2015/01-31/191131.html

2017-04-11 20:15:51 464

转载 CSS的浮动问题

浮动的工作原理浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框则停留。浮动元素可能引起的问题1.父元素的高度无法被撑开，影响与父级元素同级的元素2.与浮动元素同级的非浮动元素会跟随其后3.若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面的显示结构清除浮动有什么解决办法？一般来说有三种办法。1.使用空标签清除浮动在所

2017-04-11 09:07:33 483

转载如何转载优快云的博客

var protocol = window.location.protocol; document.write(''); csdn如何转载别人的文章 - - 博客频道 - youkuaiyun.com

2017-03-30 08:49:04 3524

原创使用多行文本Textarea大小设置与resize属性结合使用

在此文中，我将和大家分享一下多行文本区域大小的设置和resize学习时记录的一点东西，希望对新手朋友有用。一、不为设置宽高属（此时浏览器显示的文本框宽高属性为其默认值） 1、谷歌、360浏览器在chrome和360chrome浏览器中，不设置浏览器会选择其自身默认的文本框大小显示内容，在没有设置属性的条件下，只能把文本区域在默认大小基础上利用鼠标拖动使显示区域变大

2016-12-04 22:38:58 16541

NinoYeves的博客