不败的德鲁叔叔-CSDN博客

转载 CSS中的浮动和清除浮动

浮动到底是什么？浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，如下所示：但是早期的前端开发者发现：浮动的元素可以设置宽高并且可以内联排列，是介于inline和block之间的一个神奇的存在，在inline-block出来之前，浮动大行其道。直到inline-bl...

2018-05-19 00:18:39 235

原创 css水平垂直居中方法

HTML代码<head> <meta charset="UTF-8"> <link rel="stylesheet" href="index.css"></head><body> <div class="container">

2018-05-18 11:05:59 185

原创 HTML DOM学习笔记（附思维导图）

1.什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型...

2018-05-11 14:23:24 2192 1

原创 jQurey实现表单验证的总结

1.demo展示2.demo源码地址先简单介绍一下demo的功能。1.这是基本页面布局（一个注册页面） 2.当用户不输入信息直接点击“注册”，必填项下方会弹出提示信息提醒用户输入正确格式的注册信息。举个例子：年龄这一项,提示信息是“年龄不得低于18岁” 当用户输入大于18的数字，然后让光标不要聚焦（focus）在此输入框内，也就是blur事件。提示信息就隐藏...

2018-04-04 17:06:02 1571

原创 flexbox布局

在网页开发中，网页布局(layout)是css的一个重要应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，...

2018-03-28 15:55:00 160

原创清除浮动问题的分析

题外话首先，我们要思考一个问题：为什么要清除浮动呢？在我做小demo的时候，碰到一个问题，当子元素浮动的时候，父元素的背景颜色消失了？可以说，以当时我的菜鸟水平，是不知道为什么父元素的背景颜色为什么会不见，我明明设置了背景颜色的，难道颜色格式不对？或者是浏览器不兼容，是个css hack？？？？？？？？所有的猜测都指向了背景颜色，都是背景颜色的错。正题为什么要清除浮...

2018-03-27 12:44:04 203

原创 height:100%不起作用的解决办法

题外话刚接触网页制作的时候，我遇到的第一个问题就是，height100%不起作用。带着疑惑和不解，在网上搜索一番，只解决了问题，至于为什么，是什么原理，还没有得到比较权威的解释。正题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

2018-03-26 23:17:09 2150

原创 JavaScript学习笔记：内置对象（Global对象和Math对象）

ECMA-262 对内置对象的定义是：“由ECMAScript 实现提供的、不依赖宿主环境的对象，这些对象在 ECMAScript 程序执行之前就已经存在了。”意思就是说，开发人员不必显示地实例化内置对象；因为它们已经实例化了。ECMA-262 只定义了两个内置对象：Global和 Math。一．Global 对象Global(全局)对象是 ECMAScript 中一个特别的对象，因为

2018-01-20 15:28:13 627

JavaScript 的变量与其他语言的变量有很大区别。JavaScript 变量是松散型的(不强制类型)本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。一．变量及作用域1.基本类型和引用类型的值ECMAScript 变量可能包含两种不同的数据类型的值：基本类型值和引用类型值。基本类型值指

2018-01-19 00:13:19 152

原创 javascript学习笔记：function类型

1.函数的声明普通的函数声明function box(num1,num2){ return num1+num2;}alert(box(10,10));PS:alert(box);如果遇到无参函数，在打印的时候，没有把圆括号去掉，会把整个函数都打印出来。不管函数的返回值还是函数作为另一个函数的参数的时候，要去掉圆括号。函数的返回值作为参数有点小疑问，下面我有标出

2018-01-18 17:18:35 168

原创 javascript学习笔记：正则表达式

假设用户在HTML表单中填写姓名，出生日期，邮箱等，那么在将表单提交到服务器进一步处理前，javascript程序会检查表单来确认用户是否输入了信息，并且这些信息是否符合规定的格式。1.什么是正则表达式？正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript 的 RegExp 类表示正则表达式，而 String 和 RegE

2018-01-14 15:38:14 238

原创 javascript学习笔记：对象和数组

javascript函数不具备重载功能，只能覆盖。// function box(a,b){// return a+b;// }// function box(a){// return a;// }// alert(box(2,3)); //打印结构为 2//定义一个对象，不能再它定义之前打印它的值（函数可以做到）// alert(box.color); //报错

2018-01-13 23:03:19 242

weixin_41105127的博客