![](https://img-blog.csdnimg.cn/20210526100846367.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
文章平均质量分 84
解决各种javascript的问题
X W F
这个作者很懒,什么都没留下…
展开
-
Vue3.0七大亮点
Vue3.0七大亮点一,性能比2.x快1.2~2倍diff算法的优化render阶段的静态提升(render阶段指生成虚拟dom树的阶段)事件侦听缓存二,按需编译,体积比Vue2.x更小(Tree shaking)三,Compostion API: 组合API/注入API四,更好的TS支持五,自定义渲染API(Custom Renderer API)六,更先进的组件Fragment组件Suspense组件七,更快的开发体验(vite开发构建工具)总结:一,性能比2.x快1.2~2倍diff算法的优化原创 2021-05-31 09:24:42 · 468 阅读 · 6 评论 -
JS中的节流与防抖是什么?
JS中的节流与防抖例子防抖函数节流函数总结适用场景节流函数和防抖函数在日常的开发中还是有很多地方用到,两个函数的目的都是为了控制函数被调用的频率,今天我们就来说一说着两个函数。例子input触发键盘输入事件,将输入内容发送到后台:// 定义一个请求函数function request(val) { console.log("request: " + val);}let inputEl = document.getElementById("input");inputEl.add原创 2021-05-28 09:19:40 · 239 阅读 · 0 评论 -
如何实现页脚置底???
如何实现页脚置底???将 .content 的 margin-bottom 设为负数将 .footer 的 margin-top 设为负数使用 calc() 设置 .content 的高度使用 Flexbox 弹性布局使用 Grid 网格布局将 .content 的 margin-bottom 设为负数<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <原创 2021-05-27 09:59:08 · 245 阅读 · 0 评论 -
JS 类型化数组 到底是何物???
前言: 在 JavaScript 这门语言中,我们所有人都必须对数组足够熟悉,知晓数组本质上是动态的,并且可以容纳任何 JavaScript 对象。不过,如果你曾经使用过类似于 C 语言这样的其他语言,你应该知道其数组本质上不是动态的。而且你只能在该数组中存储特定的数据类型,毕竟从性能角度来看,这可以确保数组效率更高。但数组的动态化与存储信息类型的多样化其实并没有使 JavaScript 数组效率低下。在 JavaScript 引擎优化的帮助下,JavaScript 中数组的执行速度其实非常快。随着 W原创 2021-05-26 10:01:16 · 310 阅读 · 2 评论 -
If-Else的5种方法从入门到高级示例
1、 完全不必要的Else块这也许是那些初级开发人员最负罪的之一。下面的示例很好地说明了当您被认为If-Else很棒时会发生什么。Simple if-else只需删除else`块即可简化此过程。Removed else看起来更专业吧?您会经常发现,实际上根本不需要其他块。像在这种情况下一样,您想要在满足特定条件的情况下执行某些操作并立即返回。2、价值分配如果你要根据提供的某些输入为变量分配新值,请停止使用If-Else,而应采用一种更具可读性的方法。Value assignmen原创 2020-10-16 08:31:39 · 915 阅读 · 0 评论 -
面向对象两大编程思想
两大编程思想:1. 面向过程编程 面向过程就是分析出解决问题所需要的步骤,然后用函数/方法/过程把这些步骤一步一步的实现,使用的时候在一个一个的依次调用即可。 面向过程编程的代表性语言:c语言。2. 面向对象编程 面向对象编程就是把食物分成一个一个对象,然后由对象之间分工合作。 面向对象是以对象功能来划分问题,而不是步骤。 在面向对象程序开发思想中,每一个对象都是功能中心、具有明确分工。 面向对象编原创 2020-08-13 08:00:08 · 189 阅读 · 0 评论 -
使用定时器
window 对象包含 4 个定时器专用方法,说明如下表所示,使用它们可以实现代码定时执行,或者延迟执行,使用定时器可以设计演示动画。window 对象定时器方法列表方法 说明setInterval() 按照执行的周期(单位为毫秒)调用函数或计算表达式setTimeout() 在指定的毫秒数后调用函数或计算表达式clearInterval() 取消由 setInterval() 方法生成的定时器clearTimeout() 取消由 setTimeout() 方法生成的定时器【setTimeou原创 2020-07-11 14:40:25 · 149 阅读 · 0 评论 -
dom 操作方法
window.open 弹出新窗口的命令height 窗口的高度width 窗口的宽度top 窗口距离屏幕最上方的像素值left 窗口距离屏幕最左侧的像素值toolbar 是否县级市工具栏menubar/scrollbars 表示菜单栏和滚动栏resizble 是否允许改变窗口大小location原创 2020-07-10 08:05:50 · 118 阅读 · 0 评论 -
dom 节点的操作
元素 :1 属性:2 文本:3DOM 基本操作遍历节点树:1. parentNode 父节点(最顶端的parentNode 为 #document)2. childNodes[n] 子节点3. firstChild 第一个子节点4. lastChild 最后一个子节点5. nextSibling 后一个兄弟节点 previousSibling 前一个兄弟节点基于元素节点树的遍历1. parentElement 返回当前原创 2020-07-03 08:17:32 · 129 阅读 · 0 评论 -
js的使用及语法
js的使用及语法文章目录js的使用及语法术语解释DOM 事件Js中的事件绑定事件的3种方式去除绑定事件的捕捉与冒泡模型事件的中断Js 作用域链(是指AO链)ThisWith 语句词法分析Js面向对象Js面向对象中的封装Js面向对象中的静态属性或者静态方法闭包术语解释通常,通过 JavaScript,您需要操作 HTML 元素。1、通过 id 找到 HTML 元素2、通过标签名找到 HTM...原创 2020-02-26 08:24:53 · 156 阅读 · 0 评论 -
JavaScript、ES5和ES6的介绍和区别
JavaScript、ES5和ES6的介绍和区别文章目录JavaScript、ES5和ES6的介绍和区别什么是JavaScript动态:弱类:原型:JavaScript由三部分组成:1. ECMAScript(核心)2. DOM(文档对象模型)3. BOM (浏览器对象模型)什么是ES51. strict模式2. Array增加方法3. Object方法什么是ES61.块级作用域 关键字let,...原创 2020-03-01 11:24:07 · 488 阅读 · 0 评论 -
JavaScript常见基础函数
JavaScript常见基础函数文章目录JavaScript常见基础函数debouncepolloncegetAbsoluteUrlisNativeinsertRulematchesSelectordebounce防抖函数英文名叫“debounce function”,它通常是作为频发事件的回调使用的。对于 scroll、resize、key* 这类事件,如果不使用防抖函数处理,那么由于事件...原创 2020-02-29 10:58:10 · 122 阅读 · 0 评论 -
7种JavaScript代码调试的方法
7种JavaScript代码调试的方法文章目录7种JavaScript代码调试的方法1.alert()2.html标签内使用document.write()3.innerHTML()4.console()5.try catch捕获错误6.debugger7.注释法或增量法8.一些常见的 JavaScript 错误。8.1 意外使用赋值运算符8.2 令人困惑的加法和级联8.3 令人误解的浮点数8....原创 2020-02-28 10:30:40 · 476 阅读 · 0 评论 -
JavaScript Window Screen
JavaScript Window Screen文章目录JavaScript Window ScreenWindow ScreenWindow Screen 可用宽度Window Screen 可用高度window.screen 对象包含有关用户屏幕的信息。Window Screenwindow.screen对象在编写时可以不使用 window 这个前缀。一些属性:screen.ava...原创 2020-03-26 10:32:35 · 66 阅读 · 0 评论 -
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型文章目录JavaScript Window - 浏览器对象模型浏览器对象模型 (BOM)Window 对象Window 尺寸其他 Window 方法浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。浏览器对象模型 (BOM)浏览器对象模型(Browser Object Model (BOM))尚无正式标准。...原创 2020-03-25 11:23:54 · 120 阅读 · 0 评论 -
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象文章目录JavaScript Date(日期) 对象创建日期设置日期两个日期比较日期对象用于处理日期和时间。如何使用 Date() 方法获得当日的日期。getFullYear()使用 getFullYear() 获取年份。getTime()getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。setFullYear()...原创 2020-03-24 11:20:26 · 156 阅读 · 0 评论 -
JavaScript prototype(原型对象)
JavaScript prototype(原型对象)文章目录JavaScript prototype(原型对象)prototype 继承添加属性和方法所有的 JavaScript 对象都会从一个 prototype(原型对象)中继承属性和方法。在前面的章节中我们学会了如何使用对象的构造器(constructor):实例function Person(first, last, age, e...原创 2020-03-23 11:41:12 · 81 阅读 · 0 评论 -
JavaScript 对象
JavaScript 对象文章目录JavaScript 对象所有事物都是对象JavaScript 对象访问对象的属性访问对象的方法创建 JavaScript 对象创建直接的实例使用对象构造器创建 JavaScript 对象实例把属性添加到 JavaScript 对象把方法添加到 JavaScript 对象JavaScript 类JavaScript for...in 循环语法实例实例JavaS...原创 2020-03-22 11:00:51 · 63 阅读 · 0 评论 -
11个JavaScript小技巧
11个JavaScript小技巧文章目录11个JavaScript小技巧过滤唯一值与或运算它是怎么工作的例一一个新特性: Optional Chaining转换为布尔值转换为字符串转换为数字性能更好的运算快速浮点数转整数删除最后一个数字类中的自动绑定数组截断获取数组中的最后一项格式化JSON代码过滤唯一值Set对象类型是在ES6中引入的,配合展开操作…一起,我们可以使用它来创建一个新数组,该...原创 2020-04-24 10:41:12 · 89 阅读 · 0 评论 -
原生javascript实现图片自动轮播和点击轮播代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*重置样式*/ *{margin: 0;padding: 0; list-st...原创 2020-04-20 09:41:40 · 202 阅读 · 0 评论 -
9种原生js动画效果(转)
9种原生js动画效果(转)文章目录9种原生js动画效果(转)匀速动画效果缓冲动画效果透明度动画多物体动画获取样式动画多物体复杂动画多物体复杂动画(带透明度的)链式动画多物体同时运动动画匀速动画效果window.onload = function(){ var odiv = document.getElementById('odiv'); odiv.onmouseover = functi...原创 2020-04-18 07:39:26 · 274 阅读 · 0 评论 -
10个JavaScript代码片段
10个JavaScript代码片段毫无疑问,JavaScript是Web开发中最流行的编程语言之一。无论你使用的是React,Vue还是Angular,它们都属于JavaScript。JS围绕着广阔而至关重要的生态系统发展,提供了许多的框架和库,可帮助你快速地开发应用程序。但是有时最好退后一步,尝试了解如何在没有库的情况下进行操作。看看下面的代码片段,它们以优雅的方式解决了简单的问题,并在日常...原创 2020-04-17 07:23:51 · 139 阅读 · 0 评论 -
JavaScript?
JavaScript 有什么特点JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化,减少下载时间。JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。Java 与 JavaScript 有什么不同很多人看到 Java 和 JavaScript 都...原创 2020-04-16 10:16:27 · 235 阅读 · 0 评论 -
最常见的JavaScript错误及其解决方法
文章目录1、未获取TypeError:无法读取属性2、TypeError:“undefined”不是对象3、 TypeError:“ null”不是对象4. TypeError:对象不支持属性5、TypeError:“ this.show”不是函数6、未获取RangeError1、未获取TypeError:无法读取属性这是列表中最常见的JS错误之一。当你尝试访问未定义对象中的属性或方法时,就会...原创 2020-05-05 13:23:18 · 2060 阅读 · 0 评论 -
如何使用JavaScript删除CSS属性?
方法1:使用CSS removeProperty:该CSSStyleDeclaration.removeProperty()方法被用来从一个元件的样式删除一个属性。通过遍历styleSheets数组并选择cssRule,可以选择元素的样式。然后可以使用要删除的属性指定removeProperty方法。句法:element.removeProperty(‘property’)实例1:&l...原创 2020-05-04 21:52:56 · 314 阅读 · 0 评论 -
js中的call()和apply()的区别
每个函数都包含两个非继承而来的方法:call()和apply();在JavaScript中,call和apply作用是一样的,都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部this的指向。function fruits(){} fruits.prototype = { color: "red", say: function(){ console.log("My color is " + this.color原创 2020-05-15 11:28:01 · 346 阅读 · 0 评论 -
JavaScript继承的6种方式以及它们的优缺点
文章目录1、原型链继承1)、引用类型的属性被所有实例共享,举个例子:2)、在创建 Child 的实例时,不能向Parent传参2、借用构造函数(经典继承)1)、避免了引用类型的属性被所有实例共享2)、可以在 Child 中向 Parent 传参3、组合继承4、原型式继承5、寄生式继承6、寄生组合式继承1、原型链继承function Parent () { this.name = 'kevin';}Parent.prototype.getName = function () { co原创 2020-05-13 09:19:51 · 171 阅读 · 0 评论 -
JS常见的内存泄漏及可用的解决方法
内存泄漏?官方解释:内存泄漏(Memory Leak)是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。通俗点就是指由于疏忽或者错误造成程序未能释放已经不再使用的内存,不再用到的内存却没有及时释放,从而造成内存上的浪费。避免内存泄漏?在局部作用域中,等函数执行完毕,变量就没有存在的必要了,垃圾回收机制很亏地做出判断并且回收,但是对于全局变量,很难判断什么时候不用这些变量,无法正常回收;所以,尽量少使用全局变量。在使用闭包的时原创 2020-05-12 17:30:47 · 241 阅读 · 0 评论 -
JavaScript深入理解之继承
文章目录写在前面原型链借用构造函数优点:可以在子类型构造函数中向超类型构造函数添加参数缺点:和构造函数模式一样的问题,所有的方法都在构造函数中定义,因此就无法做到函数的复用。而且超类型的原型中定义的方法,对于子类型而言也是不可见的。组合继承优点:组合继承避免了原型链和借用构造函数的缺陷,融合了它们的优点,成为 JavaScript 中最常用的继承模式。而且,instanceof 和 isPropertyOf() 也能够用于识别基于组合继承创建的对象。缺点:调用了两次超类的构造函数,导致基类的原型对象中增添了原创 2020-05-09 10:55:34 · 139 阅读 · 0 评论 -
使用HTML CSS和JavaScript创建图像动画
<!DOCTYPE html> <html> <head> <title>Lightbox Gallery</title> </head> <body> <h2>GeeksforGeeks</h2> <b>A Computer Science Portal for Geeks</b> <div class="galler原创 2020-06-08 14:29:51 · 205 阅读 · 0 评论 -
使用JavaScript / jQuery为网站创夜间/高亮模式
创建夜间/高亮模式的步骤:创建一个HTML文档。为文档文件以及黑暗模式创建CSS。添加一个开关转换器按钮,以在明暗模式之间进行切换。使用javascript或jQuery代码向开关转换器添加功能,以在明暗模式之间切换。示例1:以下示例演示了使用JQuery代码在明暗模式之间进行切换。它基本上通过使用函数hasClass(),addClass()和removeClass()方法来工作。<!DOCTYPE html> <html lang="en"> <head原创 2020-05-27 14:27:40 · 336 阅读 · 0 评论 -
Java数据结构与算法
特点: 在内存中分配连续的空间,只存储数据,不存储地址信息。位置就隐含着地址。优点: 1.节省存储空间,因为分配给数据的存储单元全用存放结点的数据(不考虑c/c++语言中数组需指定大小的情况), 结点之间的逻辑关系没有占用额外的存储空间。 2. 索引查找效率高,即每一个结点对应一个序号,由该序号可以直接计算出来结点的存储地址。 假设线性表的每个数据元素需占用K个存储单元,并以元素所占的第一个存储单元的地址作为数据元素的存储地址。 则线性表中序号为i的数据元素的存储地址LO原创 2020-05-21 20:51:49 · 142 阅读 · 0 评论 -
JavaScript最佳做法—创建对象
Don’t Use the Object 建设者Object构造函数允许我们创建一个对象。但是,由于有更短的创建对象的方法,因此不需要创建对象。例如,代替使用Object构造函数创建对象来编写以下内容,我们可以编写为:const obj = new Object();obj.a = 1;obj.b = 2;我们也可以这样写:const obj = { a:1, b:2};如我们所见,通过直接创建对象文字而不是使用Object构造函数,我们避免了很多额外的代码输入。我们还可以创原创 2020-05-18 11:46:36 · 86 阅读 · 0 评论 -
js构造函数的定义
文章目录1、什么是构造函数2、为什么要使用构造函数?3、构造函数的执行过程3.小结1、什么是构造函数在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。构造函数首字母一般大写2、为什么要使用构造函数?学习每一个概念,不仅要知道它是什么,还要知道为什么,以及解决什么样的问题。举个例子,我们要录入一年级一班中每一位同学的个人信息,那么我们可以创建一些对象,比如:var p1 = { name: 'zs', age: 6, gender: '男', hobby: 'basket原创 2020-05-17 09:25:38 · 432 阅读 · 0 评论 -
作用域和闭包
文章目录词法作用域和动态作用域作用域:词法作用域动态作用域用域链定义:作用:js执行上下文和执行上下文栈执行上下文概念:执行上下文栈函数声明和函数表达式的区别this 几种不同场景的取值显示绑定隐式绑定闭包通过例子来了解闭包什么是堆栈溢出?什么是内存泄漏?那些操作会造成内存泄漏?怎么样防止内存泄漏?堆栈溢出:内存泄漏:造成内存泄漏的原因:如何处理循环的异步操作词法作用域和动态作用域作用域:作用域是指程序源代码中定义变量的区域;作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限;Jav原创 2020-05-16 12:32:20 · 189 阅读 · 0 评论 -
google的“ JavaScript杀手” Dart 与JavaScript的比较
文章目录什么是JavaScript?什么是Dart?JavaScript与Dart的比较什么是JavaScript?JavaScript通常被称为浏览器脚本语言,但它也已扩展到许多服务器端和移动应用程序开发环境。JS已经存在了将近20年,可以肯定地说它确实是一种成熟且稳定的编程语言。在Facebook发布React和React Native框架之后,JS变得越来越流行。JavaScript具有自己的软件包管理器,例如NPM和Yarn。尽管JavaScript现在是首选和流行,但在编程社区中仍然有一些不原创 2020-06-18 08:00:59 · 119 阅读 · 0 评论 -
js 回调函数
一、前奏在谈回调函数之前,先看下下面两段代码:不妨猜测一下代码的结果。function say (value) { alert(value);}alert(say);alert(say('hi js.'));如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。而在变量名后加()如say()返回的就会使say方法调用后的结果,这里是弹出value的值。二、js中函数可以作为参数传递再看下面的两段代码:function say原创 2020-06-16 07:59:23 · 75 阅读 · 0 评论 -
JavaScript基础面试题
文章目录1、 介绍JavaScript的基本数据类型2、 说说写JavaScript的基本规范?3、 jQuery使用建议4、 Ajax使用5、 JavaScript有几种类型的值?你能画一下他们的内存图吗?6、 栈和堆的区别?7、 Javascript实现继承的几种方式8 、Javascript创建对象的几种方式?9、Javascript作用链域10、 谈谈this的理解1、 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、UndefinedObjec原创 2020-06-14 11:50:39 · 205 阅读 · 0 评论 -
使用JavaScript对数字数组进行排序
所述的JavaScript的Array.sort()方法被用来就地数组元素进行排序,并返回排序后的数组。此函数以字符串格式对元素进行排序。它对字符串数组有效,但对数字无效。例如:如果数字按字符串排序。例:输入:[12,25,31,23,75,81,100]错误的输出:[100、12、23、25、31、75、81]正确的输出:[12、23、25、31、75、81、100]示例:本示例以字符串格式对数组元素进行排序。<script>// Declare and initialize原创 2020-06-13 16:05:35 · 1309 阅读 · 0 评论 -
JavaScript闭包的特别之处
文章目录使用闭包的好处该程序的输出是什么?总结闭包是可以访问其定义的“外部”范围的函数。因此,即使闭包函数终止,它也可以访问外部作用域中的值。function takeOne() { let i = 0; return function incrementFunction() { return i++; }}上面的代码表示一个函数返回另一个函数。但是,调用takeOne并获取后incrementFunction,即使已经终止incrementFunction,takeOne也会原创 2020-06-12 08:02:28 · 107 阅读 · 0 评论