javascript
文章平均质量分 76
编程轨迹_
修罗社区 | 掘金优秀创作者 | 清华大学出版社签约作者 | Web3 开发者 | CSDN 银牌讲师 | 蓝桥云课2021年度人气作者Top2 | 工信部蓝桥认证命题人 | CSDN 博客专家 | 腾讯云2022 年度优秀作者 | 阿里云专家博主 | 华为云享专家 | 著作:《前端面试复习笔记》|《Web3 开发系列教程》|《ThreeJS 在网页中创建动画》|《ElementUI 详解与实战》|《PWA 渐进式Web应用开发》
展开
-
ag-Grid:对数据变化的单元格进行高亮显示
问:ag-grid 当 rowData 数据变化,如何对数据变化的党员个进行高亮?解析:在这个例子中,我使用了gridApi.flashCells方法来高亮显示发生变化的单元格。你可以根据需要调整flashDelay和fadeDelay参数来控制高亮显示的持续时间和淡出效果。请注意,这个例子假设rowData是一个对象数组,每个对象代表一行数据,对象的属性对应列的值。如果你的数据结构不同,你可能需要相应地调整比较逻辑和高亮显示逻辑。原创 2024-02-06 18:27:56 · 2143 阅读 · 0 评论 -
比较两次从接口获取的数据,并找出变动的字段
要比较两次从接口获取的数据,并找出变动的字段原创 2024-02-05 21:48:22 · 994 阅读 · 0 评论 -
ag-grid 组件,当单元格的值发生变化的时候,高亮这个单元格
ag-grid 组件,当单元格的值发生变化的时候,如何高亮这个单元格原创 2024-02-05 21:44:54 · 1264 阅读 · 0 评论 -
【面试真题】Javascript 手写编程题
Javascript 编程题原创 2024-01-30 21:31:32 · 821 阅读 · 0 评论 -
【面试真题】Javascript 实现多条件过滤数组
面试真题:Javascript 实现多条件过滤数组原创 2024-01-30 21:26:49 · 1095 阅读 · 0 评论 -
谈谈我对 Reacitive 方法的理解
那怎么知道什么时候运行脏检查算法呢?原创 2023-10-29 20:21:25 · 648 阅读 · 0 评论 -
【前端技能树-需要避免的坑】Javascript 开发者容易在花田里犯的错
i < n;i ++) {根据上面的代码,如果有 10 个输入元素,单击其中任何一个都会显示“这是元素#10”!这是因为,当对任何元素调用onclick时,上面的for循环已经完成,i的值已经是 10 了。i < n;i ++) {在这个修改后的代码版本中,每次通过循环时都立即执行,每次都接收当时的值i+1并将其绑定到一个有作用域的num变量。外部函数返回内部函数(它也使用这个作用域为num的变量),元素的onclick被设置为内部函数。通过限定范围的num变量,确保每个。原创 2023-08-06 12:57:33 · 817 阅读 · 0 评论 -
Typescript 中,这些类型工具真好用
你是否曾经用 TypeScript 写代码,然后意识到这个包没有导出我需要的类型,例如下面这段代码提示Content在@example幸运的是,TypeScript 为我们提供了许多可以解决这个常见问题的类型工具,详细的。例如,要,我们可以使用ReturnType。getContent是一个返回promise的async函数,所以目前我们的Content类型实际上是promise,这不是我们想要的。为此,我们可以使用await类型来解析promise,并获得promiseresolve。原创 2023-06-19 18:45:08 · 709 阅读 · 0 评论 -
随机播放歌曲的算法,原来是这么做的,我一直都搞错了
如果你要从开头开始进行洗牌,原创 2023-06-11 13:51:01 · 1511 阅读 · 0 评论 -
什么,你还在用 momentJs 处理相对时间
可是,你竟然用一个大小为 20k (还是压缩过的,没压缩 61k)的包,只用来做日期的转换?really?你想要的只是进行一个日期上的转换啊。${${别,请别这么做。还可能存在其他问题,例如。这些复杂的问题一旦来到,往往开发者会采用像momentJs和dayjs这样的库来解决问题。${${${?'s'''但是,还是请你别这么做。因为这看起来似乎变得复杂了。而我向你推荐的一个内置对象能帮助你解决相对时间的问题。原创 2023-06-10 15:01:13 · 797 阅读 · 1 评论 -
【学完毕业】处理数字和日期输入的更好方法,很早就有了
这很好,但你可能不知道,实际上有一种更好的方法来读取数值。但是,的类型是number类型。因此,这意味着如果没有为输入设置值,将获得的是NaN这就是 JavaScript 有趣的部分。因此,在将valueAsNumber 赋值给变量之前,一定要检查它是否为NaN。原创 2023-06-07 20:37:32 · 542 阅读 · 0 评论 -
TypeScript 的魔法技能:satisfies
在上面的示例中,我给出了satisfies的使用示例,但是我并没有解释那样做的原因。现在,是该给你解释解释了。children?AUTH : {这看起来似乎没有什么呀,很正常,IDE 也会自动帮我们进行自动补齐。但是,当我们使用routes对象时,因为 IDE 并不知道实际配置的路由是什么。routes . NONSENSE . path // TypeScript 报错:发现这个路由属性不存在为什么会这样?这是因为我们的Routes类型可以接受任何字符串作为键。原创 2023-06-05 07:26:05 · 1649 阅读 · 0 评论 -
【创作赢红包】喂,鬼仔,你还在瞒着我偷偷使用强制相等
我们都知道JavaScript有==(强制相等)和===(严格相等)运算符进行比较。但你可能不知道它们两个究竟有什么不同,并且更重要的是,在 js 引擎中使用它们的时候发生了什么?前面我们提到==是强制比较。强制意味着 VM 试图。你要知道,强制是对称的,如果a == b为真,那么b == a也为真。另一方面,只有当两个操作数完全相同时===才为真(除了Number.NaN因此,上面的例子都真实的情况下都是假真(即,在===的情况下是false的)。为什么强制相等有这样的问题,这要归咎与强制相等的规则。原创 2023-04-01 11:59:48 · 626 阅读 · 1 评论 -
【你不知道的事】Javascript 中一种更安全的 URL 读写方式
在日常开发中,你可能在不知不觉中以一种不安全的方式编写 url,例如,你能发现下面这段代码中有什么错误吗?原创 2023-03-12 13:37:17 · 633 阅读 · 0 评论 -
【你不知道的事】JavaScript 中用一种更先进的方式进行深拷贝:structuredClone
本文我们要介绍的是 `structuredClone` 函数,它是内置在 JavaScript 运行时中的,它可以帮助我们进行深拷贝。原创 2023-03-11 21:26:26 · 1035 阅读 · 1 评论 -
Javascript 中的浅拷贝深拷贝是什么?一文带你搞懂,不再犯错
浅拷贝和深拷贝是Javascript中抛出的术语,如果你以前没有听说过,可能会感到困惑。我们经常听说,像 slice 或 filter 这样的数组方法会对原始数组进行浅层复制。原创 2022-10-26 08:21:04 · 1204 阅读 · 3 评论 -
发现了一些有用的 Javascript 单行代码,能快速处理一些问题
在本文中,我将介绍一些有用的 JavaScript 单行代码,它们可以用于快递处理一些事情,简化代码。原创 2022-07-30 10:05:04 · 172 阅读 · 0 评论 -
动画篇:变量提升
变量提升(Hoisting)被认为是, Javascript中执行上下文 (特别是创建和执行阶段)工作方式的一种认识。在 ECMAScript® 2015 Language Specification 之前的JavaScript文档中找不到变量提升(Hoisting)这个词。不过,需要注意的是,开始时,这个概念可能比较难理解,甚至恼人。例如,从概念的字面意义上说,“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面,但这么说并不准确。实际上变量和函数声明在代码里的位置是不会动的,而是在编译阶段原创 2022-05-26 08:26:26 · 349 阅读 · 8 评论 -
JS 到底是在干嘛:一文搞懂JS 执行上下文
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2022-04-30 11:01:45 · 2403 阅读 · 13 评论 -
【原理】理解JavaScript中的上下文-对象字面量
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2022-04-28 08:54:09 · 246 阅读 · 0 评论 -
用动画的方式理解Javascript的运行机制后,发现豁然开朗
JavaScript是世界上最受欢迎和最令人讨厌的语言之一。人们爱它是因为它有效力。只需要学习JavaScript而不学习其他任何东西,就可以创建一个完整的堆栈应用程序。它令人讨厌的另一个原因是,它的行为出乎意料,令人心烦意乱,如果您不了解这种语言,可能会让您讨厌它💔。本问将通过动画的方式解释JavaScript如何在浏览器中执行代码😆。读完本文,你离成为Rockstar开发者又近了一步🎸😎!执行上下文“JavaScript中的一切都发生在执行上下文中。”我希望每个人都记住这句话,因为它很重要。原创 2022-04-26 08:11:35 · 284 阅读 · 2 评论 -
【ECMAScript6】es6 要点(二)Promise | 自个写一个Promise | Generator | Async/Await
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2018-07-17 21:45:09 · 2607 阅读 · 0 评论 -
【JavaScript】JavaScript 几个标准阐述
如果将JavaScript比作英语,那么ECMAScript标准可以理解为美式英语,TypeScript可理解为英式英语。ES5于2009年发布;ES6于2015年发布,也称ES2015;ES7于2016年发布。下面会简述几个版本中重要的地方。ES5 内容主要包括严格模式、JSON对象、新增Object接口、新增Array接口和Function.prototype.bind。最重要的一条可能就...原创 2017-10-26 17:47:06 · 1133 阅读 · 0 评论 -
【前端三分钟】利用Javascript实现打字效果
效果如图:实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="text"></div>...原创 2019-05-12 20:36:54 · 1737 阅读 · 0 评论 -
【Javascript】BigPipe
传统请求周期:浏览器发送一个HTTP请求到Web服务器;针对这样一个低下的执行效率,我们该如何下手?延迟加载js?并行下载?但是这些很少涉及到处理web服务器和浏览器的执行顺序带来的瓶颈。当web服务器正在生成一个页面的时候,浏览器却没事干。当web服务器生成完成一个页面并发送给浏览器渲染的时候,web服务器却帮不上忙。那么,我们是否可以重叠web服务器的生成时间与浏览器的渲染时间呢?这样是不是能更快的是页面呈现给用户?增加用户体验?OK,下面我们来说说这一点。首先举个栗子:传统模式下,如果用户在一个淘宝原创 2015-12-18 13:46:20 · 721 阅读 · 0 评论 -
【Javascript】用 js 写一个模板引擎
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2016-05-06 16:58:20 · 1033 阅读 · 0 评论 -
【Javascript】闭包之块级作用域
在js中我们应该尽量避免使用全局变量和全局函数,以防止发生命名冲突,那么要如何避免呢?js中有一个闭包的概念,现在我们使用闭包中块级作用域来讲解,这也是闭包中最重要的概念。js本身是不支持像C/C#/java…这样的语言中有块级作用域的,即在语法块中定义的变量,在语法块外面是无法访问到的。那么,js要怎么去模拟像C这样的块级作用域呢?我们先来看一个栗子:例如: test(); f......原创 2016-05-06 17:40:08 · 1472 阅读 · 0 评论 -
整理了一份 Javascript 代码书写规范
基于对参考文档进行整理,方便读者参照,有建议之处,欢迎留言。(2)请在作用域的顶部申明变量,这样做主要避免变量申明和赋值提升相关的问题。字符串(1)使用单引号定义字符串字符串长度超过80个字符是,应该分成多行,通过字符串连接符(+)进行连接。(3)使用数组方法join替代连接符数组(1)创建数组(2)数组中添加元素-push()(3)拷贝数组-slice()函数(1)定义函数(2)使用函数(3)参数arguments(4)调用对象(1)创建对象原创 2016-06-18 16:59:08 · 986 阅读 · 0 评论 -
【javascript设计模式】3.Revealing Module(揭示)模式
该模式能够在私有范围内简单定义所有的函数和变量,并返回一个匿名对象, 它拥有指向私有函数的指针,该函数是他希望展示为公有的方法。示例: var myRevealingModule = function () { var privateVar = "Ren Cherry", publicVar = "Hey there";...原创 2017-08-14 14:41:53 · 451 阅读 · 0 评论 -
【Javascript设计模式】Constructor(构造器)模式
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享......原创 2017-08-12 21:39:31 · 681 阅读 · 0 评论 -
【Javascript设计模式】2.Module(模块)模式
模块能帮助我们清晰分离和组织项目中的代码单元。 在js中有几种实现模块的方法:对象字面量表示法;Module模式AMD模块CommonJs模块ES Harmony模块本篇中我们主要介绍“对象字面量”表示法。2.1对象字面量示例: var myObjectLiteral = { varibaleKey...原创 2017-08-13 09:17:27 · 631 阅读 · 0 评论 -
【javascript设计模式】4.单例模式
Singleton单例模式 单例模式,能够限制类的实例化次数只能为一次。单例模式,在该实例不存在的情况下, 可以通过一个方法创建一个类来实现创建类的新实例;如果实例已经存在,它会简单返回该对象的引用;示例: var mySingleton = (function () { //实例保持了singleto...原创 2017-08-18 10:36:59 · 324 阅读 · 0 评论 -
【Javascript】学习使用mocha(摩卡)编写测试用例-常用命令
mocha常用命令1.$ mocha --recursive2.$ mocha file1.test.js3.$ mocha test/unit/*.js4.超时测试$mocha -t 5000 file.test.js参考: http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html其...原创 2017-09-25 18:50:10 · 1289 阅读 · 0 评论 -
【兼容性】js 浏览器兼容问题处理方式
问题描述:兼容处理:问题描述:兼容处理:问题描述:在IE中这样写:document.getElementById(“header”).style.styleFloat = “left”;在Firefox中这样写:document.getElementById(“header”).style.cssFloat = “left”;兼容处理:(4)访问标签中的"for"问题描述:在IE中这样写:在Firefox中这样写:兼容处理:问题描述:IE8.0之前的所有IE版本的写法:适用于IE8.0 以及 fi原创 2016-02-26 17:26:27 · 3421 阅读 · 0 评论 -
【ES6】promise 模式
一个Promise对象代表着一个还未完成,但预期将来会完成的操作;Promise 对象是一个返回值的代理;它允许你为异步操作的成功或失败指定处理方法;异步方法会返回一个包含了原返回值的 promise 对象来替代原返回值。Promise对象的三种状态:Pending—转化—>fulfilled或者rejected;当状态发生转换时,promise.then绑定的方法(函数句柄)就会被调用。(当绑定方法时,如果 promise对象已经处于 fulfilled 或 rejected 状态,那么相应的方法将会被立原创 2016-01-06 14:15:47 · 2474 阅读 · 0 评论 -
【模块化】再谈模块化
在ES6之前,javascript并没有提供内置的模块特性,通常是开发者利用js的特性,如对象、闭包、立即执行函数等,开发出模块化技术。当我们要开发模块化技术时,请牢记模块化系统至少具备下列2点功能:了解了模块,下面我们就来谈谈几种模块化方案。基于模块化的2个特点,在该方案中:示例:我们把立即执行函数+对象+闭包来创建模块的方式,称为模块模式。一旦有能力定义模块,就能将不同的模块拆分为多个文件。或者在已有模块上不修改原有代码就可以定义更多功能。❤️ 示例:我们对MouseCounterModule模块进原创 2019-03-22 17:41:02 · 763 阅读 · 0 评论 -
【NodeJS】归纳篇(二)模块化
系统模块:http、querystring、url…自定义模块包(模块)管理系统模块手册:http://nodejs.cn/api/ 断言:简单理解,即在应用程序中应该出现的情况,如果没有,那么这个程序就崩了。这用于帮助测试。Buffer …crypto - 加密,如md5DNS 解析域名 ,如 dns.getServers()找IPDomain 已废弃Ev......原创 2018-08-11 20:21:08 · 2287 阅读 · 0 评论 -
【NodeJS】归纳篇(三)Express | 链式操作 | cookie && session | 模板引擎 | Router | mysql
初步使用第一步npm install express示例:server.js1、创建服务2、监听3、处理请求const express = require('express');var server = express();//1、创建服务//3、响应请求//use() 添加响应server.use('/a.html',function(req,res){...原创 2018-08-14 21:18:56 · 763 阅读 · 0 评论 -
【NodeJS】归纳篇(一)数据请求
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2018-07-22 22:15:19 · 712 阅读 · 0 评论 -
【ECMAScript6】es6 要点(一)剩余参数 | 数组方法 | 解构赋值 | 字符串模板 | 面向对象 | 模块
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2018-07-16 20:52:24 · 1761 阅读 · 0 评论