前端
文章平均质量分 62
persistenceYL
萌新
展开
-
接口请求做时间限制处理,超过指定时间接口未做返回可以做特殊处理
接口请求做时间限制处理,超过指定时间接口未做返回可以做特殊处理原创 2022-10-19 10:44:00 · 787 阅读 · 1 评论 -
如何将本地项目运行起来可以https访问
import { fileURLToPath, URL } from 'url'import { defineConfig, loadEnv } from 'vite'import vue from '@vitejs/plugin-vue'import vueJsx from '@vitejs/plugin-vue-jsx'import styleImport, { VantResolve } from 'vite-plugin-style-import';const fs = require('原创 2022-05-18 10:00:04 · 2170 阅读 · 0 评论 -
设置pdf的放大缩小
<template> <div class="view"> <!-- <template v-for="item in pageNum" :key="item"> --> <!-- :id="`pdf-canvas-${item}`" --> <canvas id="pdf-canvas" class="pdf-page" @touchstart="touchstart"原创 2022-03-17 17:57:32 · 1351 阅读 · 0 评论 -
koa的使用
如何使用koa来搞个前端模拟桩:1、scripts/serverConfig.jsconst Koa = require("koa");const Router = require("koa-router");const bodyParser = require("koa-bodyparser")const app = new Koa();const router = new Router();const fs = require("fs");const path = require("原创 2021-11-08 13:20:36 · 27 阅读 · 0 评论 -
Promise专栏
Promise的常见问题1、Promise解决了些什么问题2、Promise在事件循环机制中的执行过程是怎样的3、Promise常用的API有哪些4、手写一个符合 Promise/A+ 规范的 Promise1、Promise解决了些什么问题在promise出现之前,想要拿到回调结果就必须得使用嵌套的方式,而且每一个任务处理都会有两种结果需要处理(失败和成功),这就是所谓的回调地狱,在代码维护上很艰难let fs = require('fs')fs.readFile('./name.txt'原创 2021-10-07 15:23:16 · 104 阅读 · 0 评论 -
url的链接最后返回一个对象{a=1,b:2}的实现方法
如何实现在url后面返回一个对象function strToObj(str){ let obj = {}; let tempStr = str.split("?")[1]; let arr = tempStr.split("&"); arr.map((item,index)=>{ let value = item.split("="); obj[value[0]] = value[1]; }) return obj;}strToObj("http://www.baid原创 2021-10-06 22:23:08 · 139 阅读 · 0 评论 -
浏览器的事件循环机制
一、事件循环要想在线程运行过程中,能接收并执行新的任务,就需要采用事件循环机制,如果需要接收其他进程发送来的任务需要引入消息队列渲染进程的主线程和子线程之间是子线程将任务添加到消息队列。其他进程发送来的任务是渲染进程的I/O线程接收其他进程的消息,然后添加到消息队列,由主线程的事件循环系统执行。消息队列机制并不是太灵活,为了适应效率和实时性,引入了微任务。消息队列的内容为宏任务,每一个宏任务都会有一个自己的微任务队列,执行完一个宏任务之后不会马上去执行下一个宏任务,而且是查看微任务队列中是否有要执原创 2021-10-01 22:31:43 · 5773 阅读 · 0 评论 -
浏览器的同源策略及如何解决跨域
一、什么是同源策略:如果两个url的协议、域名、端口号都相同,那么可以说这两个url是同源的;浏览器默认两个相同源之间是可以互相访问资源和操作DOM的。如果是两个不同源之间进行资源访问,浏览器会有一套基础的安全策略进行限制,这个策略就是同源策略。二、具体来讲,同源策略体现在DOM、web数据、网络三个方面。第一个DOM方面:可以通过JavaScript脚本来操作同源页面的DOM元素。同源策略限制不同源站点之间JavaScript脚本对当前DOM对象的读写操作第二web数据方面:同源策略限制了不同源站原创 2021-10-01 21:27:13 · 1489 阅读 · 0 评论 -
在地址栏中输入一段内容,接下来都发生了些什么
用户发出 URL 请求到页面开始解析的这个过程,就叫做导航。用以定位到新资源,并且将老的资源从页面卸载。一、用户输入地址栏首先判断输入的内容是搜索内容还是符合url规则的url,如果是搜索内容的话,浏览器会拼接上该搜索内容形成一个新的url,如果是符合url规则的url的话,浏览器会检查该url,比如输入的是www.baidu.com,浏览器会自动拼接上协议https://www.baidu.com.在地址栏输入内容之后,并按回车,代表着当前页面将被新的页面给替换,但是浏览器会给当前页面一次执行bef原创 2021-10-01 10:40:27 · 1030 阅读 · 0 评论 -
useCallback以及useMemo结合 节流防抖初体验
前言:首先让我解释一下什么是节流和防抖一、防抖(debounce):触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间举例:就好像在百度搜索时,每次输入之后都有联想词弹出,这个控制联想词的方法就不可能是输入框内容一改变就触发的,他一定是当你结束输入一段时间之后才会触发。二、节流(thorttle):高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率举例:预定一个函数只有在大于等于执行周期时才执行,周期内调用不执行。就好像你在淘宝抢购某一件原创 2021-07-22 19:26:27 · 1309 阅读 · 0 评论