JavaScript
文章平均质量分 83
在这里你可以获取关于 JavaScript 的习题案例、知识点学习、面试分享等等。
黛琳ghz
计算机软件专业博主,校专业第一,优秀毕业生,国家奖学金候选人,拥有二十余项校级奖项、多项省级奖项、软件著作权一项等等。从事软件开发行业,专注于软件开发学习,同时热爱人工智能、AIGC、云技术。作为一名CSDN的博主,获得有CSDN新星计划导师、CSDN实力新星、6月城市之星(广州)TOP 29、CSDN全栈领域新星创作者、CSDN前端领域优质创作者、2022年度博客之星前端领域TOP 8、2022年度博客之星TOP 95、CSDN第四届猿创征文优质博文奖(分数85第一)、以及多项优秀TOP博文、CSDN开源挑战赛优秀奖等等。同时还是华为云社区云享专家、阿里云社区专家博主,稀土掘金博主。
展开
-
每日一学—K邻算法:在风险传导中的创新应用与实践价值
在当今工业领域,图思维方式与图数据技术的应用日益广泛,成为图数据探索、挖掘与应用的坚实基础。本文旨在分享嬴图团队在算法实践应用中的宝贵经验与深刻思考,不仅促进业界爱好者之间的交流,更期望从技术层面为企业在图数据库选型时提供新的视角与思路。原创 2024-05-14 23:06:16 · 4883 阅读 · 2 评论 -
每日一学——如何阅读“计算机界三大神书”之一 —— SICP
SICP 强调了计算机程序设计的基本原理和方法,通过一种称为 Scheme 的编程语言来进行教学。它探讨了计算过程、递归、数据抽象和高级程序设计等主题,旨在帮助读者培养出色的编程思维和解决问题的能力。原创 2024-03-07 00:42:14 · 6182 阅读 · 16 评论 -
Vue 项目实战——如何在页面中展示 PDF 文件以及 PDFObject 插件实战
在之前的两篇关于 Print.js 文章中,我们已经初步学习了打印插件 Print.js 的使用,既然涉及到 PDF 的打印,如果想要预览 PDF 后再进行打印应该怎么做呢,接下来通过这篇文章记录一下 Vue 项目实战中,在页面中展示 PDF 文件的一些例子。原创 2023-11-21 23:51:03 · 35121 阅读 · 10 评论 -
程序员必须掌握哪些算法?——前端开发工程师需要掌握的算法
一个程序员一生中可能会邂逅各种各样的算法,但总有那么几种,是作为一个程序员一定会遇见且大概率需要掌握的算法。作为一名前端开发工程师,今天就通过这个话题和文章来聊聊前端开发工程师需要掌握的算法有哪些呢。原创 2023-07-09 07:30:00 · 1193 阅读 · 14 评论 -
JavaScript笔记——快速了解 ES6 新增字符串方法,开箱即用(含案例)
JavaScript 中文本表示文档的类型是 String,即字符串。当你使用 JavaScript 编程时,经常会处理字符串。ES6(ECMAScript 2015) 引入了许多新的字符串方法,使得字符串处理更加方便和强大。在本篇博客中,我们将介绍一些 ES6 新增的字符串方法,并提供示例代码来说明它们的用法。原创 2023-07-08 02:10:41 · 2196 阅读 · 8 评论 -
前端开发工程师的自我修养:前端开发工程师必须掌握的 Promise(详解)以及在 Vue3 项目中的实战应用
在前端编程中(甚至后端有时也是这样),我们在处理一些简短、快速的操作时,例如计算 1 + 1 的结果,往往在主线程中就可以完成。主线程作为一个线程,不能够同时接受多方面的请求。所以,当一个事件没有结束时,界面将无法处理其他请求。为了解决这个问题,JavaScript 中的异步操作函数往往通过回调函数来实现异步任务的结果处理。这个时候 Promise 和异步编程就是一个很好的解决方法,接下来我们一起来了解学习下 Promise ,然后通过简单的应用来加深对 Promise 的印象。原创 2023-06-30 22:46:11 · 2420 阅读 · 16 评论 -
JavaScript笔记——快速了解 ES6 新增数组方法,开箱即用(含案例)
数组是 JavaScript 以及多数编程其他编程语言的一种基础数据类型。ES6 提供了许多新的数组方法,这篇文章将介绍其中一些常用的数组方法及其使用示例。原创 2023-06-14 07:30:00 · 1519 阅读 · 42 评论 -
六一,用前端做个小游戏回味童年
六一儿童节。这是属于孩子们的节日,也是属于我们大人的节日(过期儿童)。在这个六一儿童节,一起「致童真」,用你手上的代码创造出童话王国,让这个世界多一份快乐和惊喜! 趁着六一儿童节CSDN的创作活动,接下来通过前端技术做个小游戏回味童年。原创 2023-06-01 23:53:57 · 3062 阅读 · 24 评论 -
蓝桥:前端开发笔面必刷题——Day3 数组(三)
这个系列的文章收纳的内容是来自于蓝桥云课的前端岗位笔面必刷题的内容,简介是:30天133题,本题单题目全部来自于近2年BAT等大厂前端笔面真题!因为部分题目是需要会员,所以该系列的文章内容并非完全全面(如果需要会员的题目,则从 leetcode 补充对应的题目,题目大概也是一样的考法)。文章中题目涉及的内容包括原题、答案和解析等等。原创 2023-05-20 01:22:31 · 1197 阅读 · 4 评论 -
蓝桥:前端开发笔面必刷题——Day2 数组(二)
这个系列的文章收纳的内容是来自于蓝桥云课的前端岗位笔面必刷题的内容,简介是:30天133题,本题单题目全部来自于近2年BAT等大厂前端笔面真题!因为部分题目是需要会员,所以该系列的文章内容并非完全全面(如果需要会员的题目,则从 leetcode 补充对应的题目,题目大概也是一样的考法)。文章中题目涉及的内容包括原题、答案和解析等等。原创 2023-05-18 02:08:56 · 801 阅读 · 3 评论 -
蓝桥:前端开发笔面必刷题——Day1 数组(一)
这个系列的文章收纳的内容是来自于蓝桥云课的前端岗位笔面必刷题的内容,简介是:30天133题,本题单题目全部来自于近2年BAT等大厂前端笔面真题!因为部分题目是需要会员,所以该系列的文章内容并非完全全面。文章中题目涉及的内容包括原题、答案和解析等等。原创 2023-05-17 02:06:47 · 794 阅读 · 5 评论 -
青训营 x 训练营结营测试题目(前端方向)
这篇文章的内容是23年6月青训营 x 训练营结营题目,题目一共有25题,题目类型为选择题,包括了单选题和多选题,题目的技术点包括了计算机网络、网络安全、shell 脚本、Linux、前端基础、前端框架。原创 2023-05-15 21:45:39 · 835 阅读 · 2 评论 -
浅理解 ES6 新增的数组方法Array.of() 和 Array.from()
在前端开发的面试过程中, ES6 新增是一个很常见的考点,比如说箭头函数、模板字符串、let 和 const 关键字、解构赋值、扩展运算符(…)、类、模块化、生成器、Promise、Map 和 Set 等特性。这篇文章我们一起来浅浅学习和理解下 ES6 新增的数组方法 Array.of() 和 Array.from() ,如二者的区别和用法。原创 2023-04-22 00:58:05 · 1172 阅读 · 1 评论 -
浅理解JavaScript数组去重的方法(划重点),当面试官问如何实现数组去重时,你可以这样做...
好久没写面试题的文章了,今天这篇文章讲一讲一个常见的面试题。在前端开发岗位的面试过程中,我们可能或多或少会提及数组这个知识点,对于数组的相关操作也是一个经常提及的技术点,其中数组去重是面试中非常常见的一个问题,无论是手写还是口述,我们都要有清晰的逻辑和思路去面对这个问题,因此这篇文章我们来浅理解在JavaScript中如何实现数组去重,让你在面试中无压力回答面试官。原创 2023-04-19 17:51:48 · 1098 阅读 · 1 评论 -
浅理解回调地狱并使用 Promise 解决此问题
好久没写面试题的文章了,今天这篇文章讲一讲我之前遇到一个面试题,当时在跟面试官聊了原型链、vue生命周期后,他问到了我什么是 Promise、然后又聊到了回调地狱,及其解决方法。当然了还有聊到async和await,这篇文章先不细聊async和await。在前端开发的面试中,异步编程是经常问到的知识点,所以Promise、async、await的等知识点要熟练掌握。原创 2023-04-04 02:41:29 · 1711 阅读 · 0 评论 -
浅理解扁平数据结构转Tree(树形结构)
在前端开发中,我们经常需要将扁平数据结构转换为树形结构(Tree)。比如在网站菜单、商品分类等场景下,都需要使用树形结构来实现数据的层级呈现。在本篇博客中,我将介绍一种常见的方法,使用递归方式来将扁平数据结构转换成树形结构。原创 2023-04-02 04:57:49 · 1385 阅读 · 0 评论 -
浅理解扩展运算符 ... 的使用
在 ES6(ECMAScript 2015)中,新增了扩展语法(Spread Syntax)运算符 …,也称作展开运算符。这个运算符可以让我们更方便地操作数组、对象和函数参数等多种数据类型。原创 2023-03-30 01:10:05 · 636 阅读 · 1 评论 -
在JavaScript开发中,关于var、let和const你需要知道这些
计算机编程中最基本的一个就是使用名字(或标识符)表示值。绑定名字和值为我们提供了一种引用值和在程序中使用值的方式,对于绑定名字和值,我们通常会说把值赋给变量。术语“变量”意味着可以为其赋予新值,也就是说与变量关联的值在程序运行时可能发生变化。如果把一个值永久地赋予给一个名字。那么可以称该名字为常量而不是变量。(来自犀牛书变量声明与赋值)原创 2023-03-29 14:18:58 · 2372 阅读 · 0 评论 -
关于JavaScript中的Hoisting变量提升(MDN社区)
变量提升(Hoisting)被认为是,Javascript 中执行上下文(特别是创建和执行阶段)工作方式的一种认识。在ECMAScript® 2015 Language Specification之前的 JavaScript 文档中找不到变量提升(Hoisting)这个词。不过,需要注意的是,开始时,这个概念可能比较难理解,甚至恼人。原创 2023-01-08 01:23:55 · 133 阅读 · 2 评论 -
青训营——前端方向练习题(不定项选择题例题)
青训营前端方向练习题,一共有十八题,题目选项为不定项,有单选,也有多选。原创 2023-01-06 23:47:25 · 868 阅读 · 0 评论 -
Document: DOMContentLoaded 事件(MDN社区)
当纯 HTML 被完全加载以及解析时,DOMContentLoaded事件会被触发,而不必等待样式表,图片或者子框架完成加载。原创 2023-01-02 23:34:31 · 1498 阅读 · 2 评论 -
关于DOMContentLoaded(1)
MDN解析:当初始HTML文档已完全加载和解析时,将触发DOMContentLoaded事件,而不需要等待样式表,图像和子框架页面加载(事件可以用来检测HTML页面是否完全加载完毕(fully-loaded))。原创 2022-12-29 00:29:04 · 460 阅读 · 1 评论 -
DOMContentLoaded与load的区别
DOMContentLoaded顾名思义,就是dom内容加载完毕。那什么是dom内容加载完毕呢?我们从打开一个网页说起。当输入一个URL,页面的展示首先是空白的,然后过一会,页面会展示出内容,但是页面的有些资源比如说图片资源还无法看到,此时页面是可以正常的交互,过一段时间后,图片才完成显示在页面。从页面空白到展示出页面内容,会触发DOMContentLoaded事件。原创 2022-12-28 23:44:30 · 489 阅读 · 1 评论 -
JavaScript注册页面的前端验证(1+X Web前端开发初级 例题)
现接到某电商网站注册、登录页面开发的项目,在注册页面需要做前端验证。具体要求:用户名长度和格式验证、邮箱格式验证、密码长度和格式验证、密码与重复密码一致性验证。项目名称为verify,包含首页index.html、css文件夹、js文件夹,其中,css文件夹包含style.css文件,js文件夹包含index.js文件。根据注释,补全代码,在(1)至(10)处填入正确的内容。原创 2022-11-07 22:28:01 · 1811 阅读 · 2 评论 -
1024程序员节|JavaScript代码之美——代码优化,减少if-else冗余的技巧
if-else 语句对于程序员来说,是非常非常熟悉的一个判断语句,我们在日常开发和学习中都经常看见它,if-else语句主要用于需要做出选择的地方进行判断,这里就不再赘述if-else语法和特点了。我们在写代码(如图下,是我以前写的计算器项目)或看项目的时候或多或少都接触过拥有大量if语句(简称“屎山”)的项目代码,多重嵌套的if-else在维护和修改的时候真的让人崩溃(特别是看被人的项目的时候),有时候一个 bug 排查下来,整个人都麻木了。原创 2022-10-24 22:34:17 · 4341 阅读 · 2 评论 -
关于jQuery隐式迭代
我们在使用jQuery选择器获取元素后,如果不考虑获取到的元素数量,直接对元素进行操作,则在元素操作时会发生隐式迭代(遍历内部DOM元素(伪数组形式存储)的过程)。所以,隐式迭代就是指,当我们要操作的元素实际不止一个的时候,jQuery会自动对所有的元素进行操作。原创 2022-10-19 08:00:00 · 608 阅读 · 0 评论 -
常用的正则表达式
正则表达式是一种描述字符串结构的语法规则,是一种特定的格式化模式,用于验证各种字符串是否匹配(Match)这个特征,进而实现高级的文本查找、替换、截取等操作。 正则表达式在发展过程中出现了多种形式,一种是POSIX规范兼容的表达式,另一种是当Perl(一种功能丰富的编程语言)发展起来后,衍生出来的PCRE(Perl兼容正则表达式)库,使得许多开发人员将PCRE整合到自己的语言中,PHP中也未PCRE库的使用提供了相应的函数。原创 2022-04-05 21:36:15 · 192 阅读 · 0 评论 -
关于递归和迭代的学习和了解
递归和迭代这个两个词对于学计算机的uu们一定不陌生,在算法的学习中也经常会遇到递归算法和迭代算法,二者容易混淆,那区别又是什么呢?关于递归和迭代的理解,我也遇到过类似的面试题,接下来我们学习了解一下递归和迭代吧。原创 2022-10-06 23:26:50 · 194 阅读 · 0 评论 -
前端开发面试题—JavaScript回调函数与异步编程
回调函数就是一个被作为参数传递的函数。如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数。回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应。原创 2022-10-03 21:54:45 · 704 阅读 · 0 评论 -
前端开发面试题—JavaScript执行机制(同步与异步,补充:线程与进程)
所谓同步和异步:同步就是前一个任务执行完毕,才能继续执行下一个任务,程序的执行顺序与任务的排列顺序一致、同步的。异步是与同步相对的概念,就是在做一件事的同时,可以去处理其他事情。在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。原创 2022-10-02 04:16:44 · 1142 阅读 · 0 评论 -
前端开发面试题—JavaScript闭包
在JavaScript中,内嵌函数(即函数定义和函数表达式位于另一个函数的函数体内)可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用“闭包”来实现(当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包)。原创 2022-10-01 07:30:00 · 646 阅读 · 0 评论 -
每日一学—JavaScript数字
JavaScript只有一种类型的数字。可以使用或不使用小数来编写数字。JavaScript数字始终是64位浮点数 与许多其他编程语言不同,JavaScript没有定义不同类型的数字,如整数,短整数,长整数,浮点数等。JavaScript编号始终存储为双精度浮点数,符合国际IEEE 754标准。此格式以64位存储数字,其中数字(分数)存储在位0到51位,指数存储在位52到62位,符号存储在位63中原创 2022-09-30 01:21:07 · 640 阅读 · 0 评论 -
每日一学—JavaScript Number对象
JavaScript 的 Number 对象是经过封装的能让你处理数字值的对象。Number 对象由 Number() 构造器创建。构造函数为new Number(value);如果参数无法被转换为数字,则返回 NaN。在非构造器上下文中 (如:没有 new 操作符),Number(x) 能被用来执行类型转换。原创 2022-09-29 02:17:08 · 213 阅读 · 0 评论 -
每日一学—JavaScript 字符串(String)对象
字符串对象使用new String()来创建,在String构造函数中传入字符串,就会在返回的字符串对象中保存这个字符串。实际上,字符串在JavaScript中是一种基本包装类型。JavaScript中的基本包装类型包括String、Number和Boolean,用来把基本数据类型包装成为复杂数据类型,从而使基本数据类型也有了属性和方法。原创 2022-09-27 01:40:45 · 243 阅读 · 0 评论 -
每日一学—JavaScript Math对象
Math对象用来对数字进行与数学相关的运算,该对象不是构造函数(Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()。),不需要实例化对象,可以直接使用其静态属性和静态方法。原创 2022-09-26 02:30:37 · 453 阅读 · 0 评论 -
JavaScript笔记——JavaScript keyCode属性
keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。两种代码类型的区别是:字符代码 - 表示 ASCII 字符的数字键盘代码 - 表示键盘上真实键的数字两种类型的值不是都相等的,例如小写字符 "w" 和大写字符 "W" 有相同的键盘代码,因为他们他们键盘上 ( "W" 代码为 "87"),但是它们有不同的字符代码,两个字符输出是不一样的( "w" 和 "W" 字符代码为 "119" 和原创 2022-09-17 17:15:10 · 866 阅读 · 0 评论 -
前端开发面试题—JavaScript事件
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为,是一种“触发-响应”的机制。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。原创 2022-09-15 01:55:44 · 284 阅读 · 0 评论 -
前端开发面试题—JavaScript循环语句
在程序中,一组被重复执行的语句称为循环体,能否重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句称为循环语句。我们在理解条件语句的时候,我们可以想象JavaScript解释器在源代码中会经过不同的路径,而循环语句则是把这些路径弯曲又回到起点,以重复执行代码中的某些部分。在JavaScript中有五种循环语句:for语句、while语句、do/while语句、for/of语句(及其变体for/await语句)和for/in语句。原创 2022-08-24 16:56:38 · 691 阅读 · 2 评论 -
前端开发面试题—JavaScript冒泡排序
今天分享一下我遇到的一个关于JavaScript冒泡排序的面试题,题目是笔试题目,要求用JavaScript手写一个冒泡排序,倒序输出新的数组。其实难度不大,就是太久没手写代码在纸上了,感觉有点奇怪(¬_¬ )...原创 2022-08-15 03:13:20 · 555 阅读 · 0 评论 -
前端开发面试题—JavaScript原型链
在JavaScript面向对象中,原型链是一个很重要的知识点,经常出现在大大小小的面试题中,关于原型链的面试题有很多问法和知识点。今天主要分享一下我遇到的一个关于原型链的面试题。问题很简单,什么是原型链?(⊙_⊙;)........................原创 2022-08-14 02:50:39 · 1769 阅读 · 0 评论