
web前端面试指南
文章平均质量分 75
Web小白菜~
资深牛马,实力不详,遇强则强。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
在Node.js环境中,setTimeout(() => {}, 0)、process.nextTick()、Promise.then()、async/await、setImmediate()的区别
Promise.then的回调会被放入微任务队列(microtask queue),这个队列的执行时机在事件循环的当前阶段结束之后,但在下一个阶段开始之前。在process.nextTick()队列清空之后,事件循环会移动到微任务队列的下一个阶段,这里会执行所有的Promise回调(通过.then()、.catch()或.finally())以及async函数中的await。process.nextTick是Node.js中的一个特性,它允许你将一个函数推迟到事件循环的下一个阶段执行,但在这个阶段之前。原创 2024-09-25 14:01:50 · 835 阅读 · 0 评论 -
JavaScript中的parseInt(), Number(),+有啥区别?
在JavaScript中,parseInt(), Number(), 和一元加号 + 都可以用来转换值到数字类型,但它们的工作方式和用途有所不同。使用场景 1: 当你想要以更简洁的方式将变量转换为数字,特别是当你已经知道该变量是数字或可以转换为数字的字符串。使用场景 1: 当你需要从字符串中提取一个整数部分,特别是当字符串可能包含非数字字符时。使用场景 2: 在数学表达式中,使用 + 来隐式转换值到数字类型,从而使代码更简洁。使用场景 1: 当你需要将任何类型的值转换为数字,包括整数和浮点数。原创 2024-09-24 16:56:49 · 628 阅读 · 0 评论 -
js判断一个对象是否为空对象
在JavaScript中,判断一个对象是否为空对象可以通过几种不同的方法来实现。"空对象"通常指的是一个对象已经被初始化,但是没有任何属性或方法。原创 2024-04-17 13:54:13 · 2173 阅读 · 1 评论 -
用structuredClone来实现深拷贝?
在JavaScript中,深拷贝(deep copy)意味着创建一个新对象,它的结构和原始对象相同,但是所有属性都是原始值的副本,而不是指向原始对象中的同一内存地址。这样做可以确保修改新对象不会影响原始对象。原创 2024-04-16 22:09:53 · 745 阅读 · 0 评论 -
TypeScript划重点【纯干货版】
纯干货,小白看完直接就牛b了原创 2024-03-25 13:34:42 · 1122 阅读 · 0 评论 -
webpack一些常用的Loader和Plugin
在Webpack 5中,一些常用的loader和plugin被内置,这意味着你不再需要显式地在配置文件中安装和配置它们。这里就说几个常见的,其他更多的去webpack5官网看吧。原创 2024-03-12 20:17:24 · 1855 阅读 · 0 评论 -
webpack如何去自定义一个Loader?(大白话,so easy!)
1、根据实际需求及问题做出分析,并制定解决方案2、创建自定义Loader并安装对应依赖3、配置webpack4、注意事项,兼容性、性能、技术时效性等等。5、发布生产前多测试,确保稳定性。原创 2024-03-12 13:02:17 · 1350 阅读 · 0 评论 -
面试被问的性能优化(给我死记硬背!)
Vue.js 官方提供了一个预渲染工具 vue-server-renderer,可以使用它来生成静态的 HTML 文件。对于简单的 Vue 应用,可以使用预渲染技术。使用像 TerserPlugin 这样的工具来压缩 JavaScript 代码,使用 CSS 压缩插件(如 css-loader 的 minimize 选项)来压缩 CSS。SSR服务器端渲染,在服务器端将Vue组件渲染为HTML字符串,然后将其发送到客户端的技术,可以使用vue-server-renderer库来实现SSR。原创 2024-03-11 17:43:51 · 974 阅读 · 0 评论 -
记录前端面试的一些笔试题(持续更新......)
unshift就是将一个或多个元素添加到数组的开头并返回新数组的长度。原创 2024-03-05 22:10:25 · 528 阅读 · 0 评论 -
关于webpack的一些记录
(HMR热更新),让开发时只重新编译打包更新变化的代码,不会打包整个代码包, 不变的代码使用缓存,从而更新速度更快。把代码进行分割成多个js文件,从而使单个文件体积更小,并行加载js速度更快。动态导入语法进行按需加载,从而达到需要使用时才加载该资源,不用时不进行加载。:进程启动通信都有开销的,要在项目比较大代码比较多处理时才有明显的效果)进行处理,让辅助代码从中引入,而不是每个文件都生成辅助代码,从而体积更小。对项目中图片进行压缩,体积更小,请求速度更快。排除或只检测某些文件,处理的文件更少,速度更快。原创 2024-02-29 14:29:00 · 996 阅读 · 0 评论 -
js面试题手写Promise A+规范
【代码】js面试题手写Promise A+规范。原创 2024-02-20 14:49:48 · 401 阅读 · 0 评论 -
js数字千位分割的常用方法
文章目录方法一:遍历每3位添加 " , "方法二:toLocaleString方法三:正则匹配和replace把普通的数字转换为带千位分隔符格式的数字字符串是一个非常常见的问题,千位分隔符格式的规则是数字的整数部分每三位一组,以“,”分节。小数部分不分节 。示例:12,345,678.23456注:只针对number所以不做其他类型的校验方法一:遍历每3位添加 " , " const numFormat1 = param => { const num = param + ''; c原创 2021-06-04 16:46:06 · 4442 阅读 · 1 评论 -
CSS 面试题大全看这一篇就够了(持续更新......)
文章目录1.require.context()2.watch1.require.context()1.场景:如页面需要导入多个组件,原始写法:import titleCom from ‘@/components/home/titleCom’import bannerCom from ‘@/components/home/bannerCom’import cellCom from ‘@/components/home/cellCom’components:{titleCom,bannerCom,c原创 2021-02-20 18:04:42 · 1551 阅读 · 0 评论 -
JavaScript面试题看这一篇就够了(持续更新......)
JavaScript经典面试题1.简要描述 JS 的数据类型?答案:JavaScript 的数据类型可分为原始数据类型和引用数据类型。原始数据类型:String(字符串)、Number(数字)、Boolean(布尔)、Null(空)、Undefined(未定义)引用数据类型:Array(数组)、Object(对象)、Function(函数)2.看代码,写出结果 var a = [];...原创 2020-08-11 17:27:58 · 816 阅读 · 0 评论 -
HTML5 面试题大全(持续更新) 看这一篇就够了
HTML5 经典面试题1.请描述一个网页从开始请求到最终显示的完整过程?一个网页从请求到最终显示的完整过程一般可分为如下7个步骤 :在浏览器中输入网址发送至DNS服务器并获得域名对应的web服务器的IP地址与web服务器建立TCP连接浏览器向web服务器的IP地址发送相应的HTTP请求web服务器响应请求并返回指定URL的数据,或错误信息,如果设定重定向,则重定向到新的URL地址...原创 2020-06-29 18:37:18 · 7056 阅读 · 0 评论 -
http补充一些
随便写写说一下http和httpshttphttpshttp与https的区别https协议的工作原理https协议的优点https协议的缺点说一下http2.0说一下http和httpshttps的SSL加密是在传输层实现的。http超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协...原创 2020-04-22 16:02:16 · 222 阅读 · 0 评论 -
Vue知识点查缺补漏
对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总、有写的不对的或者不够充分的还望指教。文章目录SPA单页面Vue---单向数据流Vue---生命周期v-if 与 v-show的区别computed 与 watch的区别v-modelkeep-aliveSPA单页面1、SPA( single-page application )是一种特殊的Web应用。它将所有的活动局限...原创 2020-01-31 12:46:02 · 1093 阅读 · 0 评论 -
js封装一个判断数据类型的函数
文章目录typeofinstanceofconstructorObject.prototype.toString()到最后了,封装一个准确判断数据类型的函数。有些同学面试上会经常遇到这个笔试题—用js手写一个判断数据类型的函数。当然了这个题方法有好多种…但是你有木有想哪种写法比较简单。如果你还在 if…else if…else if…else…你就out了。但是都是基于----typeof...原创 2020-01-02 23:11:06 · 2665 阅读 · 0 评论 -
JavaScript 23道 面试题
1.num的值是什么? const num = parseInt("7*6",10);A: 42B: “42”C: 7D: NaN答案:C只返回了字符串中第一个字母,设定了进制后(也就是第二个参数,指定需要解析的数字是什么进制:二进制、八进制、十进制、十六进制等等…),parseInt检查字符串中的字符是否合法,一旦遇到一个在指定进制中不合法的字符后,立即停止解析并且忽略后面...原创 2019-11-07 18:08:47 · 1579 阅读 · 0 评论 -
js笔试题--写出1-10000之间的对称数!
写出1-10000之间的对称数知识普及一哈:一个整数,它的各位数字如果是左右对称的,则称这个数是对称数。例如:1234321、123321等。 对称数也叫做回文数。 一般来说,位数大于或等于两位。最小的对称数是11,没有最大的对称数,因为数位是无穷的。写运算函数 //判断是否是对称数 //接收一个数字,转成字符串格式;判断字符串的相对称的项是否相等;若相等则为对数,返回true;反之返回f...原创 2019-11-23 19:39:14 · 3020 阅读 · 1 评论 -
JavaScript 50道 面试题
记录一些具有代表性的js面试题,扎实一下基础,一起学习,一起进步,有则改之无则加勉。1.下面代码的输出是什么? function sayHi(){ console.log(name); console.log(age); let name = "Tom"; let age = 18; } sayHi();A: Tom 和 undefinedB: Tom 和 Re...原创 2019-10-18 10:03:49 · 9252 阅读 · 1 评论