随笔分类 -  前端面试

前端面试
TypeScript 中 any、unknown、never 和 void 有什么区别?
摘要:点击上方 三分钟学前端,关注公众号 回复交流,加入前端编程面试算法每日一题群 面试官也在看的前端面试资料 any、unknown、never、void any any 类型用于描述一个我们根本不知道类型的变量,或者说可以是任意类型的变量,不作任何约束,编译时会跳过对其的类型检查 let notSur 阅读全文

posted @ 2022-08-12 11:47 漫思 阅读(299) 评论(0) 推荐(0) 编辑

Vue中的Object.defineProperty全面理解
摘要:Vue中的Object.defineProperty全面理解 更新时间:2022年04月30日 11:27:32 作者:godkzz 这篇文章主要介绍了Vue中的Object.defineProperty全面理解,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教 目录 阅读全文

posted @ 2022-08-12 11:36 漫思 阅读(231) 评论(0) 推荐(0) 编辑

深入理解flex布局的flex-grow、flex-shrink、flex-basis
摘要:深入理解flex布局的flex-grow、flex-shrink、flex-basis 若愚 ​ 在饥人谷学前端、Java、Go、C++。 咨询见个人简介 ​关注他 129 人赞同了该文章 在使用 flex 布局的时候大家难以理解的是 flex-grow、flex-shrink、flex-basis 阅读全文

posted @ 2022-08-12 11:20 漫思 阅读(169) 评论(0) 推荐(0) 编辑

es6三个点是深拷贝吗
摘要:es6三个点是深拷贝吗 原创2022-04-01 11:14:121522 关注公众号:每天精选资源文章推送 es6中三个点是否是深拷贝:1、当元素是一层数组或是对象时,也即元素只是简单类型的元素,那么三个点此时是深拷贝;2、当数组或对象的元素是引用类型的元素时,三个点是浅拷贝。 本教程操作环 阅读全文

posted @ 2022-08-12 10:42 漫思 阅读(250) 评论(0) 推荐(0) 编辑

JavaScript值类型与引用类型
摘要:JavaScript值类型与引用类型 赞 赏 JavaScript值类型与引用类型教程 在 JavaScript 中 变量 的类型可以分为基本类型(也叫值类型)与复杂类型(也叫引用类型),其中,值类型就是 JavaScript 的基本数据类型,引用类型是复杂的对象类型。 JavaScript值类型 阅读全文

posted @ 2022-08-12 10:27 漫思 阅读(87) 评论(0) 推荐(0) 编辑

hash和history的区别
摘要:一. vue-router(前端路由)有两种模式,hash模式和history模式1.hash 就是指 url 后面的 # 号以及后面的字符,history没有带#,外观上比hash 模式好看些2.原理的区别(原理)3. hash 能兼容到IE8, history 只能兼容到 IE10;4.由于 h 阅读全文

posted @ 2022-08-11 11:37 漫思 阅读(714) 评论(0) 推荐(0) 编辑

webpack热更新原理
摘要:webpack热更新原理 千次阅读 2020-05-17 13:50:24 本文参考链接:https://mp.weixin.qq.com/s/2L9Y0pdwTTmd8U2kXHFlPA 一、开启:HotModuleReplacementPlugin/--hot 二、webpack编译构建后,控制 阅读全文

posted @ 2022-08-11 11:36 漫思 阅读(129) 评论(0) 推荐(0) 编辑

for in 和for of的区别
摘要:for in 和for of的区别 1 遍历数组通常用for循环 ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断 阅读全文

posted @ 2022-08-11 11:35 漫思 阅读(115) 评论(0) 推荐(0) 编辑

reduce常规教程
摘要:var totalNum = taskinfo.reduce((acc, cur) => { return (acc || 0) + (cur?.totalNum || 0) }, 0); 阅读全文

posted @ 2022-08-03 11:47 漫思 阅读(27) 评论(0) 推荐(0) 编辑

Array.prototype.reduce()
摘要:Array.prototype.reduce() reduce() 方法对数组中的每个元素按序执行一个由您提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。 第一次执行回调函数时,不存在“上一次的计算结果”。如果需要回调函数从 阅读全文

posted @ 2022-08-03 11:47 漫思 阅读(88) 评论(0) 推荐(0) 编辑

防抖和节流
摘要:防抖和节流 前端很美 2 人赞同了该文章 > 更多文章详见公众号【前端css和js干货】 1.debounce(防抖)和throttle(节流)的定义 口语版:防抖就是只有当小明连续10天不捣蛋时,小明爸爸才给他零花钱。如果在这10天内小明捣蛋了, 那么重新计算,直到满足了10天不捣蛋的条件,小明爸 阅读全文

posted @ 2022-08-01 20:05 漫思 阅读(97) 评论(0) 推荐(0) 编辑

Promise的状态
摘要:Promise Promise 对象用于表示一个异步操作的最终完成(或失败)及其结果值。 备注: 此特性在 Web Worker 中可用 若想了解 promise 的工作方式以及如何使用它们,我们建议你先阅读使用 promise。 描述 一个 Promise 对象代表一个在这个 promise 被创 阅读全文

posted @ 2022-08-01 11:53 漫思 阅读(1250) 评论(0) 推荐(0) 编辑

Promise.all、race和any方法都是什么意思?
摘要:Promise.all、race和any方法都是什么意思? 这篇文章发布于 2021年05月9日,星期日,22:51,归类于 JS API。 阅读 11154 次, 今日 1 次 9 条评论 by zhangxinxu from https://www.zhangxinxu.com/wordpres 阅读全文

posted @ 2022-08-01 09:46 漫思 阅读(603) 评论(0) 推荐(0) 编辑

documentFragment深入理解
摘要:documentFragment深入理解 抽疯的稻草绳关注 0.4482020.12.27 16:42:40字数 178阅读 3,225 documentFragment是一个保存多个element的容器对象(保存在内存)当更新其中的一个或者多个element时,页面不会更新。只有当document 阅读全文

posted @ 2022-08-01 00:18 漫思 阅读(105) 评论(0) 推荐(0) 编辑

display和visibility的用法和区别
摘要:大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。visibility和display两个属性都有隐藏元素的功能。visibility属性所控制的元素虽然不在浏览器里面显示出来,但他在浏览区里是存在的,只是不显示而已。而display 阅读全文

posted @ 2022-08-01 00:16 漫思 阅读(476) 评论(0) 推荐(1) 编辑

Promise.all和Promise.race的区别
摘要:Promise.all()可以将多个实例组装个成一个新实例,成功的时候返回一个成功的数组;失败的时候则返回最先被reject失败状态的值。 适用场景:比如当一个页面需要在很多个模块的数据都返回回来时才正常显示,否则loading。 promise.all中的子任务是并发执行的,适用于前后没有依赖关系 阅读全文

posted @ 2022-08-01 00:07 漫思 阅读(104) 评论(0) 推荐(0) 编辑

h5新标签介绍
摘要:h5新标签介绍 owlcity关注 2021.12.11 10:37:28字数 245阅读 379 h5新标签介绍 html5新增了一些标签 image 这些标签都是语义标签,可以帮助我们更好的理解,代码中的意思;(都是双标签) 案例: 将语义标签翻译过来为 <div class="header"> 阅读全文

posted @ 2022-07-31 23:57 漫思 阅读(100) 评论(0) 推荐(0) 编辑

为什么outline-width不会引起回流而border-width会引起?
摘要:1、盒模型 标准盒子模型:box-sizing: content-box (height只包括content高度) IE盒模型:box-sizing: border-box (height = padding + border + content), 为了设置padding和border时不撑开盒子 阅读全文

posted @ 2022-07-31 23:55 漫思 阅读(43) 评论(0) 推荐(0) 编辑

display和visibility的区别以及回流和重绘
摘要:display和visibility的区别以及回流和重绘 Jycoding关注 2022.05.13 13:23:21字数 284阅读 238 display:none会脱离文档流,不占据页面空间; visibility:hidden,只是隐藏内容,并没有脱离文档流,会占据页面的空间。 讲述回流以及 阅读全文

posted @ 2022-07-31 23:52 漫思 阅读(504) 评论(0) 推荐(0) 编辑

详解重绘与回流
摘要:详解重绘与回流 不知道鸭关注 0.12021.12.22 12:05:49字数 2,401阅读 3,516 从输入url到看到页面,过程? 1、输入url ( 协议、网络地址、资源路径 ) 2、查看浏览器缓存,看是否有缓存,如果有缓存,继续查看缓存是否过期,如果没有过期,直接返回缓存页面,如果没有缓 阅读全文

posted @ 2022-07-31 23:51 漫思 阅读(96) 评论(0) 推荐(0) 编辑

导航