cersei1230-CSDN博客

原创一些jQuery知识点

1：jQuery是什么？ jquery:是一个js的脚本库；可以简便的实现js DOM遍历、操作、事件处理、动画、ajax等操作。优势：尺寸小、支持CSS3选择器、跨浏览器。 2：jQuery的引入我们在使用jQuery之前，需要去官网将文档下载下来，放在我们的项目文件夹中，然后引入jQuery的js文件才可以使用；如下所示： <script src="./jquery-3.4....

2019-09-08 21:54:01 134

原创 js中关于网页视图的宽高介绍

我们在写一些网页小项目时，总会遇到一些需要获取各种视图的宽高，下面就简单搜集了一些关于视图窗口的一些获取方法：如下所示 document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度...

2019-09-08 21:36:09 570

原创利用js写一个倒计时器

下面是利用js写的一个计时器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...

2019-09-08 21:17:22 603

原创对象和数组实现深拷贝

数据类型在js中，有两种数据类型，基本数据类型和引用数据类型。 1：基本数据类型：string，number，boolean，null，undefined。基本数据类型的数据存放在栈中，不可改变，属于深拷贝， 2：引用数据类型：数组Array，对象object，函数function；引用数据类型的数据存放在堆中，是可以改变的，存放在堆中的是一个指针，属于浅拷贝。如下例所示： /**...

2019-09-08 21:12:58 588

原创利用jQuery写一个转盘的抽奖

我们在网页上，总是能遇到抽奖的活动，那么这些效果是怎么写出来的呢，如下图所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...

2019-09-08 21:03:05 219

原创作用域及作用域链的相关知识

作用域的介绍：我们在js中定义了一个变量，当变变量被使用时，就形成了一个作用域，看如下的实例 1： * 变量使用及作用域问题 * 1：看表达式中变量在【自己的作用域】是否【声明】，只要自己的作用域中有var 变量不论在哪里都可以， * --------> 有声明那么该变量就会提升到当前作用域最顶端 * ---------...

2019-09-08 20:58:29 96

变量的作用域我们都知道，js中声明了一个变量后，如果这个变量被使用了，那么就形成了一个变量的作用域，而作用域又分为局部作用域和全局作用域，这里讲的是作用域中变量的提升。 1：JavaScript的变量声明具有hoisting机制，JavaScript引擎在执行的时候，会把所有的变量的声明都提升到当前作用域的最前面。如下例子所示：我们可以看到在函数外部定义了v=hello，在输出的下面又重新定...

2019-09-08 20:49:04 85

原创 jquery之滑动轮播

滑动轮播：简单思路：利用两个嵌套的盒子，内部的盒子放图片，并设置绝对定位，设置左右两个按钮，定义一个变量，点击按钮时，变量加加，根据变量来让内部的盒子左右移动，就实现了滑动轮播。代码如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m...

2019-09-08 20:35:15 243

原创 jQUERY利用定位和超出隐藏的轮播图

轮播图我们在很多网站上面都能看到一些轮播图，很炫酷，那么我们也可以除了利用组件写好的轮播，我们也可以自己手动写轮播，如下所示： 1：css部分 css部分就是将几张图片放在一个盒子里面，设置显示和隐藏等 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...

2019-09-08 20:19:27 606

原创闭包应用

我们来看一些闭包的引用 1：闭包应用的计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-09-06 21:41:06 94

原创关于闭包

闭包闭包的定义：外部函数里面包含内部函数；闭包的优缺点： //优点：保证变量不被全局污染，外部可以访问函数内部的变量 // 缺点，执行完毕后变量不会释放。容易造成内存泄漏那么闭包到底是什么样子的呢，我们就来看一下； function fun() { var a = 'aaa' var d = 'eeee' ...

2019-09-06 21:27:11 93

原创改变this指向的操作

改变this指向的方法之前已近介绍过this指向的情况，其实this的指向是可以改变的，有些人就会好奇，那怎么样改变this的指向呢？其实改变this的指向，有三种比较常用的方法。 1：call()的用法： function.call(调用的对象(obj)，参数)，这个呢是让obj调用这个function方法并执行，参数是以逗号隔开的。 2：apply()的用法：与call()相似，不...

2019-09-02 16:11:44 119

原创 js中this的指向

this指向 1：全局下的this指向window 2：函数中的this，谁调用指向谁 3：事件处理函数中this谁触发指向谁 4：对象中的this默认指向当前对象 5：箭头函数中没有this，但是箭头函数中出现this就去父域中找父域this指向谁就指谁 6：构造函数中的this指向构造函数的对象上面我们说了this几种情况的指向，那么我们该如何分辨this的指向呢？观察this指向的步骤 ...

2019-09-02 15:38:01 137

原创 HTML布局方式之弹性布局

弹性布局简单介绍弹性布局是HTML文档中的另外一种布局方式，弹性布局一般是给一个父级盒子设置弹性布局，父级盒子本身依然在HTML的流式布局中。弹性布局为页面的编写提供了更加简洁，更加方便的布局方式，但是弹性布局不兼容8.0版本以下的IE浏览器，所以在IE浏览器中，弹性布局不能完美的被使用。设置弹性布局的方式：display：flex；采用 Flex 布局的元素，称为 Flex 容器（f...

2019-08-21 10:18:43 1340

原创 HTML中的布局方式之文档流

HTML中的文档流 1：文档流在HTML文档中，存在着自己的布局方式，称之为文档流。为什么称之为流呢，因为它的布局方式就像流水一样，简称为流。那么，HTML中的文档流到底是怎么样的呢？它是按照从左到右，从上到下进行排列的。这个我们就要结合块元素，行内元素，行内块元素来解释了。首先是块元素，例如div，如果HTML中有两个div，无论你给div设置多高多宽，这两个div是上下单独占一行的，其...

2019-08-20 10:46:00 332

原创 js入门

js入门知识点 js简单介绍 s是Javascript的简称，js是目前前端开发使用较多的脚本语言。Javascript虽然名字中含有Java，但是它与Java是两种完全不一样的语言，换句话说，JavaScript与Java没有任何关系，JavaScript的之前的名字叫做Livescript，但是为了能使Livescript推广出去，便蹭了一波Java的热度，改名为JavaScript。 Jav...

2019-08-18 21:18:52 233

原创 HTML的标签知识点小结

HTML 首先，对于初学HTML的人来说，很多人都有一个疑问，HTML是什么？那么，HTML到底是什么呢？ HTML 指的是超文本标记语言 (Hyper Text Markup Language)； HTML 不是一种编程语言，而是一种标记语言 (markup language)；标记语言是一套标记标签 (markup tag)； HTML 使用标记标签来描述网页；简单来说，就是我们...

2019-08-10 21:06:00 227

weixin_45107630的博客