js
关注
分享
扫一扫
雨中的风铃子
这个作者很懒，什么都没留下…
展开
-
sentry线上报跨域问题记录
sentry跨域问题记录原创 2022-08-22 11:01:27 · 1410 阅读 · 2 评论 -
如何用js对url做urlencoding处理？
可以使用js内置的方法将中文转为urlencoding形式encodeURIComponent('我是普通字符')// 输出结果为'%E6%88%91%E6%98%AF%E6%99%AE%E9%80%9A%E5%AD%97%E7%AC%A6'将urlencoding形式转为普通字符decodeURIComponent('%E6%88%91%E6%98%AF%E6%99%AE%E9%80%9A%E5%AD%97%E7%AC%A6')// 输出结果为“我是普通字符”...原创 2021-10-28 13:53:11 · 663 阅读 · 0 评论 -
base64和网络链接如何互转？使用axios请求时，如何发送formData请求？
// 创建formData对象const form = new FormData()// 将上传的文件对象转为formData对象// fileData:上传的文件对象form.append('file', fileData)// api接口正常请求即可,只不过传的值是被转换后的formaxios({ method: 'post', url: url, data: form})...原创 2021-10-19 17:00:08 · 2697 阅读 · 0 评论 -
如何快速创建文档doc?
技术1、vuepress2、docsify3、gitbook先记着，后期再加上具体使用文档原创 2021-09-23 15:34:41 · 710 阅读 · 0 评论 -
如何自定下载文件名？
1、通常下载文件我们直接通过打开此链接，即可下载，但这种文件名，我们无法自定义，多数是通过后端来控制（即采用链接最后面那一串为文件名）window.open(url, '__blank')2、同域名情况下，我们也可以通过a标签的download属性来自定义下载文件名（通常情况存储文件和自身网址不是统一域名）let a = document.createElement('a') a.href = url a.download = `${name}${+new Date()}.c原创 2021-09-03 13:47:20 · 4749 阅读 · 0 评论 -
利用锚点，点击滚动到指定元素示例
html中锚点的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #control { position: fixed; left: 310px; width: 100px; height: 65px; background-color:原创 2021-07-22 17:40:56 · 195 阅读 · 0 评论 -
js实现复制功能
下方会介绍两种方式：1、选中复制2、点击复制选中复制<template> <el-button type="primary" plain @click="onCopy">复制</el-button></template><script>export default { methods:{ onCopy(){ document.execCommand("Copy"); // 执行浏览器复制命令 .原创 2021-07-20 11:45:32 · 2739 阅读 · 1 评论 -
如何一次性导入某个文件夹下方所有的文件，并导出
导入当前文件夹下方所有的css文件，并导出const modulesFiles = require.context('./', true, /\.css$/)const modules = modulesFiles.keys().reduce((modules, modulePath) => { const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1') const value = modulesFiles(m.原创 2021-04-12 14:40:02 · 787 阅读 · 0 评论 -
window.close()无效，原因剖析
官方解释：https://developer.mozilla.org/en-US/docs/Web/API/Window/close简单的说就是：window.close()方法只能关闭由window.open()或者浏览器直接输入url打开的页面，其余情况安全考虑是被限制的解决方案一：window.location.href = 'about:blank'window.close()解决方案二：查看当前页面之前的一系列打开方式是不是用window.open()打开的，如果不是，换成原创 2021-04-09 10:38:09 · 22042 阅读 · 3 评论 -
await 后跟promise与 普通函数的区别
1 对于promise对象，await会阻塞函数执行，等待promise的resolve返回值，作为await的结果，然后再执行下下一个表达式2 对于非promise对象，比如箭头函数，同步表达式等等，await等待函数或者直接量的返回，而不是等待其执行结果...原创 2021-03-16 10:18:56 · 1660 阅读 · 1 评论 -
从输入url到页面加载发生了什么？
1.DNS解析（将网址解析为IP地址）首先看DNS缓存，查询顺序为：浏览器、操作系统；若都没有,则进行分级查询，查询顺序为：本地DNS服务器，根域名服务器，COM顶级域名服务器，google.com域名服务器2. TCP连接（三次握手）.md的生成下图的文本部分：```sequence客户端->服务端:第一次握手(客户端具有发送信息的能力)：SYN=1(请求建立连接)，seq=n(序列号)服务端->客户端:第二次握手(服务端具有接受信息和发送信息的能力)：SYN=原创 2021-02-24 13:55:25 · 153 阅读 · 0 评论 -
常用正则表达式
1.最多只能输入两位小数的正数const str = '123asdf'str = str.toString().match(/^\d*(\.?\d{0,2})/g)[0]console.log(str) // 123原创 2021-01-07 15:22:52 · 361 阅读 · 0 评论 -
谷歌浏览器-调试工具如何引入jQuery？
1.在谷歌浏览器里首先调用起调试工具2.然后，在Snippets里编写脚本内容如下即可：// 引入jQueryvar jq = document.createElement('script'); jq.src = 'https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js';document.getElementsByTagName('head')[0].appendChild(jq); // 用jQuery操作domvar .原创 2020-12-03 11:39:06 · 1630 阅读 · 3 评论 -
页面一次性加载数据过多时，页面卡死怎么办
问题：当后端一次性返回数据(array)过多时（例如1000条或者更多），会导致页面卡顿优化思路：将这1000条数据划分为多个小数组，然后一段一段的加到页面上解决方案：利用window.requestAnimationFrame()或者setInterval()示例：以window.requestAnimationFrame()为例window.requestAnimationFrame()告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要.原创 2020-09-16 09:35:00 · 11597 阅读 · 2 评论 -
js基础学习总结
1.js变量提升var 会导致变量提升,在下方定义的a，在前面依旧可以读取console.log(a) // 1var a = 1let、const 不会导致变量提升，代码从上往下执行console.log(a) // 会报错let a = 1console.log(a) // 1原创 2020-09-07 18:04:07 · 121 阅读 · 0 评论 -
web端如何实现导出功能？
以vue项目为例，介绍两种使用mixins方法，参数自己根据实际需求更改即可,使用时，只需直接调用此方法，传参即可1.方法一/** * @param {fun} 导出函数，即后端接口 * @param {params} 导出参数 * @param {name} 导出文件的名字 * @param {curLength} 导出的当前数量 * @author ****** 2020.07.21 */ onExportFile(fun, params, name, curLength)原创 2020-07-21 16:22:51 · 1126 阅读 · 0 评论 -
big.js常用操作及引用方法
1.安装big.jsnpm install --save big.js2.页面上引用big.jsconst Big = require('big.js')3.常用操作加法plus0.1 + 0.2 // 0.30000000000000004x = Big(0.1)y = x.plus(0.2) // '0.3'Big(0.7).plus(x).plus(y) // '1.1'减法minus0.3 - 0.1 // 0.1999999999999...原创 2020-07-17 10:46:42 · 10448 阅读 · 1 评论