xuhaidady-CSDN博客

转载 this的指向

1、背景介绍我们在写代码时候往往希望一个函数在不同环境下行为风格一致但是具体表现不一样，这个时候就需要this出场了。 this是javascript的一个关键字,是函数内部的一个特殊对象（或this引用）;this在不同的上下文执行环境中指代不同的对象，所以我们可以用同样的this代码输出不同的结果，从而简化代码。1.1 THIS的特性会根据代码上下文...

2018-09-29 21:02:27 284

原创 ID和class的区别

一、背景介绍HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。本次讲的id和Class就是id选择器和类选择器。二、知识剖析什么是ID从语义上来说，id是identity（ai'dentiti）的简写，identity是身份的意思，比如我们的身份证就叫做id-card。在ht...

2018-09-15 20:46:23 12922

原创 DOM的基本操作

一、背景介绍什么是DOMDOM是针对于HTML和XML文档的一个API（应用程序编程接口）。是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。当网页被加载时，浏览器会创建页面的文档对象模型在DOM中，可以将任何HTML或者XML的文档描绘成一个由多层节点构成的结构二...

2018-09-01 20:02:12 181

原创 js的数据类型

一、背景介绍数据类型js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）二、知识剖析 UndefinedUndefined只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined Null...

2018-08-19 17:08:56 2301

原创 sass的使用

一、背景介绍 CSS预处理器要了解sass先看一下CSS 预处理器CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预...

2018-08-11 20:13:26 160

1.背景介绍现今每天都有更多的手机和平板电脑问市。消费者能够拥有可想象到的各种规格和形状的设备，但是网站开发人员却面临一个挑战：如何使他们的网站在传统浏览器、手机和平板电脑浏览器上有很好的效果，如何在各种大小的屏幕上提供一流的用户体验,答案是：采用响应式设计。响应式设计可以随着所显示的屏幕大小而改变。实现响应式设计的核心就是媒体查询。使用@media媒体查询，可以针对不同的媒体类型定义不同的样...

2018-07-28 19:12:54 1964

原创如何使用bootstrap栅格系统？

1.背景介绍 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 2、网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Boots...

2018-07-19 10:44:34 235

原创浮动有哪些清除的方法

1.背景介绍浮动是怎么诞生的？浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已。但是早期的前端开发者发现：浮动的元素可以设置宽高并且可以内联排列，是介于inline和block之间的一个神奇的存在，在inline-block出来之前，浮动大行其道。直到inline-block出来后，浮动也有它自己独特的使用场景。2.知识剖析浮动到底是什么？浮动核心就一句话：浮动元素会脱离文档流...

2018-07-09 19:48:15 496

原创 flex布局

1、背景介绍布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。2、知识剖析采用 Flex 布局的元素，称为 Flex 容器（flex ...

2018-06-28 16:29:21 101

xuhaidady的博客