网页文件加载失败如何重试(一)

本文主要讲解脚本文件加载失败时的处理背景在我们开发网站应用时,我们可能会遇到脚本加载失败的情况,导致脚本加载失败的原因有很多,比如用户的网络问题、终端设备问题、用户浏览器版本等诸多因素。解决方案在 JavaScript 中,我们可以创建一个监听来监听脚本加载失败的情况,然后针对加载失败的脚本进行重新加载。重新加载的方案,一般是通过更换域名来解决。我们给每个脚本添加一个映射关系表,用来在加载失败时匹

- 阅读全文 -

文档流下载

文档流下载Excel、PPT、Word等文档流下载以下是一个简单的下载示例,具体配置根据使用的请求工具有所差异const downloadExcel = async () => { const typeMap = { "application/vnd.ms-excel": "xls", "application/mswor

- 阅读全文 -

Js的一些高级用法

在JavaScript中,变量、函数、类、循环、异步这些都是基础知识。但在日常的业务开发中,我们需要一些更高级的技巧来更好地解决问题。通过本文你将了解到 JS 的高级知识点以及实际应用技巧,如高级数据结构和算法、函数式编程、异步编程和面向对象编程。我们会利用代码实例来让大家更好地理解这些知识点。同时,我们也会提供一些实战案例的示范和使用技巧,让你更好地将这些技术应用到实际业务中。高级数据结构和算法

- 阅读全文 -

JS中的Math对象

常量:Math.PI: 返回 π 的值。Math.E: 返回 e 的值。Math.TAU: 返回 2π 的值。Math.PHI: 返回 (1 + √5) / 2 的值,也称为黄金分割比。幂和平方根:Math.pow(base, exponent): 返回 base 的 exponent 次方。Math.sqrt(number): 返回 number 的平方根。三角函数:Math.sin(x): 返

- 阅读全文 -

一个简单的数字滚动特效

直接贴代码食用Tips:此代码会读取将页面中所有带counter类名的元素,使用时设置 data-start(起始值) 和 data-end(结束值) 两个自定义属性值即可<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

- 阅读全文 -

ElectronJS 入门教程

Electron是啥Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建在Windows上运行的跨平台应用 macOS 和 Linux——不需要本地开发经验。相关链接中文官网地址Electron Forge快速入门环境准备先

- 阅读全文 -

手撕数字千分位展示方法

function formatNumberWithCommas(number) { let numberStr = number.toString(); let formattedNumber = ''; let decimalSeparatorIndex = numberStr.indexOf('.'); // 处理整数部分 let integerPart = number

- 阅读全文 -

DOM和BOM

DOM(Document Object Model):DOM是一种编程接口,提供了对HTML或XML文档的结构化访问和操作。它将文档表示为一棵树形结构,其中每个节点都是一个对象,可以通过操作这些对象来改变文档的内容、结构和样式。DOM树的根节点是document对象,它代表整个文档。其他元素、文本、属性等都是document对象的子节点。基本概念:节点:文档中的一个元素、文本、注释等都是节点。元素

- 阅读全文 -

浏览器性能优化方案

1. 减少HTTP请求将多个小文件合并为一个大文件,例如将多个CSS文件合并为一个CSS文件,多个JS文件合并为一个JS文件。使用CSS Sprites合并多个小图片为一张大图片,减少图片请求次数。2. 压缩文件压缩代码文件(HTML/CSS/JavaScript),可以减少文件的体积,提高传输效率。使用Gzip压缩,服务器可以将文件在传输过程中进行压缩,浏览器接收后自动解压缩。3. 使用缓存设置

- 阅读全文 -

跨域原因及解决方法

跨域指的是在浏览器中,当一个网页的脚本试图去访问不同源(域名、协议或端口)的资源时,浏览器会阻止该请求,这是出于安全策略的考虑。跨域的原因跨域问题是由浏览器的同源策略(Same Origin Policy)所导致的,它限制了从同一个源加载的网页脚本如何与来自其他源的资源进行交互。同源策略要求:协议相同域名相同端口相同如果其中有任何一个不同,浏览器就会认为跨域,并限制跨域请求。解决跨域问题的方法JS

- 阅读全文 -