一直以来很多人使用到 JavaScript 进行 base64 编码解码时都是使用的 Base64.js，但事实上，浏览器很早就原生支持 base64 的编码与解码了以前的方式 编码：<javascript src="/base64.js"></javascript> <javascript> Base64.encode('xia
学习使用js获取当前ip地址的方法,使用第三方API获取ip地址使用 DNS 查询使用第三方 API使用 DNS 查询DNS 是一种用于解析主机名为 IP 地址的系统。可以使用 JavaScript DNS 查询来获取本机IP地址。下面是如何使用 JavaScript 进行DNS查询的示例代码。/*得到ip地址 stop */ getIp(); fu
Vue3 配置 vite.config.js 解决跨域问题问题Access to XMLHttpRequest at ‘http://localhost:8080/user/register’ from origin ‘http://localhost:5173’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ h
alert, confirm, 和 prompt 是JavaScript中用于与用户进行简单交互的三个内置函数，它们可以弹出对话框来提示信息、获取确认或输入。alertalert()函数用于显示一个带有消息和确定按钮的警告对话框。用户必须点击确定才能关闭对话框并继续操作。alert("Hello world！");confirmconfirm()函数显示一个带有消息和
在JavaScript中操作DOM样式是实现动态页面效果和交互的关键。你可以直接修改元素的内联样式，也可以通过改变类名来应用CSS类样式。一、直接操作通过元素的style属性，你可以直接读取或设置内联样式属性。注意，这种方式会覆盖外部CSS样式。// 获取并修改样式 let element = document.getElementById("myElement"); element.style.
在JavaScript中，节点操作是指对DOM（文档对象模型）树中的元素进行创建、查找、修改和删除等操作。DOM树是浏览器将HTML文档解析后形成的结构化表示，每个节点代表文档中的一个部分，如元素、属性、文本等。创建新节点createElement(tagName): 创建一个新的HTML元素节点。var newDiv = document.createElement("div");插入节点app
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://code.
根据经纬度打开地图安装一下微信sdknpm i weixin-js-sdk -S 页面使用<template> <div class="map box clmcenter"> <button @click="openMap">打开地图</button> </div> </template> <script
基本数据类型Undefined、Null、Boolean、Number、String、Symbol（ES6 新增）和 BigInt（ES10 新增）；typeoftypeof str 通常检测数据的基本类型， 但对引用类型数据判断的话，除function会被识别出来之外，像null、{}、数组都输出为 object。typeof null // 'object' typeof undefined
JSON.stringifyJSON.stringify 方法可以使对象序列化，转为相应的 JSON 格式。const obj = {}; console.log(JSON.stringify(obj) === '{}') // true 缺点：如果存在 undefined、任意的函数以及 symbol 值，在序列化过程中会被忽略（出现在非数组对象的属性值中时）或者被转换成
需要安装两个依赖npm i html2canvas npm i jspdf创建html2pdf.tsimport html2canvas from 'html2canvas'; import jsPDF from 'jspdf' export const htmlToPDF = async (htmlId: string, title: string = "报表", bgColor = "#ff
1.npm install moduleName模块将会被安装到node_modules 目录下不会把模块依赖写入devDependencies 或 dependencies 节点运行npm i 初始化项目时不会自动下载2.npm install --save moduleName模块将会被安装到node_modules 目录下会将模块依赖写入 dependencies 节点运行npm i 初始化
css横竖屏.mobile-landscape-container { @media screen and (orientation: portrait) { position: absolute; width: 100vh; height: 100vw; top: 0; left: 100vw; -webkit-transform: rotat
一、下载下载地址：https://github.com/coreybutler/nvm-windows/releases直接下载https://github.com/coreybutler/nvm-windows/releases/download/1.1.11/nvm-setup.zip二、检查是否安装成功nvm -v三、nvm指令nvm list available//查看所有能够安装的npm
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt
一、线性渐变多种颜色之间的渐变，默认从上到下。也可以使用关键词设置线性渐变的方向，to，代表往哪儿去，联合top\right\bottom\left，就规定了向上\右\下\左的方向渐变过度；也可以使用角度值（例：90deg）设置线性渐变的方向background-image: linear-gradient(red,yellow,green); /*默认从上到下渐变*/ background-
1、使用trim()方法trim()方法会去除首尾空格，并返回一个处理后的新值<template> <div class="box">content</div> </template> <script setup> import { ref, reactive, toRefs, watch, computed, defineProps
1.使用vue.config.js文件配置代理：在Vue项目的根目录下创建一个vue.config.js文件，并添加以下代码：module.exports = { devServer: { proxy: { '/api': { target: 'http://api.example.com', changeOrigin: true,
有时候项目开发中需要自己生成二维码来达到目，可以用qrcodejs2的这个插件来实现这个功能安装依赖npm install --save qrcodejs2在需要的页面中：import QRCode from 'qrcodejs2' 调用方法 createQRCode() { var text = 'xxxxx' //需要生成二维码的内容 var qrcode = new QRC
一.安装vue-pdf和vue-pdf-embed这两个库在业务组件中导入 import pdf from "vue-pdf"; import VuePdfEmbed from "vue-pdf-embed"; 二.在上传文件组件的文件列表处绑定预览方法 <Upload.Dragger style="position: relative; widt
一、typeof 运算符typeof 是一个用于返回一个值的数据类型的字符串的运算符。它对于基本数据类型（如字符串、数字、布尔值、undefined）非常有用，但对于对象和数组等引用类型，它的行为可能不如预期。typeof "Hello"; // "string" typeof 42; // "number" typeof true; // "boolean" typeof undefi
什么是骨架屏？骨架屏是一种在页面加载过程中，以占位符形式展示页面结构的技术。它通过显示简单的灰色块和线条，让用户在等待内容加载时获得视觉反馈，提高了用户的满意度。在移动设备和慢速网络环境下，页面加载速度变得尤为关键。用户不愿等待长时间才能看到页面内容。骨架屏能够在内容加载完全之前快速展示页面结构，让用户感受到页面加载的进度，从而提高了用户体验。CSS 实现骨架屏1、实现简单的html骨架页面<
数组操作的方法分为：改变原数组的方法和不改变原数组的方法1.改变原数组的方法 var arr = [] arr.splice() arr.reverse() arr.fill() arr.copyWithin() arr.sort() arr.push() arr.pop() arr.unshift() arr.shif
废话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h
同域 iframe 父子间传值父页面<html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFr
Dialog 的外层布局的 position 值为 fixed, absolute, relative 三者之一时，就会出现被蒙板遮住的情况。解决：在 el-dialog 标签里添加 :append-to-body="true" <!-- 编辑弹出框 --> <el-dialog title="添加用户" :visible.sync="editVisible" widt
ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。下面代码中，padStart()和padStart()一共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。'x'.padStart(5, 'ab') // 'ababx' 'x'.padStart(4, 'ab')
一、Date.parse()：该方法接受一个表示日期的字符串参数，然后尝试根据这个日期返回日期的毫秒数。ECMA-262没有定义该方法支持哪种日期格式，因此这个方法的行为因为浏览器实现而异。如果传入字符串不能表示日期，那么它会返回NaN。该方法返回的毫秒值后三位全为0，精确到秒数，没有毫秒数。Date.parse("2023年9月18日") NaN //日期转毫秒 Date.parse("
一、在Vue单个页面运用<template> <div id="divId"> </div> </template> <script> export default { data() { return { screenWidth: docu
accept 属性只能与<input type="file">配合使用。它规定能够通过文件上传进行提交的文件类型。如果不限制视频的格式，可以写为：accept="video/*" html代码 <input type="file" id="file" name="file" onchange="videoPreview(this)" />
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
