风澜.-优快云博客

原创 jquery的动画方法

动画效果改变元素的显示和隐藏 DOM : 运动插件的封装 move(‘width’,‘500’,1000) 动画效果 show() 显示通过设置display属性改变 hide() 隐藏通过设置display属性改变 toggle() 切换同时改变元素的宽高和透明度来隐藏和显示元素参数1：时间参数2 ：函数参数3：运动速度 fadeIn() 淡入让元素显示 fadeOut() 淡出让元素隐藏通过元素的透明度让元素显示和隐藏,同时也会设置元素的display属性 fade

2022-03-12 15:33:59 1850

原创 jquery的增删改查方法

一，查询(兄弟父子节点) ● next() 查找下一个兄弟元素 nextAll() 查询下面所有兄弟 nextUntil() 查到满足参数中条件的某个兄弟为止 ● prev() 查找上一个兄弟元素 ● siblings() 查找所有的兄弟元素带参数时需要满足参数中的条件 ● parent() 获取元素自身的父元素 ● parents() 获取元素的所有祖先元素（自下往上 HTML为止） ● closest() 查询最近的满足条件的父级从自己开始查找。如果什么都没找到则返回一个空的

2022-03-12 15:24:10 3290

原创 jquery实现顶部导航栏

jquery实现顶部导航栏原理:当页面滚动至顶部导航栏被隐藏时，（根据自己导航栏高度自行调整）将顶部导航栏固定到页面的最顶部；核心方法：scroll（）当滚动条滑动时会触发改方法代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2022-03-12 15:17:42 1645 1

原创 jquery中attr和prop的区别

一，获取属性的区别 ● attr() 操作标签上的属性 ● prop() 操作Boolean类型的属性和有特性(class id name)的属性 attr可以操作HTML标签中的属性，不管是固有属性，还是添加的自定义属性。都可以通过attr来设置。 prop同样可以操作HTML中的固有属性，但对于自定义属性便无能为力了下图可见对于标签的固有属性，建议用prop方法。如 id,class,width; 获取标签属性。对于标签的自定义属性，建议使用attr方法。二，获取属性值为boolean类型

2022-03-12 14:57:54 3463

原创函数柯里化

柯里化在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。也就是说，当一个函数有多个参数的时候先传递一部分参数调用它（这部分参数以后永远不变），然后返回一个新的函数接收剩余的参数，返回结果，这就是函数的柯里化。 function checkAge(min){ return function(age){ return age >= nim; } } 作用前端使用柯理化的用途主要就应该是简化代码结构，提高系统的维护性，一

2022-02-12 11:07:05 192

原创 JS-纯函数

纯函数 1.此函数在相同的输入值时，总是产生相同的输出。函数的输出和当前运行环境的上下文状态无关。纯函数就类似数学中的函数，函数将输入参数映射到返回值，也就是说，对于每套输入，都存在一个输出。 function test(a){ console.log(a*a); } test(10); test(10); test(10); test(10); 2.此函数运行过程不影响运行环境，也就是无副作用（如触发事件、发起http请求、打印/log等）。一个函数执行过程对产生了外部可观察的变化，那么就说

2022-02-12 10:57:15 334

原创 JS原生实现穿梭框

首先是穿梭框的基本样式分别由左边框，穿梭按钮和右边框组成而穿梭框的功能是点击按钮时，框内的内容能够穿梭到其他的框废话不多说，上代码 1.穿梭框的基本结构  <div class="container">  <div class="left"> <h3>xxx的现任女友</h3> &l

2022-02-12 10:43:09 4431 1

原创浏览器线程

1.浏览器线程 1.JS引擎线程 JS内核，也称JS引擎，负责处理执行javascript脚本。这是JS中的主线程，所以JS是单线程的编程语言，但是实际上JS属于单线程异步。异步是由子线程进行完成，主线程负责调度子线程。所以JS不严格的说也也属于多线程的编程语言与GUI线程是互斥 2.GUI渲染线程负责渲染浏览器界面，包括解析HTML、CSS、构建DOM树、Render树、布局与绘制等当界面需要重绘（Repaint）或由于某种操作引发回流(reflow)时，该线程就会执行与JS主线程互斥 3.事件监

2022-02-12 10:10:45 1750

原创 JS继承方式

new做的几件事： 1. 在构造函数中创建一个空对象 2. 函数的this指向空对象,并且将这个对象的隐式原型 (proto)指向构造函数的原型(prototype) 3. 逐行执行代码 4. 隐式返回这个对象 new 实际上是把构造函数原型(prototype)上的属性放在了原型链(proto)上，那么当实例化对象取值时就会在原型链上取，而实例化对象上的prototype已经不见了继承：通过构造函数创建的对象，可以直接继承该构造函数原型上的属性和方法。构造函数

2022-02-12 09:57:21 280

原创原型的应用

1.基础方法 w3c不推荐直接使用系统属性 Object.getPrototypeOf(对象) 获取对象的隐式原型对象.__proto__ [[scopes]] 、 __proto__ 系统属性不能被直接调用 Object.prototype.isPrototypeOf(指定对象) 判断当前对象是否在指定的对象的原型链上对象 instanceof 函数：判断函数的原型在不在对象的原型链上 (对象是不是某个东西) Object.Create(对象) ：创建一个空对象，并且将对

2022-01-17 20:35:03 453 1

原创 JS原型与原型链

原型：prototype(显式原型) 函数上的一个属性，默认情况下是一个普通的object对象注意： function a(){} var b = new a();//a没有prototype属性，因为不是函数构造函数 constructor 原型上的一个属性，指向该原型对应的构造函数,值为函数体。 Object.prototype.constructor === Object true 隐式原型 proto 对象上的一个属性,默认情况下，指向创建该对象的构造函数的原型。每个引用类型的隐式原

2022-01-17 20:28:22 759 1

原创 JS闭包的简单理解

闭包 1.闭包的定义包含自由变量的函数就是闭包(自由变量指不是函数参数，也不是函数内部变量的变量，即外部变量)该函数通常为内部函数，被返，外部可以引用该函数，通过其访问自由变量。 2.闭包的产生解释：闭包：函数中会出现的一个现象，将函数（a）内部的函数（b）返回到函数（a）外部去。形成闭包后,函数外部可以使用函数内部的变量、数据。注意：闭包执行过程：闭包的自由变量的查找在定义的地方，不是在执行的地方 2.1当函数作为参数被传递时产生闭包下面这种情况会形成闭包 fun函数返回一个f函数，形成闭

2022-01-08 09:46:35 589 1

原创 JS作用域与作用域链

JS作用域与作用域链函数表达式和字面量函数声明的区别? 字面量声明会发生提升成为window对象下的属性定义时发生在函数声明的时候数字（Number）字面量可以是整数或者是小数，或者是科学计数。字符串（String）字面量可以使用单引号或双引号。布尔字面量，其值只有两个。分别为true和false。表达式字面量用于计算，使用运算符进行计算，如算术、位、条件、比较及逻辑运算符等。数组（Array）字面量定义一个数组：对象（Object）字面量定义一个对象：函数（

2022-01-08 09:39:04 597

原创原生JS制作简单的轮播图

**第一步：**制作出能够容纳轮播图片的大容器，里面再分三个区域 wrap : 轮播的图片 pagenation:轮播图下方的小点 boXX:向前和向后移动的箭头 <div class="banner"> //图片 <div class="wrap"> <div class="item"> <img src="../img/01.png" alt=""> &

2021-12-31 13:51:55 610

原创原生JS制作简单的漂浮广告

漂浮广告的原理：用通俗一点的话来说，漂浮广告就是一个在不断改变自身位置的div(当然亦可以是其他)，并且在遇到界面的边界时改变当前运动的方向； **第一步：**制作一个能够移动的div，并给各项参数赋值 <div id="div1"></div> var div = document.getElementById("div1"); div.style.width = "200px" div.style.height = "200px"

2021-12-25 14:00:34 3003 3

原创 JS中fliter和forEach方法的简单使用

filter和forEach方法都是JS中的数组方法，用于遍历数组，方法内固定由一个函数作为参数，每遍历一次数组中的元素，便会调用该函数，函数中有三个参数 arr.filter(function(value，index，array) {函数体}）（标准格式）参数名参数类型代表的意义 value 必填参数当前遍历的元素值 index 选填参数当前遍历的元素值的下标 array 选填参数当前遍历的数组本身 demo1 ` ...

2021-12-17 14:30:55 2078 2

m0_47720236的博客