madman0621的博客

技术分享,这条路上我们并不孤独。

JS 基础篇(七):JS中的遍历函数

目录: Array.prototype.map() Array.prototype.forEach() Array.prototype.fliter() Array.prototype.some()与Array.prototype.every() Array.prototype.reduce()...

2019-02-15 20:12:29

阅读数 28

评论数 0

jQuery Validation插件问题

问题 $("#commentForm").validate({ rules:{ username:{ required:true, minlength:2 } }, messages:{ userna...

2019-02-15 19:56:33

阅读数 23

评论数 0

JS 基础篇(六):事件冒泡与捕获

目录: 事件冒泡 事件捕获 addEventListener的第三个参数 事件冒泡与事件捕获同时存在 如何阻止事件冒泡或者事件捕获 通过event.stopPropagation()终止事件传播 对触发事件元素进行过滤 一、事件冒泡 微软提出了名为事件冒泡(event bubbling)...

2018-10-05 21:12:33

阅读数 43

评论数 0

JS 基础篇(五):JS严格模式

目录: 严格模式介绍 严格模式使用 为整个脚本开启严格模式 为函数开启严格模式 严格模式的改变 普通变量 重名问题 禁止this关键字指向全局对象 静态绑定 arguments对象的限制 禁止在函数内部遍历调用栈 保留字 一、严格模式介绍 ...

2018-10-04 11:00:21

阅读数 40

评论数 0

JS 基础篇(四):JS中的函数

目录: 函数的参数 函数的返回值 立即执行函数 简单介绍下关于JS函数使用过程中的一些情况。 一、函数的参数 1、调用函数时没有提供足够的参数,缺少的参数将会被underfined替代。 function add(a,b){ console.log(&amp...

2018-10-04 11:00:11

阅读数 37

评论数 0

JS 应用篇(三):var、let、const的区别

目录: var定义 let定义 const定义 在JS中,定义变量的方法有var、let、const 三种方式。下面我们一一介绍他们之间的区别。 一、var定义 1、“var”处理所有变量声明,不管在哪里声明,最后都会在函数作用域顶端(如果在函数内部声明)或则在全局作用域顶端(...

2018-10-04 11:00:01

阅读数 24

评论数 0

JS 基础篇(三):原型继承

目录: 构造函数绑定 prototype模式 直接继承prototype 利用空对象作为中介 寄生组合式继承:保证原型继承中父级引用对象属性的独立性 ES6继承通过Babel编译成ES5的实现方法 拷贝继承 以下将介绍对象之间“继承”的五种方法。 目前我们有一个父类为An...

2018-10-04 10:59:40

阅读数 38

评论数 0

JS 基础篇(二):理解JS原型对象与原型链

目录: 什么是原型对象和原型链 为什么使用原型对象 原型对象的理解 “prototype"和”__proto__"区别 查找属性 原型对象操作 一、什么是原型对象和原型链 JavaScript 常被描述为一种基于原型的语言 (prototype-based ...

2018-10-03 17:45:15

阅读数 36

评论数 0

JS 基础篇(一):创建对象的四种方式

目录: 声明一个对象的语法 通过构造方法 使用Object()构造函数 使用create()方法 一、声明一个对象的语法 直接声明一个对象: var person1 = { name : "Jie", age: 23, say: fu...

2018-10-03 17:29:28

阅读数 37

评论数 0

JS 应用篇(二):== 与 === 的区别

目录: == 与 === 的概念 严格运算符===的运算规则 相等运算符==的运算规则 == 中的坑 总结 一、== 与 === 的概念 1、 "==“叫做相等运算符,”==="叫做严格运算符。 2、 ==,等同的意思,两边值类型不同的时候,要先进行类型转换...

2018-10-03 17:23:36

阅读数 33

评论数 0

JS 应用篇(一):Underfined与Null的区别

目录: 基本数据类型 underfined 声明一个变量,但是没有赋值 访问对象上不存在的属性或者未定义的变量 函数定义了形参,但没有传递实参 使用void对表达式求值 null 两种情况下我们会将变量赋值为null 特殊的typeof null underfined与null 一...

2018-10-03 17:11:20

阅读数 291

评论数 0

CSS 技巧篇(七):设置元素居中

目录: 水平居中 1、使用margin:0 auto配合元素的width(需要固定元素宽度) 2、使用绝对定位配合margin(需要固定元素宽度) 3、块级父元素让行内元素居中 4、利用relative定位与行内样式 5、通过transform进行设置 6、通过flex-box 垂直居中 ...

2018-10-03 17:00:14

阅读数 85

评论数 0

CSS 技巧篇(六):display设置元素为行内元素时,元素之间存在间隙问题

在使用display将元素设置为行内元素的同时(例如:inline、inline-block等),将margin全部设置为0,padding全部设置为0的时候,我发现了元素之间居然还存在着间隙!!!???如下图所示: 不知道哪里冒出来的这个间隙,现在给出解决方案: 第一步:在这些行内元素的父元素...

2018-10-03 16:55:55

阅读数 69

评论数 0

CSS 普通属性篇(二):Display属性

目录: display属性介绍 display:none display:block display:inline display:inline-block 一、display属性介绍 display 属性规定元素应该生成的框的类型。 以下是一些关于display比较常用的属性值: 值...

2018-10-03 16:51:36

阅读数 20

评论数 0

CSS 技巧篇(五):理解CSS优先度

目录: CSS优先级 CSS优先级介绍 CSS优先级计算 基于类型的优先级 not伪类不参与优先级计算 优先级计算无视DOM树中的距离 !important !important介绍 什么情况下可以使用!important 如何覆盖!important 一、CSS优先级 1、CSS...

2018-10-03 16:43:25

阅读数 38

评论数 0

CSS 技巧篇(四):伪类与伪元素的区别

目录: 伪类介绍 伪元素介绍 区别 总结 一、伪类介绍 CSS 伪类用于向某些选择器添加特殊的效果。 二、伪元素介绍 CSS 伪元素用于将特殊的效果添加到某些选择器。 三、区别 我们通过使用伪类 :first-child 和伪元素 :first-letter 来进行比较。 1)、伪类:fi...

2018-10-03 16:32:59

阅读数 27

评论数 0

CSS3 新属性篇(五):background-size属性

目录: background-size属性介绍 演示代码 background-size属性分析 设置固定尺寸的背景图片 背景图片的宽高是根据自身所属元素的宽高以百分比进行缩放 背景图片扩展并覆盖填充满整个所属元素区域 背景图片尺寸宽度和高度完全适应内容区域 一、background-s...

2018-10-03 16:25:01

阅读数 761

评论数 0

CSS3新属性篇(四):box-sizing属性

在CSS中,你设置一个元素的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内边距。当我们实现响应式布...

2018-09-06 09:33:26

阅读数 41

评论数 0

CSS技巧篇(三):background-position和雪碧图(CSS Sprites)用法

       background-position属性使用频率非常高,大量的网站为了减...

2018-09-06 09:32:19

阅读数 66

评论数 0

CSS3新属性篇(三):Flex弹性盒子

一、Flex介绍 Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局: .box{ display: flex; } 行内元素也可以使用 Flex 布局: .box{ display...

2018-09-06 09:27:47

阅读数 131

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭