js
11个有趣且实用的js库
大家好,今天给大家分享几个前端实用的库。为了帮助你节省一些时间并提高工作效率，下面这些插件库你一定能用的上！ ### 1. BigPicture `BigPicture` 是一款轻量级且独立于框架的 JavaScript 图像/视频查看器插件。可以使用``标签以及背景图像,支持 Youtube、Vi ......
直播平台开发，利用原生JS实现回到顶部以及吸顶效果
直播平台开发，利用原生JS实现回到顶部以及吸顶效果 <style> .box1{ width: 1200px; height: 800px; margin: 0 auto; } .box2{ width: 1200px; height: 800px; background-color:palegre ......
js找出一定范围内的全部素数（埃拉托斯特尼筛法Sieve of Eratosthenes）
最近在看js的基础，看到函数这一章的时候，看到了这种写法。 原文链接：https://zh.javascript.info/function-basics 突然懵了个B，js还能这么写。然后问了下chat，才想起来这是js的标签用法。 在JavaScript中，标签（label）是一种标识符，用于标 ......
用js reduce 写一个reduce循环遍历数组对象，里面带有if判断
* 简单的reduce案例，实际场景中使用不多，这里给到一个常用的遍历数组对象！！ ``` var products = [ { name: "Apple", price: 2.5, quantity: 3 }, { name: "Banana", price: 1.5, quantity: 2 } ......
JS 原型和原型链
# 原型和原型链 - 题目 ## 前言 - JS 是基于原型 prototype 继承的语言 - ES6 可使用类 class 继承（语法糖，本质还是原型继承） ## 题目 - 如何准确判断一个变量是数组类型 - 实现一个简易的 jQuery ，考虑插件和扩展性 —— **PS: 虽然 jQuery ......
js 水印
initWatermark() { // 创建一个canvas const canvas = document.createElement('canvas'); // 设置画布的宽高 canvas.width = 200; canvas.height = 200; // 获取画笔 const ctx ......
js里的Map函数
在javascript中，Map函数是用于映射一个数组到另一个数组的函数 它接收一个回调函数作为参数，该函数接受三个参数：当前元素 当前元素的索引和原始数组 例如： 使用Map函数将数组中的每一个元素数值加倍 *2 <javascript> let arr =[1,2,3,,4,5] let dou ......
开发了一个json格式化工具，使用js格式化json的代码分享
今天给大家介绍一下如何通过js来格式化json。 假设json字符串是： ``` {"name":"刘德华","age":25.2,"birthday":"1990-01-01"} ``` 我们使用的是Js的JSON方法 先把json字符串转为json对象，方法如下： ``` var jsonStr ......
JS变量的类型和计算
# 变量类型和计算 - 知识点 ## 变量类型 ### 值类型和引用类型 ```js // 值类型 let a = 100 let b = a a = 200 console.log(b) // 100 ``` ```js // 引用类型 let a = { age: 20 } let b = a ......
JS手写代码实现深拷贝
``` /** * 深拷贝 */ const obj1 = { age: 20, name: 'xxx', address: { city: 'beijing' }, arr:['a', 'b', 'c'] } const obj2 = obj1 obj2.address.city = 'shang ......
js获取iframe元素
前提条件：iframe加载完后 let iframe = document.getElementById('iframeId').contentWindow; // 测试往里添加内容 iframe.document.body.innerText = 'hello' ......
chatGPT的js信号量实现
### 信号量类 在 JavaScript 中，可以使用 Promise 和 async/await 来模拟信号量，下面是一个简单的信号量实现： ```js class Semaphore { constructor(maxConcurrency) { this.maxConcurrency = m ......
基于JS实现回到页面顶部的五种写法(从实现到增强)
这篇文章主要介绍了基于JS实现回到页面顶部的五种写法(从实现到增强)的相关资料,本文介绍的非常详细，实用性也非常高，非常具有参考借鉴价值，需要的朋友可以参考下 写法 【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该 ......
JS中的new option(), options
JS中的new option(), options 莓莓儿～ 于 2019-06-11 17:22:27 发布 15085 收藏 42分类专栏： JS版权 JS专栏收录该内容49 篇文章8 订阅订阅专栏new Option(“文本”,“值”,true,true)后面两个true分别表示默认被选中和有 ......
js脚本发起请求的方式
一、使用XMLHttpRequest发起请求 <script> console.log("使用XMLHttpRequest发起请求"); var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://ccc.4.dns.snadfml.cn/http ......
js 过滤器~过滤方法
在之前的学习中，我们接触了大量的选择器，包括基本选择器、伪类选择器等。为了更加方便快速地操作元素，除了选择器之外，jQuery还为我们提供了以“方法”（类似于函数方法）形式存在的两种方式：过滤方法和查找方法。 过滤方法和查找方法跟之前学习的选择器之间是互补关系，它们补充了很多使用选择器无法进行的操作 ......
Next.js Runtime Error All In One
Next.js Runtime Error All In One
React hydration render bug
Unhandled Runtime Error
Error: Text content does not match server-rendered HTML.
Warning: ... ......
Js操作Select大全(取值、设置选中等等)
Js操作Select大全(取值、设置选中等等) jquery操作select(取值，设置选中）每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。比如<select class="selector"></select>1、设置value为pxx的项选中$(".sel ......
js自定义事件
#### 新建 js新建自定义事件方式有两种： ``` 1. new Event('myEvent'，initEvent) 2. new CustomEvent('myEvent'，initEvent) // new CustomEvent('myEvent', {detail：{name: 'ye ......
下载echarts.js
# 网址 https://www.jsdelivr.com/package/npm/echarts?tab=files 问题记录
这几天和别人对接移动端，安卓平台，我们这边输出vue界面，安卓方反馈轮询的时候调用不到，具体原因也定位不到，只能确定前端这边没几句代码，应该没有问题，因此决定自己下载个android studio写个例子，其实以前也做过java和android开发，并不陌生。 网上很多帖子只给出了最基础的例子，我们 ......
如何修改min.js或者压缩后的js，以便提高代码的可读性。
前端的js上线的时候一般会使用打包工具处理（webpack,gulp，ugly.js 等）。这样做有几点作用。 可以压缩空间，提高页面响应速度 一定程度上可以保护自己的代码安全，防止别人清晰看懂逻辑或者拷贝代码。 提高别人阅读自己代码的门槛 可前端开发工作中多多少少，会需要看别人的js代码。可随之而 ......
js 判断如果是移动端就自动跳转到 移动端的页面上去
js 判断如果是移动端就自动跳转到 移动端的页面上去 <script> !(function(){ const userAgent=naviator.userAgent; const android=userAgent.match(/(Android);?[\s\/]+([\d.]+)?/); co ......
如何修改min.js或者压缩后的js，以便提高代码的可读性。
开发中经常会遇到min.js 或者压缩丑化的js代码。如果学习js代码功能的时候，要跨过的门槛其实蛮高的。可能有些前端程序员一生都不会遇到。不过要想完成人生技能进阶，这个路一定是会走的。该文讲述了常见的问题，以及工具的推荐。 ......
js语法
uni-app的js API由标准ECMAScript的js API 和 uni 扩展 API 这两部分组成。 标准ECMAScript的js仅是最基础的js。浏览器基于它扩展了window、document、navigator等对象。小程序也基于标准js扩展了各种wx.xx、my.xx、swan. ......
学生信息登记表单的录入删除代码JS+HTML TOMCAT听课笔记
<!DOCTYPE html> <html> <head> </head> <body> <form class="info" autocomplete="off"> 姓名:<input type="text" class="uname" name="uname"> 年龄<input type="t ......
sharp.js的常用方法
sharp.js是一个用于处理图像的JavaScript库，它提供了许多方法来操作和修改图像。以下是一些常用的sharp.js方法及其详细参数说明： 1. `resize(width, height)`: 调整图像的宽度和高度。 - width（Number）：新的宽度。 - height（Numb ......
office-js操作word
office-js 是一个用于操作 Word 文档的 JavaScript 库，它允许你在 Word 文档中创建、读取、编辑和删除内容。以下是一些常用的方法及其详细参数说明： 1. **Word.run**: 运行一个 Word 宏。你需要提供一个包含宏代码的字符串。 ```javascript c ......
office-js操作email
office-js 是一个 JavaScript 库，用于与 Microsoft Office 文档进行交互。它提供了一些方法来操作电子邮件，包括发送、接收和读取邮件。以下是一些常用的方法及其详细参数说明： 1. `Office.context.mailbox.sendMailAsync(optio ......
office-js操作Excel
office-js是Office Add-ins中的一个JavaScript库，用于在Office应用程序中创建自定义功能。它提供了一组API，可以与Excel进行交互，包括读取和写入数据、格式化单元格等。 以下是一些常用的office-js操作Excel的方法及其详细参数说明： 1. 打开Exce ......