![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 87
dimingda
这个作者很懒,什么都没留下…
展开
-
JavaScript中函数this指向,修改this指向,闭包,深浅拷贝等问题
1.函数的this指向问题this在不同的函数下,代表的也不同,大概整理了以下几种。<!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,原创 2022-01-18 17:12:02 · 115 阅读 · 0 评论 -
JavaScript的面向对象编程
1.1面向对象特点封装:将对象属性行为封装起来继承:可以继承父亲的多态:可以有多种状态多种行为更容易维护,复用,低耦合2 .1对象和类1.一个具体的事物,看得见摸得着的。在js中是一组相关属性方法的集合。有属性方法组成。2.类是指泛指的,抽取了对象的公共部分。2 .2创建类声明:class Name{}创建:new Name()构造函数:constructor,实例化对象用的 <script> // 语法 class People{原创 2022-01-17 10:01:20 · 419 阅读 · 0 评论 -
谁看谁会简单易懂的jQuery(二)
1.jQuery事件当我们绑定事件事,只能一个一个去绑定,类似下面 <script> $(function() { // 单个事件绑定 $("div").click(function() { $(this).css("backgroundColor", "skyblue"); }); $("div").mouseover(function()原创 2022-01-13 15:55:56 · 65 阅读 · 0 评论 -
谁看谁会简单易懂的jQuery(一)
jQuery原创 2022-01-04 22:20:35 · 452 阅读 · 0 评论 -
全世界都在用的常见动画效果,轮播图等
动画效果当我们想做类似轮播图这种动画效果时,可以先封装好一个函数,如果想让谁拥有动画效果,直接调用就可以。function aimate(obj, target, callback) { // obj为动的盒子,target为滑动的目标距离 clearInterval(obj.timer); obj.timer = setInterval(function() { var step = (target - obj.offsetLeft) / 10; //原创 2021-12-13 20:42:26 · 578 阅读 · 0 评论 -
常见的筋斗云特效
提供一个筋斗云特效移动时,背景变为筋斗云,鼠标离开回到起始位置,可以点击更改其实位置。代码如下`<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic原创 2021-12-09 21:49:21 · 650 阅读 · 0 评论 -
WebApi编程(五)
1.元素偏移量offset系列注:子盒子要是获取距离父亲的距离,父亲要有定位。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"原创 2021-12-06 17:35:37 · 372 阅读 · 0 评论 -
WebApi编程(四)-BOM
BOM1.BOMBOM是浏览器对象模型 ,核心对象是window,提供了与浏览器窗口进行交互的对象。window是浏览器的顶级对象,是js访问浏览器的窗口,js所有的全局变量和函数window对象的属性和方法。2.window常见事件...原创 2021-11-30 23:18:28 · 633 阅读 · 0 评论 -
WebApi编程(三)-DOM
1.节点操作复制节点element.cloneNode(),内容为空,默认事false,拷贝时为浅拷贝,只复制标签。为true时,执行深拷贝,内容标签都复制。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="原创 2021-11-02 23:09:55 · 67 阅读 · 0 评论 -
WebApi编程(二)-DOM
1.操作元素排他思想<!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-11-01 13:06:55 · 115 阅读 · 0 评论 -
WebApi编程(一)-DOM
1.js组成基本语法掌握后,我们要学习DOM和BOM,页面交互功能API: 就是一个接口,一些预定义的函数。2.DOM原创 2021-10-26 21:49:04 · 118 阅读 · 0 评论 -
JavaScritp基础知识整理(六)
1.内置对象Date为构造函数,需要使用new创建<!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.原创 2021-10-21 15:40:43 · 72 阅读 · 0 评论 -
JavaScritp基础知识整理(五)
1.作用域全局作用域:在整个js文件之内,或者在函数内部无声明,直接赋值局部作用域:在函数内的变量(不能再外部使用)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi原创 2021-10-20 11:22:45 · 81 阅读 · 0 评论 -
JavaScritp基础知识整理(四)
1.数组创建数组两种方式:new 和数组字面变量<!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-10-07 17:41:24 · 72 阅读 · 0 评论 -
JavaScritp基础知识整理(三)
1.for循环可以用来计数,执行相同代码等<!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"&g原创 2021-10-06 16:09:30 · 56 阅读 · 0 评论 -
JavaScritp基础知识整理(二)
1.常用运算符①算数运算符运算:+ 、-、 *、 /、%(运算符先后顺序和平常一样)注:浮点数应用算术运算符时,会出现精度问题。②递增递减运算符(++变量),(–变量)【前置是先加减,后使用】或者 (变量++),(变量–)【后置是先使用,后加减】③ 比较运算符<、>,>= 、<=、 ==(会转数据类型18 ==“18”)、 !=、 ===(全等)④逻辑运算符&&、||()、!(非)...原创 2021-10-06 11:52:21 · 67 阅读 · 0 评论 -
JavaScripts基础知识整理(一)
1.JavaScript(编程语言)运行在客户端的脚本语言。最初用于表单验证,做网页特效,服务端开发node.js等等。2.浏览器执行js原理渲染引擎(解析html,css)js引擎(js解释器,谷歌的v8引擎很快解析js)3.js组成三部分ECMAScript(js语法)DOM(页面文档对象模型)BOM(浏览器对象模型)4.三种嵌入html方法行内,内嵌,外部。<!DOCTYPE html><html lang="en"><head>原创 2021-08-19 22:50:15 · 356 阅读 · 1 评论