自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 收藏
  • 关注

原创 jQuery中事件的方法和属性的总结

1:绑定事件方法:bind(事件,函数) 元素绑定事件绑定事件方法的优点就是可以绑定多个事件,可以同时处理2:去除绑定方法: unbind()3:其他事件方法:------------------------------鼠标事件----------------------------------------------------------click() 点击事件dblclick() 双击mousedown() 鼠标按下mouseup() 鼠标弹起m

2020-10-11 19:52:26 18

原创 Dom属性和方法的总结

1:获取值的方法html()text()val() 既可以获取input里面的值/也可以设置值如果是下拉菜单 、单选、多选的情况下 val([’’])方法 还可以将他们设置成默认选中prop(‘checked’,true) 专属input默认选中方法2:操作属性的方法attr() 获取/设置元素属性的方法attr()还可以设置多个属性 设置多个属性采用对象的模式 attr({‘k1’:‘v1’,‘k2’:‘v2’,‘k3’:‘v3’})removeAttr() 移除属性方法ad

2020-10-11 19:48:16 11

原创 jq-ajax的概念,方法和区别

一:概念:jQuery 对 Ajax 做了大量的封装,我们使用起来也较为方便,不需要去考虑浏览器兼容性。对于封装的方式,jQuery 采用了三层封装:最底层的封装方法为:.ajax(),而通过这层封装了第二层有三种方法:.load()、.ajax(),而通过这层封装了第二层有三种方法:.load()、.ajax(),而通过这层封装了第二层有三种方法:.load()、.get()和.post(),最高层是.post(),最高层是.post(),最高层是.getScript()和$.getJSON()方

2020-10-06 15:24:50 23

原创 jq中选择器的几种方法

项目Valuefind()匹配当前元素的后代 == $(‘div p’)后代选择器children()匹配当前元素的子元素 == $(‘div>p’)子选择器next()匹配当前元素的下一个同级元素== $(‘div+p’)下一个同级选择器nextAll()匹配当前元素的下的所有同级元素 == $(‘div~p’)prev()匹配当前元素的前一个同级元素==prevAll()匹配当前元素的前的同级元素==siblings()匹配当前...

2020-10-06 15:24:09 36

原创 jq-入门的基本概念

1:什么是jQuery?它通过封装原生的 JavaScript 函数得到一整套定义好的方法。2:jQuery的作用?1.像 CSS 那样访问和操作 DOM2.修改 CSS 控制页面外观3.简化 JavaScript 代码操作4.事件处理更加容易5.各种动画效果使用方便6.让 Ajax 技术更加完美7.基于 jQuery 大量插件8.自行扩展功能插件3:jQuery的优点?以更少的代码、实现更多的功能4:jQuery的引入方式?1:本地引入(外链接)<!DOCTYPE h

2020-10-06 15:23:27 19

原创 jq中的几种选择器方式

1:基础选择器id #class .标签 div* 通配符群组 #box,pcss() 一个值的时候是找这个元素的值,两个值的时候是设置样式举例 找元素的值:alert($(‘p’).css(‘color’))举例 设置元素的样式:KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲txt').css('colo…(‘p’).size())2:层次选择器$(‘p>span’) 子选择器$(‘p

2020-10-06 07:43:44 16

原创 高级函数的总结

1:基本类型和引用类型基本类型= =简单类型= =number boolean undefined string…引用类型= =复杂类型= =函数和对象基本和引用的区别?1:基本类型存储在栈内存里面,引用类型存储堆内存里面2:基本类型是值的传递,引用类型是地址的传递2:栈内存和堆内存浏览器的内存分为2种1:一种是栈内存,存储的基本类型,也就是基本变量2:一种是堆内存,存储的引用类型,也就是函数和对象3:浏览器解析js代码的顺序(预解析)1:先看全局js代码里面是否有语句错误。2:提前

2020-10-05 09:37:16 44

原创 总结数组方法和属性

1.概念(什么叫数组):数组是一个可以存储一组或一系列相关数据的容器。2.数组元素(数组的内容):是指存储在数组中并赋予唯一索引号(下标)的数据段。 数组元素的数据类型可以不相同。 通过下标或者索引号能获取到数组相对应得内容。3.作用:为了解决大量相关数据的存储和使用的问题。4:创建数组的方法:格1:通过关键字new 创建数组var arr=new Array(0,1,2,3)格2:通过字面量创建数组(通过中括号创建数组)var arr=[0,1,2,3];5:获取

2020-10-05 09:36:10 15

原创 js中的日期对象方法

1:创建日期对象的方法:日期对象被创建以后,会获得本地(电脑上的时间)系统时间var dat=new Date();document.write(new Date())2:to开头的方法是将时间转换为字符串toString() 将日期时间转换为普通字符串toUTCString() 将日期时间转换为世界时间格式的字符串toLocaleString() 将日期时间转换为本地时间格式的字符串var dat=new Date();document.write(dat.toString

2020-10-05 09:29:40 27

原创 jQuery中继承的案例--鞍数

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>刷新页面直到桉树出现为止</h1> </body> <script type="text/javascript"> var obody = document.getE

2020-10-05 09:28:52 21

原创 原生ajax的概念和方法

1:ajax的概念AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。*AJAX 异步请求数据。 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。 这意味着可以在不重新加载整个网页的情况下, 对网页的某部分进行更新。

2020-10-05 09:28:07 58

原创 jQuery中的继承的几种方法

1:什么是继承,继承的概念:继承是指一个对象直接使用另一对象的属性和方法,继承可以使得子类具有父类的各种属性和方法。2:继承的称呼:父类 == 超类型 == 基类子类 == 派生类3:继承的方法:1:原型链继承原型链继承的缺点:1:创建子类实例时不能向超类传参2:引用类型不能保持独立2:构造继承借用构造函数的继承解决了:1:引用保持独立2:可以传参借用构造函数的继承(又叫:冒充继承)方法:call()构造继承缺点:对象冒充只能继承构造实例中的属性和方法,不能继承原型中的属性

2020-10-05 08:10:26 66

原创 jQuery中的面向对象

1:什么是对象?a:对象就是由若干个键值对,无须组成的数据类型,被称之为对象。b:简单理解,提供了特有的方法和属性就是对象!c:“对象”是一个容器,封装了“属性”(property)和“方法”(method)。举例:var o={name:‘tom’,age:12,fun:function(){alert(1)}}2:键值对?花括号里面冒号前被称之为键,冒号后被称之为值,通过键获取值。3:什么是面向对象?面向对象是一种编程思想,通过这种思想来完成代码的编程。(oop==Obje

2020-10-04 20:34:51 33

原创 jQuery中的运动属性

1:获取css的属性样式的兼容写法 function getstyle(DOM,name){if(DOM.currentStyle){ IE的兼容return DOM.currentStyle[name];}else{其他浏览器的兼容return getComputedStyle(DOM,false)[name];}}小球<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &lt

2020-10-04 20:27:51 18

原创 jQuery中的拖拽

1:鼠标在元素上的坐标位置offsetXoffsetY2:鼠标在浏览器(可视窗口)上的坐标位置clientXclientY3:事件onmousedown 鼠标按下onmousemove 鼠标移动onmouseup 鼠标弹起4:可视窗口的宽度和高度document.documentElement.clientWidthdocument.documentElement.clientHeight5:获取元素的宽高offsetWidthoffsetHeight6:获取元素到浏览

2020-10-04 20:23:24 16

原创 jQuery中的函数封装

1.函数封装的概念:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。用函数把重复的代码块包裹起来就是函数封装。2.封装的作用:其实就是为了减少代码的冗余,增加代码的可读性与易维护性,将实现同一功能的代码封装起来,在需要实现这一功能时调用即可。举例1 删除dom对象的空白节点:function removeNode(nodee) {for (var i = 0; i < nodee.length; i ++) {if (nodee[i].nodeType === 3 &am

2020-10-04 20:20:37 38

原创 computed与watch的区别和属性

1.computed:(多个值变化,影响到一个结果)属性会被缓存,除非依赖的响应式属性变化才会重新计算,主要当作属性来使用,原来没有属性(结果),可创建可计算属性(get/set,一个默认体);计算属性computed的特点:计算属性会依赖于它使用的data中的属性,只要它所依赖的这些属性值没有改变,那么计算属性的值是从缓存中来的,而不是重新编译,那么性能要高一些,所以vue中尽可能使用computed代替watch<div id="app"> <label>&lt

2020-10-04 20:11:00 22

原创 vue中过滤器的方法

1.定义:过滤就是一个数据经过了这个过滤之后出来另一个东西,可以是从中取得你想要的或者给那个数据添加点什么装饰,那么过滤器则是过滤的工具过滤器可以用在两个地方:双花括号插值或v-bind表达式vue中的过滤器分为两种:局部过滤器和全局过滤器2.代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten

2020-10-04 19:54:00 20

原创 vue中的事件的属性和方法

1.在 vue中,事件通过指令 v-on 进行绑定,v-on 缩写 @<组件 v-on:事件名称="表达式" /><组件 @事件名称="表达式" />2.this:在vue中methods中的this,永远指向vue实例对象事件对象:a:如果有其他的参数时,需传递实参$event;b:如果没有其他的参数时,默认为第一个参数<组件 @事件名称="fn('kaikeba', $event)" /><script>new Vue({ ...,

2020-10-04 19:44:27 68

原创 :key的绑定

1.:key的绑定:默认情况下,在渲染DOM过程中使用原地复用这样一般情况下,会比较高效,但是对于循环列表,特别是依赖某种状态的列表,会有一些问题,我们可以通过:key属性来给每个循环节点添加一个标识<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini

2020-10-04 19:36:24 36

原创 vue中的data

1.data:数据可以在当前模块中直接使用(不需要加this);data中的数据命名不要使用$,下划线(_)开头因为vue解析data以后,会把当前数据挂载到实例对象上<div id="app"> <h1>{{name}}</h1> </div> let app = new Vue({ el:'#app', data:{ name:"小赵",

2020-10-04 19:25:27 13

原创 vue-指令的属性和方法

1.v-text和v-html的区别:相同点:都覆盖掉所在元素的子节点都可以去渲染数据不同点:text不能解析HTML标签html可以解析html标签 <h1>Hello {{name}}</h1> <div v-text=" name + '说好热呀' "> <p>我是v-text</p> <input type="text"&gt

2020-10-04 19:07:58 40

原创 放大镜的效果

css: *{ margin: 0; padding: 0; } .min_img{ /*1920 x 1080*/ width: 480px; height: 270px; background-image: url(img/large.jpg); background-size: 100%; position: relative; } .fdj{ width: 140px; height: 10

2020-09-28 16:20:56 86

原创 js中对象的概念和属性方法

1:对象的概念:对象的定义大致如下:对象(object)是 JavaScript 的核心概念,也是最重要的 数据类型。JavaScript 的所有数据都可以被视为对象。简单说,所谓对象,就是一种无序的 数据集合,由若干个“键值对”(key-value)构成2:对象的两种创建方式:(1)使用 Object 构造函数来创建一个对象,下面代码创建了一个 person 对象,并用两种 方式打印出了 Name 的属性值 var person = new Object(); person.name="kev

2020-09-28 10:45:29 83

原创 js数组中的数组去重和多维数组

1.数组去重思路:新建一数组,遍历传入数组,若元素不在新数组中就添加到新数组中。注意:判断值是否在数组的方法“indexOf”是ECMAScript5方法,IE8以下不支持,需多写兼容低版本浏览器代码。 function quchong(arr){ var b = []; for (var i = 0; i < arr.length; i++) { if (b.indexOf(arr[i]) == -1) { b.push(arr[i]); }} return

2020-09-28 10:03:30 42

原创 js中的数组遍历和检测数组

1.数组遍历:(1):普通for循环: for(i=0;i<arr.length;i++){ } 简单来说:最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间 Eg:var a = new Array("first", "second", "third") for(var i = 0;i < a.length; i++) { document.write(a[i]+","); } 输出的结果:fitst,

2020-09-28 09:50:34 37

原创 js中数组的concat(),slice(),splice(),的方法

concat()concat()合并两个数组,并返回合并后的新数组eg: var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = "Martin" document.write(arr.concat(arr2))eg: var arr1 = new Arr

2020-09-28 09:37:46 61

原创 js数组中的join(),reverse(),sort(),方法

join()join()方法将数组中所有元素都转化为字符串并且连接在一起,返回最后生成的字符串。可以指定一个可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符,默认使用逗号。Eg:<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join()) &

2020-09-28 09:16:25 38

原创 js中的数组元素的删除方法

数组元素的删除(1)使用delete运算符,只删除元素的值,元素的位置仍保留 var arr = [1,2,3,4,5]; eg: delete arr[2];(2)pop()方法 用于删除并返回数组的最后一个元素。 返回:删除的元素 语法 :rr.pop() //返回值 arr的最后一个元素。 eg: var arr = new Array(3) arr[0] = "1" arr[1] = "2" arr[2] = "3" document.write(arr

2020-09-28 09:01:11 20

原创 js中的数组元素的添加方法

1.数组元素的添加(1)用索引元素添加 a = []; //开始是一个空数组 a[0] = “zero”; //然后向其中添加元素 a[1] = “one”;(2)也可以使用push( )方法在数组末尾增加一个或多个元素,并返回新的长度。 a = []; a.push(“zero”); a.push(“one”,”two”) ==>a=[“zero”,”one”,”two”](3)unshift()在数组的头部而非尾部进行元素的插入。unshift()在数组的头部添加一个或多个元

2020-09-28 08:54:16 22

原创 JavaScript中的函数的知识归纳

1.函数:一堆一堆的代码封装在一起2.函数作用:重复调用3.参数: a:形参:在定义函数时,函数名后的小括号里的参数 b:实参:在调用函数时,函数后小括号里的参数4.返回值: 1):函数中有返回值,有return 2):函数中没有返回值,没有return 3):没有明确的返回值,有return,underline,没有return 返回值最终返回的位置是函数的调用处5.有参数,有返回值的函数 function a(x){ return x; } document.writ

2020-09-27 20:37:26 12

原创 JavaScript中数组的基本知识

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2020-09-27 20:03:56 8

原创 JavaScript中的流程控制和循环结构

1.流程控制: a:顺序结构:自上而下解析 b:分支结构: if结构 if...else结构 switch...case结构 三元运算符 c:循环结构: for while do...while for...in2.循环结构:项目Valuefor() { }计数性循环while() { }条件性循环do{ }while()条件性循环...

2020-09-24 20:30:38 29

原创 JavaScript中的几种运算符

1.运算符:用来运算的符号(operator)运算是由一个数值或多个数值在运算的过程中产生一个新的值的过程。项目Value算数运算符+ , - , * , / , %赋值运算符+= , -= ,*= ,/= ,%=逻辑运算符!,&&,丨丨比较运算符>, < , >= , <= , == , === , != ,!==2.位运算符:项目Value字符串运算符+= , -= , *

2020-09-23 20:23:26 44

原创 JavaScript中的数据类型和类型转换

1.数据类型:项目ValueNumber数值类型[整数 / 小数]String字符串类型[通过使用单双引号定义]Boolean布尔类型[两个值:true / false]Null空undefined未定义(没有给变量赋初始值时为underline)Object对象2.类型转换 1)自动转换:在运算的过程中自己发生改变【隐性】 a:数值转字符串 b:布尔转数值 2)强制转换:【显性】项目Value

2020-09-23 19:55:51 24

原创 JavaScript中的基础02

1.+ 连接符,起连接的作用2.变量的命名规范: 1)不可以以数字开头 2)可以以字母,数字,下划线命名 3)不可以使用关键字命名 4)不可以使用特殊字符命名 5)可以使用中文命名,但是不推荐使用 6)文件命名要有意义 7)驼峰命名法:userName 8)$符也可以命名3.变量交换: a:第三方变量交换 eg: var num1 = 10; var num2 = 20; var num3; num3 = num1; num1 = num2;

2020-09-22 20:56:15 8

原创 JavaScript中的基础01

1.在HTML中书写JavaScript的三种方式:项目Value第一种:行内< input type=“button” value="" οnclick=“alert(‘哈哈’);”/>第二种:嵌套< script type=“text/javascript”>alert(‘哈哈’);</ script>第三种:外部导入< script src="./1.js"></ script>注意:不可以在标签之间添

2020-09-22 20:29:55 14

原创 css3弹性盒子的属性和方法

弹性盒子:1.概念:由弹性容量(Flex container)和弹性子元素(Flex item)组成,弹性盒子通过设置display属性的值为flex或inline-flex将其定义为弹性容器,弹性容器内包含了一个或多个弹性子元素。2:设置direction属性为rtl(right-to-left)弹性子元素的排列方式也会改变,页面布局也会改变flex-direction属性:指定了弹性子元素在父容器中的位置项目Valuerow横向从左到右排序(左对齐)默认排序方式r

2020-09-22 20:05:37 36

原创 css中的转换的属性和方法

转换:css属性—transform1.rotate–旋转的四种方式:项目Valuerotate定义2D旋转,在参数中规定角度rotateX沿X轴的3D旋转,在参数中规定角度rotateY沿Y轴的3D旋转,在参数中规定角度rotateZ沿Z轴的3D旋转,在参数中规定角度2.scale–缩放的三种方式项目Valuescale定义2D缩放转换scaleX通过设置X轴的值来定义缩放转换scaleY通过设置Y轴的值来定

2020-09-22 19:35:06 23

原创 css中的动画,渐变和clip属性方法

1.动画 @keyframes:规定动画 简写属性:animation:player 10s ease 0s normal running 案例:<!DOCTYPE HTML><html> <head> <title>动画</title> <meta charset="utf-8"/> <style type="text/css"> @keyframes player{ 0%{ba

2020-09-22 08:52:41 29

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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