chrome事件循环的自问自答
目录
1. 宏任务有哪些?
2. 微任务有哪些?
3. dom渲染是事件循环的一部分么?
4. requestAnimationFrame的回调是宏任务还是微任务?
5. requestIdleCallback的回调是宏任务还是微任务?
6. 事件循环图例
1. 宏
1 介绍 AST
打开前端项目中的 package.json,会发现众多工具已经占据了我们开发日常的各个角落,例如 JavaScript 转译、CSS 预处理、代码压缩、ESLint、Prettier 等。这些工具模块大都不会交付到生产环境中,但它们的存在于我们的开发而言是不可或缺的。
有没有想过
我们智能客服知识库机器人已经开发完成,后端数据库是使用的qdrant向量数据库,但是该数据库并没有导出备份功能,所以我按简单的纯前端实现知识库导出excel数据
使用第三方库(如SheetJS) SheetJS是一个流行的JavaScript库,可帮助处理Excel文件。您可以使用SheetJS来
1.添加函数修改img的属性;
/**
*
* @param {*} idName 传入的id,获取改img的dom,添加相应的数学
*/
export const proxyImg = (idName) => {
const img = document.getElementB
一、Array.from使用
通常Array都用于数组去重。下面是Array的详细用法:
1.将类似组转化为真正的数组
函数参数转化为数组
dom转化为数组
这里强调一下,
必须有length属性,否则返回的是空数组。
索引必须是字符串数字,否则返回的是[undefined,undef
在进行项目开发的时候,有时候需要把一些前端的数组进行去重处理,得到一个去重后的数据,然后再进行相关的操作,这也是在前端面试中经常出现的问题
数组去重的多种方法:
利用 ES6 Set 去重
利用 for 嵌套 for,然后 splice 去重
利用 indexOf 去重
利用 sort() 去重
Docker 是什么
先看看百科的定义:
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的Linux或Windows操作系统的机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。
容器引擎?镜像?容器
写在前面
前面的文章中提到过,自己开始在博客园上更新文章。
说也奇怪,自己博客园账号注册了好久,都没在上面更新过博客。
直到前段时间博客园的求助信息火了,才对博客园有了全新的认知。
博客园一个最大的特点就是简洁、干净,广告少。
但也有一个个人认为很不好的地方就是界面太丑,容易劝退新人。
直到前段时
大家好,我是程序视点的小二哥!
今天分享一款来自国外的优秀的前端 UI 组件库:PrimeVue
目前最新版本,基于Vue3,很有特色,值得研究学习和上手使用。
PrimeVue 介绍
PrimeVue 是一套非常优秀的 Vue UI 组件库,组件丰富,定制性很强,官网文档清晰,代码例子充足。
1 WebAssembly是什么?
一种运行在现代网络浏览器中的新型代码,并且提供新的性能特性和效果
W3C WebAssembly Community Group开发的一项网络标准,对于浏览器而言,WebAssembly 提供了一条途径,让各种语言编写的代码以接近原生的速度在 Web 中运行
大家好,我是程序视点的小二哥!
今天小二哥要分享的是一个纯前端实现读取和导出excel文件的工具库:ExcelJS
ExcelJs 简介
功能十分简单:
读取,操作并写入电子表格数据和样式到 XLSX 和 JSON 文件。
一个 Excel 电子表格文件逆向工程项目。
在本文中,我们使用xls
在开发中我们经常会遇到处理数字的问题,下面介绍一种处理数字金额转换为中文金额的方式:
我们通常使用三种书面数字系统:全球使用的阿拉伯数字系统和两种本地数字系统(繁体、简体)。常规时我们使用阿拉伯数字(1,2,3等),但在某些情况中,如金融中我们会使用繁体汉字来书写数字,繁体字优点是安全且无法篡改,
Mapbox—geocoder搜索地点error eaching the server
——There was an errorr eaching the server
环境说明:
vue3.3.4
mapbox-gl: 2.13.0
@mapbox/mapbox-gl-geocoder: 4.7
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
前言
在Js中有一些比较冷门但是非常好用的方法,我在这里称之为高级方法,这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题,不是所有的浏览器都读得懂的。这篇文章主要就是对这些方法做一个总结,有些方法在我们开发过程中有着重要的
JSON
parse(): 以文本字符串形式接受 JSON 对象作为参数,并返回相应的对象。
stringify(): 接收一个对象作为参数,返回一个对应的 JSON 字符串。
口语化理解:JSON.stringify()将不同数据类型的数据转为JSON字符串,JSON.parse()将JSON数
好家伙,搬砖
今天在做组件迁移(从一个旧平台迁移到一个新平台)的时候,发现了一些小小的问题:
1.错误描述:
在穿梭框组件中,使用"节点配置"方法添加数据的时候,左测数据选择框直接消失了
这里我们猜测一下,大概是数据处理出了问题
此处,我们使用"数据绑定"绑定数据方法:
定义数据:
6 月 27 日 ECMA 大会批准了 ECMAScript 2023 (es14)规范,意味着新的一些语法将正式成为标准。下面来看看 ECMAScript 2023 有哪些值得我们关注的新特性。
总览:
具体相关提案原文详情可以跳转:已完成提案
•从后往前查找数组
•Hashbang 语法
•
大家好,欢迎来到程序视点!
今天跟大家简单聊聊Router的实现原理,以及我们如何去实现这样一个插件。
Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。关于Vue Router的使用就不做过多介绍了,大家可以前往Vue Ro
作用:读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空 (nill 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回
问题描述:初始化渲染后 tabs的下划线没有居中对其,出现异位。
问题分析: 网上很多大佬分析过出现原因了
记录下解决的过程: 在各个论坛搜集到解决方案都暂时无效 有使用v-if重新渲染的 有给类赋值偏移值的 有强行转换px的 因为各种原因这些方法在自己身上没有奏效所以记录下自己解决方