摘要: 普通克隆的方式 1. 大部分会使用 序列化和反序列化的方式 , 缺点:这种方式不会对对象中的函数或者Map对象进行深度克隆。 const result = JSON.parse(JSON.stringify(value)) 2. 手写一个deepclone函数 //创建可回收map集合 来处理环形引 阅读全文
posted @ 2023-06-15 15:50 10后程序员劝退师 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 目前大部分的实现方式是利用 promise.race const fetchTimeOut = (timeout = 1000) => { return new Promise((resolve, reject) => { setTimeOut(() => { reject('fetch timeO 阅读全文
posted @ 2023-06-13 16:01 10后程序员劝退师 阅读(665) 评论(0) 推荐(0) 编辑
摘要: 函数重载 将函数接收到的不同参数,进行不同处理。 import createOverLoad from './funReload.js' const getUsers = createOverLoad() getUsers.addImpl(() => { console.log('查询所有用户') 阅读全文
posted @ 2023-06-13 14:01 10后程序员劝退师 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 页面上如何使用 给需要过渡的元素添加 v-slide-in 指令 <template> <div class="continer"> <div v-slide-in class="item">1</div> <div v-slide-in class="item">2</div> <div v-sl 阅读全文
posted @ 2023-06-09 17:13 10后程序员劝退师 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 如果首屏加载的内容组件比较厚重或者数量大,那么第一次加载也会停顿很久。 可以通过控制台的Performence来观察render和loading的大致时间 优化的思路: 想让首屏页面的组件或者比较需要提前让用户看到的内容模块 优先放在第一帧来加载 加载时机:如果当前帧数时间大于 该模块的设定指定加载 阅读全文
posted @ 2023-06-07 17:54 10后程序员劝退师 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 实现效果,假如当前浏览的是第121条视频 首先需要先准备要用到的工具函数,和模拟接口回调函数 api.js //模拟根据当前 id返回 该id前面有多少条视频 export function getOffset(id) { return new Promise(resolve => { resolv 阅读全文
posted @ 2023-06-02 17:46 10后程序员劝退师 阅读(149) 评论(0) 推荐(0) 编辑
摘要: <div class="layer1"></div> <div class="layer2"></div> <div class="layer3"></div> <div class="layer_title">Sass 星空</div> //三个layer1,2,3代表三层星星 @function 阅读全文
posted @ 2023-05-26 17:58 10后程序员劝退师 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 柯里化的存在意义是什么? 在函数式编程中,我们其实往往希望一个函数处理的问题尽可能的单一,而不是将一大堆的处理过程交给一个函数来处理 我们是否就可以将每次传入的参数在单一的函数中进行处理,处理完后在下一个函数中再处理后的结果 // 支持多参数传递 function progressCurrying( 阅读全文
posted @ 2023-05-23 18:18 10后程序员劝退师 阅读(15) 评论(0) 推荐(0) 编辑
摘要: fetch的方式: let controller = null input.oninput = async() => { controller && controller.abort() controller = new AbortController() try{ const api = awai 阅读全文
posted @ 2023-05-23 17:05 10后程序员劝退师 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 主题切换的css写法 利用vue的全局性响应式,将当前主题放在localstroge, 利用根元素 document.doucumentElement.dataset.theme = theme.value //暗色主题 html[data-theme='dark'] { --test-color: 阅读全文
posted @ 2023-05-23 16:27 10后程序员劝退师 阅读(221) 评论(0) 推荐(0) 编辑