- 博客(38)
- 收藏
- 关注
原创 script 标签中的async 和defer的区别
当没有这2个属性时,浏览器立刻并执行指定的脚本 当有async属性时,会和dom解析并异步加载script,完成后并立即执行 当有defer属性时,会和dom解析并异步加载script, 但是它的执行时间会等所有的元素加载解析完成后才会执行
2023-05-13 14:24:43
69
原创 JS 中的计时器能做到精确计时吗?为什么?
2. 操作系统的计时函数本身就有少量偏差,由于 JS 的计时器最终调⽤的。受事件循环的影响,计时器的回调函数只能在主线程空闲时运⾏,因此。的标准,浏览器实现计时器时,如果嵌套层级超过。计算机硬件没有原⼦钟,⽆法做到精确计时。是操作系统的函数,也就携带了这些偏差。毫秒的最少时间,这样在计时时间少于。
2022-11-28 10:55:23
423
原创 如何理解 JS 的异步?
如果使⽤同步的⽅式,就极有可能导致主线程产⽣阻塞,从⽽导致消息队列。这样⼀来,⼀⽅⾯会导致繁忙的主线程⽩。时器、⽹络、事件监听,主线程将任务交给其他线程去处理,⾃身⽴即结束。任务的执⾏,转⽽执⾏后续代码。在这种异步模式下,浏览器永不阻塞,从⽽最⼤限度的保证了单线程的流畅。是⼀⻔单线程的语⾔,这是因为它运⾏在浏览器的渲染主线程中,⽽渲染。⽩的消耗时间,另⼀⽅⾯导致⻚⾯⽆法及时更新,给⽤户造成卡死现象。数包装成任务,加⼊到消息队列的末尾排队,等待主线程调度执⾏。⽽渲染主线程承担着诸多的⼯作,渲染⻚⾯、执⾏。
2022-11-28 10:45:16
148
原创 proxy error: could not proxy request解决办法
问题url:'/fpcloud-infor-conver-admin/servicePlugin/findPageList',当时是使用名servicePlugin报错,就叫后端改这个名就可以了不知道是前端问题还是后端的问题
2022-04-12 15:53:40
4285
原创 leaflet 设置pane层级
map.createPane('myPane')map.getPane('myPane').style.zIndex = 250L.canvasIconLayer({ pane:'myPane',}).addTo(map); //设置层级
2022-04-09 09:28:40
1046
原创 leaflet 使用svg创建marker
let svg = '<svg t="1648694311308" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3113" width="200" height="200"><path d="M679.7 207.4C634.4 162 574.1 137.1 510 137.1s-124.4 25-169.7 70.3C295 252.7 270 .
2022-04-09 09:27:13
1084
原创 em、rem的区别
1、em是相对于自身的font-size的大小决定的, 比如font-size:50px ,1em就等于50px2、rem是相对于HTML的font-size的大小决定,一般浏览器默认是16px
2022-03-08 15:04:26
171
原创 js 防抖和节流
let inp = document.getElementsByTagName('input')[0] inp.addEventListener('input', debounce(myFunction,1000), false)//防抖 inp.addEventListener('input', throttle(myFunction, 1000), false)// 节流function debounce(fn, delay) { var timer = null ...
2022-03-08 12:03:37
98
原创 js 预编译四部曲
1.创建AO对象2.找函数声明和变量声明,将变量和形参名作为AO属性名,值为undefined3.将实参和形参统一4.在函数体里面找函数声明,值赋予函数体function test(a) { console.log(a) var a = 123 console.log(a) function a() { console.log('我是a函数') } } ...
2022-03-08 10:48:24
113
原创 vue-axios封装
import { Message } from 'element-ui'import axios from 'axiosconst service = axios.create({ baseURL:process.env.xxx, timeout: 30 * 1000, // 请求时间 withCredentials:true,//当前请求为跨域类型时是否在请求中协带cookie。开启 headers: { 'Content-Type': 'application/
2022-03-07 17:07:02
358
原创 【无标题】javascript数组、对象和Null的typeof同为object,区分解决办法
1.使用typeof 区别null,数组,对象```javascriptfunction getDataType1(o) { if (o === null) { return 'null' } else if (typeof o === 'object') { if (typeof o.length === 'number') { return 'array' } else {
2022-03-07 09:50:02
546
原创 原生JS实现轮播图
这是HTML代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
2020-12-08 23:20:06
86
原创 原生JS封装常用函数
求滚动条的滚动距离function getScrollOffset() { if (window.pageOffset) { return { x: window.pageXOffset, y: window.pageYOffset } } else { return { x: document.body.scrollLeft + document.documen..
2020-11-24 00:36:43
2020
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人