JS
文章平均质量分 53
风澜.
这个作者很懒,什么都没留下…
展开
-
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 · 3338 阅读 · 0 评论 -
函数柯里化
柯里化在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。也就是说,当一个函数有多个参数的时候先传递一部分参数调用它(这部分参数以后永远不变),然后返回一个新的函数接收剩余的参数,返回结果,这就是函数的柯里化。function checkAge(min){ return function(age){ return age >= nim; }}作用前端使用柯理化的用途主要就应该是简化代码结构,提高系统的维护性,一原创 2022-02-12 11:07:05 · 147 阅读 · 0 评论 -
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 · 274 阅读 · 0 评论 -
JS原生实现穿梭框
首先是穿梭框的基本样式分别由左边框,穿梭按钮和右边框组成而穿梭框的功能是点击按钮时,框内的内容能够穿梭到其他的框废话不多说,上代码1.穿梭框的基本结构 <!-- 穿梭框基本结构 --> <div class="container"> <!-- 左侧框 --> <div class="left"> <h3>xxx的现任女友</h3> &l原创 2022-02-12 10:43:09 · 4092 阅读 · 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 · 1651 阅读 · 0 评论 -
JS继承方式
new做的几件事: 1. 在构造函数中创建一个空对象 2. 函数的this指向空对象,并且将这个对象的隐式原型 (proto)指向构造函数的原型(prototype) 3. 逐行执行代码 4. 隐式返回这个对象new 实际上是把构造函数原型(prototype)上的属性放在了原型链(proto)上,那么当实例化对象取值时就会在原型链上取,而实例化对象上的prototype已经不见了继承:通过构造函数创建的对象,可以直接继承该构造函数原型上的属性和方法。构造函数原创 2022-02-12 09:57:21 · 223 阅读 · 0 评论 -
原型的应用
1.基础方法w3c不推荐直接使用系统属性Object.getPrototypeOf(对象) 获取对象的隐式原型对象.__proto__ [[scopes]] 、 __proto__ 系统属性不能被直接调用Object.prototype.isPrototypeOf(指定对象) 判断当前对象是否在指定的对象的原型链上对象 instanceof 函数:判断函数的原型在不在对象的原型链上 (对象是不是某个东西)Object.Create(对象) :创建一个空对象,并且将对原创 2022-01-17 20:35:03 · 383 阅读 · 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 · 683 阅读 · 1 评论 -
JS闭包的简单理解
闭包1.闭包的定义包含自由变量的函数就是闭包(自由变量指不是函数参数,也不是函数内部变量的变量,即外部变量)该函数通常为内部函数,被返,外部可以引用该函数,通过其访问自由变量。2.闭包的产生 解释: 闭包:函数中会出现的一个现象,将函数(a)内部的函数(b)返回到函数(a)外部去。形成闭包后,函数外部可以使用函数内部的变量、数据。 注意:闭包执行过程:闭包的自由变量的查找在定义的地方,不是在执行的地方2.1当函数作为参数被传递时产生闭包下面这种情况会形成闭包 fun函数返回一个f函数,形成闭原创 2022-01-08 09:46:35 · 522 阅读 · 1 评论 -
JS作用域与作用域链
JS作用域与作用域链函数表达式和字面量函数声明的区别? 字面量声明会发生提升 成为window对象下的属性 定义时发生在函数声明的时候数字(Number)字面量 可以是整数或者是小数,或者是科学计数。字符串(String)字面量 可以使用单引号或双引号。布尔字面量,其值只有两个。分别为true和false。表达式字面量 用于计算,使用运算符进行计算,如算术、位、条件、比较及逻辑运算符等。数组(Array)字面量 定义一个数组:对象(Object)字面量 定义一个对象:函数(原创 2022-01-08 09:39:04 · 521 阅读 · 0 评论 -
原生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 · 555 阅读 · 0 评论 -
原生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 · 2841 阅读 · 3 评论 -
JS中fliter和forEach方法的简单使用
filter和forEach方法都是JS中的数组方法,用于遍历数组,方法内固定由一个函数作为参数,每遍历一次数组中的元素,便会调用该函数,函数中有三个参数 arr.filter(function(value,index,array) {函数体})(标准格式)参数名参数类型代表的意义value必填参数当前遍历的元素值index选填参数当前遍历的元素值的下标array选填参数当前遍历的数组本身demo1`...原创 2021-12-17 14:30:55 · 1973 阅读 · 2 评论