XiaoBsEven-CSDN博客

原创 Bootstrap里container的响应式布局的解释

之前在用bootstrap的时候,发现其中container设置了响应式布局,然后根据逻辑自己敲了一遍. 现在移动端越来越火,基本所有的网页都会根据移动端做一些适配,其中响应式布局,就是适配中关键的一环.其实响应式布局十分简单,通过JS原生代码,或者是@media,都可以进行响应式布局,下面我们来试试.利用原生JS代码实现响应式布局<!DOCTYPE html&gt...

2018-09-27 16:44:22 2378

原创 JavaScript严格模式说明

目录JavaScript严格模式说明严格模式注意点:1.必须使用var关键字声明变量2.在严格模式下,使用delete删除全局变量会直接报错3.对象不能存在同名的属性4.函数的形参必须唯一(不能出现同名的参数)5.禁止使用with语句6.不能使用eval和arguments作用标识符7.禁止使用八进制8.在if语句中不能声明函数9.不能使用callee和...

2018-08-29 20:05:54 443

原创 JavaScript中值类型与引用类型

目录01值类型与引用类型简单说明值类型主要有:引用类型主要有:值类型代码示例引用类型代码示例02值类型和引用类型的赋值03值类型和引用类型在函数中的使用04值类型和引用类型的相关图示01值类型与引用类型简单说明值类型主要有:number string boolean undefined null引用类型主要有:对象(object) 数组(...

2018-08-22 19:51:12 426

原创 jQuery里remove()和empty()的差别

在一开始用到这两个功能的时候,我认为两个方法的效果是相似的,用哪个都行,但是经过测试我发现,两者还是有较大不同的.废话不多,直接上代码~:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title></title&a

2018-08-18 20:06:04 297

原创 jQuery动画效果实现

目录jQuery动画效果说明方法如下:显示和隐藏动画显示和隐藏动画方法展开和收起动画展开和收起动画方法淡出和淡入动画淡出和淡入动画方法自定义动画jQuery动画效果说明在JS当中,为了实现动画效果我们往往需要各种的声明,调用,循环,遍历,无所不用其极.往往敲完一个简单的效果,时间已经过了几十分钟甚至几个小时.而当你使用了jQuer...

2018-08-17 16:20:19 1446

原创 JavaScript初解以及DOM初识

突然想起来说过会写点JS的知识,就从最简单的开始写吧.众所周知,JS由三个部分组成. 1.ECMAScript 2 DOM 文档对象模型 3.BOM 浏览器对象模型 1.ECMAScript是根据ECMA-262规定的,整个JS语言的核心,包含了JS脚本语言的基本语法以及数据类型.2.DOM 文档对...

2018-07-26 19:41:57 177

原创 CSS常用布局方法及其注意事项

我们在CSS布局中,一般情况使用以下三种情况进行定位布局: 垂直布局: 标准流(normal flow)也叫常规流,文档流.在你使用div,span,p标签进行布局时,默认就是使用标准流进行布局.标准流是垂直布局,是由块元素及其行内元素构成的.从上到下、从左到右按顺序摆放好默认情况下，互相之间不存在层叠现象. 而在标准流中,常用到margin和paddi...

2018-07-13 19:34:42 880

原创 CSS鼠标浮动简单特效

近期闲下来的时候,做了个hover浮动的小特效首先最简单的HTML,我只设置了两个DIV,方便观察,有兴趣和技术的可以自行扩展,比如添加图片缩放等HTML代码:<div class="all"> <div class="title">更多配置</div></div>CSS代码: <style> .a

2018-07-08 15:49:41 4351

原创 CSS中设置背景颜色、背景图、是否拉伸、保持居中的方法

总代码如下:body{ background:#000;url("../images/background.jpg") no-repeat center; background-size:cover; background-attachment:fixed;}其中为了省代码量,背景颜色及其图片、居中等代码我写在了一行当中如仅需在CSS中显示背景图片则background...

2018-06-29 20:19:48 6116

XiaoBsEven的博客