summer-7-CSDN博客

原创 js-对象创建模式

Object构造函数模式套路：先创建空的Object对象，再动态添加属性方法适用场景：起始时不确定对象内部数据问题：语句太多例： var p1 = new Object() p1.name = 'Tom' p1.age = 12 p1.setName = function (name) { this.name = name } console.log(p1.name,p1.age) //Tom

2021-05-30 15:19:32 86 1

原创 js中的作用域与作用域链

作用域理解就是一块“地盘”，一个代码段所在的区域他是静态的（相对于上下文对象），在编写代码时就确定了分类全局作用域函数作用域没有块作用域（ES6有了）例： if(true) { var c = 3 } console.log(c) //输出3 作用隔离变量，不同作用域下同名变量不会有冲突例： var a = 10, b = 20 function fn(x) {

2021-05-29 22:40:49 80

引入-原型请看，我们现在为Cat对象添加一个不变的属性type（种类），再添加一个方法eat（吃）。表面上好像没什么问题，但是实际上这样做，有一个很大的弊端。那就是对于每一个实例对象，type属性和eat()方法都是一模一样的内容，每一次生成一个实例，都必须为重复的内容，多占用一些内存。这样既不环保，也缺乏效率。 function Cat(name,color) { this.name = name this.color = color

2021-05-29 17:19:46 70

原创 js-构造函数

一、什么是构造函数构造函数其实是一种特殊的函数，主要用来初始化对象，也就是为对象成员变量赋初始值，它总与new关键字一起使用。我们可以把对象里面一些公有的属性和方法抽象出来封装到这个构造函数里面。这样我们就可以通过一个构造函数创建多个对象，这些对象拥有相同的构造，都可以使用这个构造函数的方法和属性。二、构造函数的目的构造函数的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别三、构造函数的使用构造函数的创建

2021-05-29 15:28:15 443

原创 jQuery的基于本地存储的增加和删除操作

jQuery的添加和删除代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-03-31 20:34:42 1020

原创 js基础知识总结

js基础语法推荐学习网站https://www.runoob.com/js/js-syntax.html js常用事件鼠标事件 onclick：点击某个对象时触发 ondblclick：双击某个对象时触发 onmouseover：鼠标移入某个元素时触发 onmouseout：鼠标移出某个元素时触发 onmouseenter：鼠标进入某个元素时触发 onmouseleave：鼠标离开某个元素时触发 onmousedown：鼠标按下时触发 onmouseup：鼠标抬起时触发 onmousemove：鼠标被移

2021-02-24 15:36:54 392

原创盒子模型

盒子模型在使用CSS进行网页布局时，我们一定离不开的一个东西————盒子模型。盒子模型，顾名思义，盒子就是用来装东西的，它装的东西就是HTML元素的内容。或者说，每一个可见的 HTML 元素都是一个盒子，下面所说的盒子都等同于 HTML 元素。这里盒子与中的盒子又有点不同，这里的盒子是二维的。盒子的组成一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）。会发现margin、border、padding是CSS属性，因此可以

2021-02-15 19:45:41 163 1

原创 HTML基本语法

什么是HTML HTML Hyper Text Markup Language(超文本标记语言) 超文本包括：文字、图片、音频、视频、动画等格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-02-07 14:41:24 147 1

原创 css高度塌陷及解决方法

css高度塌陷及解决方法为什么会出现高度塌陷？ 1.父元素高度自适应，子元素 float 后，只要子元素脱离了文档流后，造成父元素高度为0，称为高度塌陷问题。 2.在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当子元素设置浮动之后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。解决方法 1.最简单的解决方式就是给父容器设置一个固定的高度劣处：给父元素设置固定高度后，就不能进行高度自适应 2.给父元素也设置浮动劣处：（1）虽

2021-01-30 20:41:15 340

原创 css四种定位详解并附有代码展示及效果

css定位 css定位分为四种不同类型，position的值为static,relative,absolute,fixed 1.static （静态定位）它是默认值，元素框正常生成的，top left bottom right这几个偏移属性不会影响其静态定位的正常显示。代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie

2021-01-20 16:25:29 574 1

summer_567的博客