你吃不吃蛋炒饭-CSDN博客

原创 jQuery实现轮播图

轮播图 1、点击事件切换点击（向左或向右）点击小圆点 2、切换点击逻辑向左点击或者向右点击 false表示向做点击，true表示向右点击创建函数nextPage(next)函数设置切换图片的总时长、一共要切换的次数、图片的宽度点击切换图片逻辑 <script src="../js/jquery-1.10.1.js"></script> <script> $(function(){ //获取显示容器 var $container =

2021-10-31 20:05:22 389 1

原创 jquery中的核心函数、jquery对象

jQuery简介 jQuery是一个优秀的js函数库 jQuery核心函数就是$或jQuery（是个函数） jQuery定义了这个全局的函数供我们使用它既可作为一般函数调用，且传递的参数类型不同/格式不同功能就完全不同（if判断）也可作为对象调用其定义好的方法，此时$就是一个工具对象参数为函数，则约等于页面加载完成函数参数为选择器字符串，通过选择器去匹配的元素，封装成jQuery对象返回参数为DOM对象将当前的DOM对象转换为jQuery对象返回参数为HTML标签字符串，将当前这个标签创建

2021-10-27 11:33:57 196

原创 js面向对象，属性继承、方法继承、混合继承

面向对象面向对象语言的三大特征：封装、继承、多态在js（es5）当中，我们可以讲构造函数理解为类（可以作为类来使用），在es6中出现了一个新的关键字class（类），不过也不是真正的类底层依旧是通过分装构造函数来实现的，其实本质就是语法糖构造函数和继承研究继承，核心问题是让子类继承父类的基本属性 1、继承属性 function Dog(name,color,age){ this.name = name; this.color = color; this.age = age }; f

2021-10-26 09:59:17 188

原创 js中的原型链、构造函数、继承

原型链文章中的图片中的Object创建的原型对象的地址是不同的 function Person(name,age){ this.name = name; this.age = age; } Person.prototype.eat = function(){ console.log('吃饭'); }; let per1 = new Person('jack',18); console.log(per1); 1、构造函数内部的this会指向当前实例化的对象构造函数都有prototype这个

2021-10-22 19:18:23 145

原创 js执行的上下文

执行的上下文程序在解析和运行的时候所依赖和使用的环境全局执行上下文环境和函数执行上下文（全局环境和函数环境）执行上下文栈程序为了管理执行上下文，所创建耳朵栈数据结构预解析（变量提升）先解析函数，函数重名覆盖再解析变量，变量重名忽略作用域变量起作用的范围函数定义在哪它的作用域就在那作用域隔离变量，防止变量名被污染作用域定义时候确定作用域链是真实存在的，作用域链是使用执行上下文当中变量对象组成的链条结构（数组结构）查找的时候起始真正是先去自身变量

2021-10-22 16:22:19 108

原创 javascript类型转换、运算符

类型转换与运算符类型转换：其他字符转换为字符类型其他类型转换为数字类型其他类型转化为布尔类型将字符串转换为Boolean类型将null类型和undefined类型转换位Boolean类型运算符算数运算符：一元运算符赋值运算符逻辑运算符非布尔值逻辑运算关系运算符类型转换：其他字符转换为字符类型 toString();方法和String();函数 // 类型转换，指将其他数据类型转换为String、Number let a = 10; // 将其他类型转化为字符串 // 方式一：调用呗转换类型

2021-09-21 19:59:48 324

原创相对定位、绝对定位、固定定位、层级的问题

定位定位定位1、相对定位2、绝对定位3、绝对定位相对定位结合使用4、固定定位5、层级 1、相对定位是一种占位定位，虽然移动了位置但在标准流的位置还存在，在移动时是z轴空间此时不会影响周围的元素，但是标准流的位置还存在 position:relative; 水平偏移量 left:0; right:0; 垂直偏移量 top:0; bottom:0; 2、绝对定位不占位置，完全脱离标准流，默认参考点是窗口 position:absolute; top:0; left:0; 当left和right同

2021-09-11 11:24:49 1183

原创浮动、为什么要用浮动做横向布局、解决浮动的影响

浮动浮动浮动行内元素和行内块元素横向布局的问题浮动元素造成的影响解决方案：左浮动和右浮动浮动布局中的问题浮动最开始是为了实现文本环绕的效果浮动元素实现文本环绕的效果：当元素浮动之后脱离标准流，不占位置，后面的元素不会浮动，然后就会上移，后面的文本就会被浮动元素盖住，对浮动元素文本环绕现在浮动用来做横向布局，因为不是标准流了，然后元素可以设置宽高，垂直方向的margin和padding，当父元素宽度不够时会自动换行，不设置宽高时，宽高由内容决定浮动横向布局，代码间没有换行间距，设置内外边距也不会影响

2021-09-11 09:52:28 353

原创盒子模型、外边距、内边距、塌陷问题的解决办法

盒子模型盒子模型盒子模型内边距设置上下左右外边距外边距外边距合并外边距塌陷解决方案：块元素水平居中盒子的大小：border + padding +content组成内边距盒子模型的内边距padding，当盒子设置内边距之后，会撑大盒子的尺寸，为了保证盒子的尺寸不变，就要给盒子减去padding区域的尺寸设置上下左右外边距单属性： padding-left:px; padding-right:10px; padding-top:10px; padding-bottom:10px; 复合属性：设

2021-09-11 08:54:29 1041

原创清除标签默认样式

清除标签默认样式这里写目录标题清除标签默认样式清除盒子内外间距清除列表小圆点清除标题标签加粗和字体清除斜体清除粗体清除下划线、删除线图片底部留白去除input标签轮廓线去除a标签下划线清除浮动清除盒子内外间距 1、清除盒子内外间距： body,h1,h2,h3,h4,h5,h6,ul,li,dt,dd,ol{ margin:0; padding:0; } 清除列表小圆点 2、清除列表小圆点 ul,ol{ list-style:none; } 清除标题标签加粗和字体 3、清除标题标签加粗和字体

2021-09-10 20:42:24 1714

原创 javascript操作符、语句、函数的创建

操作符和语句一、一元操作符 1、基础操作符递增递减 let a = 1; console.log(a++); console.log(a--); console.log(++a); console.log(--a); 加减乘除取余 let total = 1+1; total = 1-1; total = 1*2; total = 6/4; total = 10%3; 2、条件操作符 //let max = boolean_value ? true_value : false_value; let

2021-04-29 14:50:58 119

原创 javascript基本的数据类型

基本的数据类型有六种简单的数据类型：undefined、Null、Boolean、Number、String和符号用typeof操作符查看变量类型 1、数字 //123456 Number()将某值转化为数字类型 parseInt（）将某值转化为数字，不成功则是NaN pareFloat（）将某只转化为浮点数，不成功则NaN NaN（not a number）不是数字 Infinity无穷大 str = '123456abcdefg'; console.log(Number(str));//NaN co

2021-04-29 10:53:24 82

原创 javascript 变量声明

javascript 变量声明变量声明javascript 变量声明变量1、全局变量2、局部变量2.1 var作用域2.2 var声明提升2.3 let声明3、const声明4、命名规则5、声明风格变量 1、全局变量如果只定义变量没有赋值，变量会保存一个特殊值undefined a = 123; 2、局部变量 var a = 123; a = '123';//合法不推荐 var b,c,d;//定义多个变量 2.1 var作用域 function test(){ var message = "

2021-04-26 15:22:54 169

weixin_48127010的博客