djemx2025的博客

经过上面的一系列优化，可以看到：包体积由原来的2.25M减少到407KB，压缩了82%打包速度由原来的25386ms减少到8949ms，提升了65%这些方式虽然很常规，但确实可以有效地提升项目的性能本文主要介绍的是项目打包构建方面的优化方式，下一篇聊一聊业务代码层面的性能优化，其中会有很多有趣的方案作者：https://juejin.cn/post/7186315052465520698。

首先,上述类型的面试题在文档中可查,没有比官方文档更权威的答案了,其次这种问题没有太大价值,除了考察候选人的记忆力,最后,这种面试题只要用过vue的都知道,没有必要占用我们的篇幅.我们的问题并不多,但是难度可能会高一些,如果你真的搞懂了这些问题,在绝大多数情况下会有举一反三的效果,可以说基本能拿下Vue相关的所有重要知识点了.

Vue 3 中新增了teleport（瞬移）组件，可以将组件的 DOM 插到指定的组件层，而不是默认的父组件层，可以用于在应用中创建模态框、悬浮提示框、通知框等组件。Teleportto(必填)：指定组件需要挂载到的 DOM 节点的 ID，如果使用插槽的方式定义了目标容器也可以传入一个选择器字符串。disabled(可选)：一个标志位指示此节点是否应该被瞬移到目标中，一般情况下，这个 props 建议设为一个响应式变量来控制 caption 是否展示。<template>

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。

图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。特点：节流是一种常用的性能优化技术，它可以限制函数的执行频率，避免过多的重复操作，提升页面的响应速度。函数在 n 秒内只执行一次，如果多次触发，则忽略执行。应用场景：「手写代码-节流」防抖函数可以将多次高频率触发的函数执行合并成一次，并在指定的时间间隔后执行一次。通常在处理输入框、滚动等事件时使用，避免频繁触发事件导致页面卡顿等问题。函数在 n 秒后再执行，如果 n 秒内被触发，重新计时，保证最后一次触发

下一代uni-app，一个神奇的产品。用vue语法、uni的组件、api，以及uts语言，编译出了kotlin的app。不再使用js引擎和webview。纯纯的kotlin原生app。uni-app x，让“跨平台开发性能不如原生”的这条曾广为流传的规则，扔进了历史的垃圾桶！

本章我们将探讨 React 项目。

都说“双端对比算法”，那么双端对比算法，到底是怎么样的呢？跟 React 中的 Diff 算法又有什么不同呢？要了解这些，我们先了解 React 中的 Diff 算法，然后再了解 Vue3 中的 Diff 算法，最后讲一下 Vue2 中的 Diff 算法，才能去比较一下他们的区别。最后讲一下为什么 Vue 中不需要使用 Fiber 架构。我们先由 “ React 的 Diff 算法为什么不采用 Vue 的双端对比的 Diff 算法？

以下是自己整理的面试题汇总，不敢藏私，统统贡献出来。面试的公司分别是：阿里、网易、滴滴、今日头条、有赞、挖财、沪江、饿了么、携程、喜马拉雅、兑吧、微医、寺库、宝宝树、海康威视、蘑菇街、酷家乐、百分点和海风教育。以下是面试题汇总，前端进阶系列会持续深入更新面试题解，共勉！

Promise参数中的Promise1是同步执行的 其次是因为Promise是microtasks，会在同步任务执行完后会去清空microtasks queues， 最后清空完微任务再去宏任务队列取值。},0)})})},0)一开始执行栈的同步任务执行完毕，会去 microtasks queues 找 清空 microtasks queues ，输出Promise1，同时会生成一个异步任务 setTimeout1。

JavaScript（简称JS）是前端的首要研究语言，要想真正理解JavaScript就绕不开他的运行机制--Event Loop（事件环）JS是一门单线程的语言，异步操作是实际应用中的重要的一部分，关于异步操作参考我的另一篇文章这里不再赘述。

webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换(transform)、打包(bundle)。埋个坑，会在下一篇里公布结果。

💡 欢迎加入「

一直以为自己已经掌握了promise，但最近摸🐟想自己手写一个promise的时候，连实现链式调用都写不出来，加上前阵子去面试的时候，被问到promise的频率非常高，等到自己真正被问懵的时候才知道自己对promise的理解并不够透彻，因此想到写下这篇文章，让自己对Promise有更深刻的理解👍在这里声明一下，本人从入坑前端以来系统知识的学习都是看coderwhy老师。

浏览器在下载和解析script文件的时候会停止html的解析和 CSSOM 的构建。所以，在以前我们通常喜欢把< script >标签放在html的最后面。当然，不想将< script >标签放在后面又不想让script的下载和解析影响html的渲染，也有方案。在script标签中加上defer属性即可。script标签的defer属性可以让script异步加载并在DOM构建完成和CSS渲染完毕之后再执行。写文章 - script标签中的async和defer标签到底是干什么的？

💡 欢迎加入「🌍独立全栈开发交流群」，点击即可，一起学习交流前端和Node端技术以上就是移动端适配的几种方式的原理了，知道了这些内容之后，其实就不难发现常用的适配插件不过是帮助我们实现了上述的内容和一些细节，例如自动计算、自动转换、判断机型等等。希望本文对你有所帮助！！！作者：https://juejin.cn/post/7266671630025031699。

ChatGPT？ChatGPT 是一种由OpenAI训练的 AI 语言模型，可以生成文本并以类似人类的对话方式与用户进行交互。用户可以在短短几秒钟内提交请求并获得信息或从广泛的主题中获得问题的答案。ChatGPT还有助于编写、调试和解释代码片段。值得一提的是，ChatGPT 及其 API 目前免费开放给公众使用。因此在本文中，我们将使用它的 API 构建一个 JSON 到 Typescript 的转换器到目前为止，我们已经学习了ChatGPT 是什么如何在 React 应用程序中添加高效的代码编辑器。

一本給初學者的 React 中文入門教學書，由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)，打造跨平台應用程式。💡 欢迎加入「」，一起学习交流前端和Node端技术。

现在的互联网行业越来越卷，卷技术、卷加班、卷年龄。很多同学也反馈：“被裁员、找工作难”。如果大家也遇到了这样的情况，或者想要跳槽、涨薪、进阶学习，成为 offer 收割机，那么可以随时私聊我。最后祝大家都能入职心仪的公司，拿到满意的 offer。作者：https://juejin.cn/post/7297917491795132428。

💡 欢迎加入「」，一起学习交流前端和Node端技术。