i_will_be-优快云博客

原创 rem、em、px三者的区别

rem(用于可扩展布局):代表根元素font-size的大小，（例如：用在<html> 元素的font-size）。 > 当用在根元素的font-size上面时，它代表了html的默认的font-size大小。 >当未在根元素上面设置font-size大小的时候,此时的1rem==1em. >当在根元素设置font-size=2rem的时候,就使得页面中1rem的大小相当于html的根

2017-10-22 20:53:44 467

原创前端模块化之模块化工具gulp和webpack的安装。

学习前端模块化的第一步，安装模块化工具。 1.下载安装node 按照安装向导一步步完成即可。1)安装完成后，在终端输入node -v 回车打印出nodejs的版本号，说明nodejs安装成功。 2)在终端输入npm -v 回车打印出npm的版本号，说明npm也安装成功(node安装包中已集成了npm,因此在安装nodejs的同时也安装了npm)。2.设置npm

2017-10-18 10:40:19 744

原创 JavaScript之闭包

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。闭包导致的问题：闭包只能取得包含函数中任何变量的最后一个值。举例更好的说明：function createFunction(){ var result=new Array(); for(var i=0;i<10;i++){ result[i]=f

2017-10-16 16:09:24 276

原创 http之状态码详解。

http状态码的主要功能是体现了Web服务器对浏览器请求的页面通信状态，所有的状态码都是定义在http规范中。状态分为以下几类：>1XX:请求已发出。>2XX:处理成功。>3XX:重定向。>4XX:客户端出现的错误。>5XX:服务器中出现的错误。常见的状态码具体的编码以及其中的含义：100：web服务器已经正确地接收到请求。200：正常，请求已经完成。201

2017-10-16 11:08:25 238

原创 http和http之间的区别。

首先，先介绍http和https. http是一个客户端和服务端请求和应答得标准TCP，用于从WWW服务器传输超文本到本地浏览器的传输协议，可以使浏览器更加高效，减少网络传输。 https协议是加密之后的http，https的协议的主要作用：一种是简历信息安全通道，来保证数据传输的安全，另一种就是确认该网站的真实性。现在，介绍http和https两者的区别。1.h

2017-10-16 10:35:03 974

原创 JavaScript之函数的apply和call方法。

首先，还是先介绍一下call和apply方法。1.所有的函数都默认包含applycall这两种方法。2.调用函数的apply和call方法，就相当于调用该函数。3.call方法和apply的方法：通过传参的方式，强制函数内的this指向某一对象，this引用的会被指向call/apply的第一个参数。4.apply和call方法的不同：call方法第一个参数之外的参数是直接按参数列

2017-10-16 10:01:54 313

原创 js中typeof和instanceof的区别。

js有5种简单数据类型：undefined、null、Boolean、number和String，还有一种复杂数据类型object。通常我们使用objectof来检测变量的数据类型，但是typeof的返回值并不全是那几种基本类型。（1）返回undefined。对未初始化和未申明的变量执行typeof操作符，会返回undefined。（2）返回Boolean。对布尔值执行type

2017-10-12 14:48:03 422

原创 css定位之position

以下是我对position属性的了解和总结。position：static；position的默认属性，元素框会根据在HTML文档中出现的顺序先后定位。position：fixed；固定定位，元素框会相对于浏览器视窗窗口定位。比如一些广告弹窗，总是在窗口的固定位置。position：relative；相对定位。相对于元素本来在文档流中的位置。position：absolute；

2017-10-12 09:46:29 210

转载 GitHub上传代码的方法以及出现的一些错误的解决办法

最近想把之前写的网页挂到网上去，搜索后发现GitHub的homepage可以实现。昨天花了半天的时间在从GitHub建仓库开始，最终把我的网页成功挂到网上。中间出现了一些问题，后来通过百度解决了。所以就想把昨天找到的一些教程和问题解决办法总结起来，方便自己也方便大家。同时也要感谢前辈们，将知识分享出来。教程链接：http://blog.youkuaiyun.com/laozitianxia/artic

2017-08-29 16:00:51 4583

原创当margin和padding的值是百分比时，应该如何计算的？

对元素的margin设置百分数时，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。当然，padding的原理也是一样的。如果没有为元素声明width，此时元素框的总宽度包括外边距取决于父元素的width，这样可能得到“流式”页面，即元素的外边距会扩大或缩小以适应父元素的实际大小。

2017-08-19 10:31:34 4404

原创 css组合器

A,B 匹配同时满足A和B的任意元素。A B 匹配当任意元素，满足条件：B是A的后代节点。（B是A的节点，或者A的子节点的子节点）。A>B 匹配任意元素，满足条件：B是A的直接子节点。A+B 匹配任意元素，满足条件：B 是A的下一兄弟节点（A和B有相同的父结点，并且B紧跟在A后面）。A~B匹配任意元素，满足条件：B是A之后的兄弟节点中的任意一个。

2017-08-03 20:29:58 288

原创学习bootstrap的总结

前端菜鸟一枚，最近开始学习bootstrap，自己的总结，如果有大神看到有好的学习建议，还请多多指教。在学习之前，在 MDN将css的基础知识又过了一遍。开始学习之后，发现框架并没有我想象中的那么难。只是把一些东西更好的归纳在一起，使用的时候通过类名，其中bootstrap的类名也是简单易懂的。了解到了bootstrap中的自适应是如何实现的，过一遍所有的功能实现,对bootstrap

2017-08-03 19:30:53 833

原创 html图片标签为什么要添加alt属性？

首先，先说明本人前端初级菜鸟一枚。今天在看教学视频的时候，老师说了一句，alt属性必须要添加。不明白原因，所以就在网上查了一下。想尝试着写博客，锻炼自己的总结能力，所以就写成博客啦！内容是我从不同的地方看到的，将alt属性的好处和SEO的含义写在一起，看起来更方便。SEO：搜索引擎优化的简称，是指对网站通过一系列有利于用户体验的优化操作使其网站符合搜索引擎的算法排序原理，让自己的网站在在搜索引擎的

2017-07-03 15:54:31 3997

i_will_be的博客