随笔分类 - JavaScript
常见的问题和兼容
摘要：Broadcast Channel API(主流推荐)：Broadcast Channel API 允许不同标签页之间进行实时通信，而无需使用定时器轮询。你可以创建一个共享的 Broadcast Channel，并在标签页之间发送消息。这样，当其他标签页接收到消息时，可以立即作出响应。Broadca
阅读全文
摘要：每次刷新星星的位置都是随机的，可以根据自己需求调整星星的数量和位置，具体代码如下，直接复制就可运行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Random Starry Sky</title> 5 <style> 6 body { 7 margin:
阅读全文
摘要：我们经常看到在听乐音的时候，会有音谱图随着音乐的节奏不断变化给人视觉上的享受，那么我们通过js来实现以下这个效果，下面是简单的效果图 首先我们需要有一个绘制音频的函数 function draw() { // 请求下一帧动画 animationId = requestAnimationFrame(d
阅读全文
摘要：1.如何减少项目的白屏时间，优化页面的卡顿 问题背景 在某些情况下，我们希望等待当前帧渲染完成后执行某个函数。这样可以确保在进行下一次操作之前，浏览器已经完成了渲染工作，以提供更流畅的用户体验。例如，当我们需要处理大量数据并进行渲染时，我们可以使用 requestAnimationFrame 在下一
阅读全文
摘要：Web Worker 是一种在浏览器中运行的 JavaScript 脚本，它在后台线程中独立于主线程运行，可以执行耗时的任务而不会阻塞用户界面的响应。 使用 Web Worker 可以将一些计算密集型或耗时的任务从主线程中分离出来，以提高网页的性能和响应速度。主线程可以继续处理用户交互和界面更新，而
阅读全文
摘要：显示格式化的数据首先要是用pre标签否则不识别换行空格字符，样式设置white-space: pre，设置缩进 方法1. <pre id="infoDiv3" style="white-space: pre"> </pre> 在页面中直接使用 <el-dialog title="提示" :visib
阅读全文
摘要：{ //不改变原数组的方法:concat(),join(),slice(),toString() let arr1 = [1,2],arr2=[3,4],arr3 = [1,2,3,4,5,6]; console.log(arr1.concat(arr2),arr1,arr2) //[1, 2, 3
阅读全文
摘要：1. <el-input v-show="scope.row.edit" @keyup.native="pree(scope.row)" v-model="scope.row.supperHighCost" @blur="edit(scope.row)" style="width: 60px" >
阅读全文
摘要：//首先安装npm i nanoid import {nanoid} from 'nanoid' {id:nanoid(),name,age} //nanoid 是js自带的函数用来产生唯一id值
阅读全文
摘要：query() {//axios post请求参入Form Data格式的参数 data参数书写的变化 contentType请求头设置变化 let option = this.getParams(window.location.search.substr(1)); axios({ url:url,
阅读全文
摘要：exportData(){ axios.post(basePath+'/apply/audit/exportCaptcha.do',this.form, { responseType:'blob' // 设置响应数据类型 }) .then(res=>{ if (res.status == 200)
阅读全文
摘要：<%-- 单个权限不显示更多--%> let more = $('.buttonList .btn').length;//获取所有按钮个数 if(more/10<=1){ $('.jurisdiction').each((key,val)=>{ $('.jurisdiction')[key].sty
阅读全文
摘要：var url=window.location.search.substr(1); function getParams(url){ var obj={},arr; if(url){ arr=url.split("&"); for(var i=0,len=arr.length;i<len;i++){
阅读全文
摘要：<img onclick="callCameraFormHtml(5)" src="img/camera.png" class="camera-log scanSN"/> function callCameraFormHtml(snkey){ //移动端系统版本判断 browser = { vers
阅读全文
摘要：//选中添加的样式 (用于大多数) function action (ev,List,oldStyle,newStle){//List 就是你需要改变的一组选中的样式的id数组 newStyle 如果在行内样式需要添加！important 则新样式传递字符串如例:1;否则和oldStyle一样传对象
阅读全文
摘要：要求只有最后一行的时候去掉取消并移除按钮 <table> <tbody id="tbody"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td> <span><font class="cancel">取消并移除</font></span> <
阅读全文
摘要：一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 2、使用方式： （1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：现在有这样对象数组，我只想根据姓名对数组进行去重 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
阅读全文
