- 博客(16)
- 收藏
- 关注
RSS订阅原创 【今天你背面试题了嘛?】webpack有哪些loader
Webpack是一个用于打包前端资源的工具，它可以将多个文件打包成一个或多个文件，并且可以通过Loader扩展其功能。Loader用于处理特定类型的文件，对它们进行转换、编译或打包。这只是一小部分常见的Webpack Loader，在实际开发过程中，你还可以自定义和配置更多的Loader来满足特定需求。
2023-07-23 10:22:49
118
1
原创 【今天你背面试题了嘛】常见布局20+
这只是一小部分HTML布局技术的示例，还有很多其他布局技术可以根据你的需要进行使用。具体使用哪种布局取决于你想要创建的具体页面和设计需求。在HTML中，有很多常见的布局技术可以帮助你创建各种不同类型的网页布局。
2023-07-23 10:18:12
87
1
原创 假如面试官问你前端如何优化性能
减少http请求次数减少DNS查询次数避免页面跳转缓存ajax延迟加载（一般用在图片多的页面中，滚动时才加载）预加载减少DOM元素数量减少iframe数量避免404将样式表置顶将 （CSS放在 HEAD中，防止浏览器有可能还未下载和解析到 CSS就已经开始渲染页面）避免css表达式用link代替@import;使用css@import会造成额外的请求避免使用filterscss文件合并与压缩将脚本置底（将脚本内容在页面信息内容加载后再加载）使用外部javascript和css文件。
2023-07-16 08:36:47
160
1
原创 判断变量的数据类型(常见四种方法及解析)
为了每个对象都能通过 Object.prototype.toString() 来检测，需要以 Function.prototype.call() 或者 Function.prototype.apply() 的形式来调用，传递要检查的对象作为第一个参数，称为thisArg。为了保证兼容性，可以通过Object.prototype.toString方法，判断某个对象值属于哪种内置类型。这样可以看到使用Object.prototype.toString.call()的方式来判断一个变量的类型是最准确的方法。
2023-07-10 22:22:33
1422
1
原创 此模块是使用 “export =“ 声明的，只能在使用 “allowSyntheticDefaultImports“ 标志时进行默认导入
直接根据提示在 tsconfig.json 里的 "compilerOptions" 中 设置 "allowSyntheticDefaultImports":true,此模块是使用 "export =" 声明的，只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入。今天在vue3引入lodash的时候遇到这个。
2023-07-07 16:05:28
721
2
原创 还不会vue3？看这一篇就够了！2【满满干货】
/ 创建store,命名规则： useXxxxStore// 参数1：store的唯一标识// 参数2：回调函数，类似于setup()的功能，可以提供state actions getters// 数据（state）// 修改数据的方法 (action)// 以对象形式返回})// 创建store,命名规则： useXxxxStore// 参数1：store的唯一表示// 参数2：回调函数，类似于setup()的功能，可以提供state actions getters。
2023-07-01 10:54:27
44
原创 三分钟教你怎么用vite-plugin-mock和mockjs
mock.js中的url接收正则写法，再截取url，利用qs.js可将字符串转为对象，获取url中的属性。例如: 定义mock.js 新建mock文件夹 mock.js。在mock.js中导入Mock。return {data数据}
2023-06-30 10:45:39
1442
1
原创 从腾讯老哥那学来的Whistle跨平台抓包调试工具
前阵子认识了个在腾讯的老哥，他说他们团队开发了个叫Whistle的基于 Node 实现的跨平台抓包调试工具，给大家简单介绍下Whistle(基于 Node 实现的跨平台抓包调试工具)的使用基于Node实现的跨平台抓包调试工具可以劫持网络请求，并进行请求和响应的修改，来提高我们的开发调试效率。
2023-06-29 11:47:30
254
2
原创 【今天你背面试题了嘛?】MVVM和MVC区别是什么?
设计模式: 是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。(代码分层, 架构设计)这道题可能只问MVVM， 也可能两个一起问。MVVC： vue所使用的设计模式。MVC ： 传统的设计模式。
2023-05-22 22:44:03
50
1
原创 【今天你背面试题了嘛?】JS执行原理(Event Loop事件循环、微任务、宏任务)
事件循环Event Loop又叫事件队列，两者是一个概念1.什么是事件循环 : 浏览器解析执行js代码的一种运行机制（执行规则）事件循环指的是js代码所在运行环境（浏览器、nodejs）编译器的一种解析执行规则。在js中讨论事件循环是没有意义的,: 事件循环不属于js代码本身的范畴，而是属于js编译器的范畴说人话： js代码可以理解为是一个人在公司中具体做的事情， 而 事件循环 相当于是公司的一种规章制度。两者不是一个层面的概念。1.微任务与宏任务就属于js代码的范畴。
2023-05-22 14:23:55
46
1
原创 【今天你背面试题了嘛?】vue生命周期总共分为几个阶段？
在这一步，实例已完成以下的配置：数据观测 (data observer)， 属性和方法的运算，watch/event 事件回调。该钩子在服务器端渲染期间不被调用，因为只有初次渲染会在服务端进行。el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。在挂载开始之前被调用：相关的 render 函数首次被调用。
2023-05-20 14:44:15
51
2
原创 【今天你背面试题了吗？】简答 v-if 和 v-show 的区别
他们的共同点是都可以控制元素是否可见。区别第一、原理不同，第二、性能不同，第三、场景不同，最后扩展一下
2023-05-16 21:30:20
70
3
原创 运用CSS写出旋转的立方体
友友们!!纯纯用css就可以写出会自己旋转的3D立方体!首先需要了解几个属性：transform 变形translate 位移rotate 旋转perspective 透视transform-style:preserve-3d 开启立体呈现定义动画：@keyframes name{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}调用动画：animation:name 1s l
2022-05-14 21:48:41
953
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人