浮点js
使用js定时器的元素持续向上滚动效果及谷歌浏览器缩小时不滚动问题
最近要写消息持续向上滚动效果,记录下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1 ......
js 遍历json格式数据到table中
//将json字符串转换为json格式
2 var yslist = $.parseJSON(result);
3 //遍历table
4 $.each(yslist, function (index, item) {
5 var $tr = $('');
6 ... ......
js base64转blob
/** base64转换成blob数据 */ base64ToBlob(dataUrl, type) { var arr = dataUrl.split(','); var mime = arr[0].match(/:(.*?);/)[1] || type; // 去掉url的头,并转化为byte ......
JS判断变量是否存在或已定义
前言:因需求修改了公共文件,导致引入公共文件的部分页面因未引入来源js会报错,所以需要在公共文件中增加判断变量是否存在。 为了确保代码的可靠性,应该对变量的定义进行检查,从而避免代码在运行时执行错误或不可预期的错误。 一、typeof if (typeof myVar 'undefined') { ......
js 函数的保护函数 防止toString检测
js 函数的保护函数 防止toString检测 let catvm = {}; (() => { "use strict"; const $toString = Function.toString; const myFunction_toString_symbol = Symbol('('.conc ......
js实现汉字中文排序
js实现汉字中文排序的方法数组内的元素是对象,以对象某一个属性进行排序 var arr = [ {name: '南京', code: '09', info: {province: '江苏'}}, {name: '北京', code: '01', info: {province: '北京'}}, {n ......
用js动态生成html页面
首先思路明确:生成的元素是一个完整的DOM对象;这些DOM对象的属性可以是字符串,xml文件,也可以是json格式的数据,存储在后台或者其它位置;通过层层解析,顺着DOM层级关系动态创建在html文档流中;这些html文档放于不同的模板文件中相应生成不同样式的效果。 以下就json格式存储的数据,简 ......
js_通过js主动触发原生事件, 以及通过js注册自定义事件并手动触发
- 现实情景: 在对博客园的样式进行修改时, 需要对博客园的中某些DOM的绑定事件进行手动触发 ### 主动触发原生事件, 以click为例 ```vue const oBtn2 = document.querySelector('#btn2') oBtn2.addEventListener('cl ......
js前端excel导出带图片(亲测可用)
1,js-table2excel npm包有问题,导出后一片空白 2,改写一下js-table2excel /* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.user ......
js 常用链接
#[ node guide:](https://nodejs.org/en/docs/guides " node guide:") [The Node.js Event Loop, Timers, and process.nextTick()](https://nodejs.org/en/docs/ ......
js事件移除
1.AbortController()addEventListener()时,可以配置一个信号,用于命令式地中止/删除监听器。当相应的控制器调用 .abort() 时,监听器会被移除: const button = document.getElementById('button'); const c ......
js 禁止复制打印
/* NoPrint.js V1.0 Created by PDFAntiCopy.com */ const noPrint = true; const noCopy = true; const noScreenshot = true; const autoBlur = false; if (noC ......
js之Map
[TOC] #### 操作关联数组--Map对象 | 成员 | 概要 | | | | | size | 元素个数 | | set(key, value) | 添加元素对 | | get(key) | 获取指定key的元素 | | has(key) | 判断键值为key的元素是否存在 | | dele ......
Js的DOM操作整理(整理)
Js的DOM操作整理(整理) 一、总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1、dom是什么? 对于JavaScript,为了能够使JavaScript操作Html,JavaScript就有了一套自己的dom编程接口。 ......
js面向对象浅析-表单生成
js面向对象浅析-表单生成 前言:这里就表单生成器的案例对js面向对象分析一下。。。 (function (window){ var FormBuilder=function(data){ this.data=data; }; window.FormBuilder=FormBuilder; })(w ......
js设置时间组件
var date = new Date(), y = date.getFullYear(), m = date.getMonth(),d = date.getDate(); var monthFirstDay = new Date(y, m-1, d); var timeArr = [monthFi ......
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】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接,然后在页面下方放置一个返回到该 ......