- 博客(41)
- 收藏
- 关注
RSS订阅原创 面试必备的13道可以举一反三的Vue面试题
首先,上述类型的面试题在文档中可查,没有比官方文档更权威的答案了,其次这种问题没有太大价值,除了考察候选人的记忆力,最后,这种面试题只要用过vue的都知道,没有必要占用我们的篇幅.我们的问题并不多,但是难度可能会高一些,如果你真的搞懂了这些问题,在绝大多数情况下会有举一反三的效果,可以说基本能拿下Vue相关的所有重要知识点了.
2024-06-18 16:11:42
582
原创 vue3面试题八股集合——2024
Vue 3 中新增了teleport（瞬移）组件，可以将组件的 DOM 插到指定的组件层，而不是默认的父组件层，可以用于在应用中创建模态框、悬浮提示框、通知框等组件。Teleportto(必填)：指定组件需要挂载到的 DOM 节点的 ID，如果使用插槽的方式定义了目标容器也可以传入一个选择器字符串。disabled(可选)：一个标志位指示此节点是否应该被瞬移到目标中，一般情况下，这个 props 建议设为一个响应式变量来控制 caption 是否展示。<template>
2024-06-17 17:37:25
854
原创 前端性能优化 24 条建议（2024）
性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。
2024-06-15 18:56:26
799
原创 前端铜九铁十面试必备八股文——性能优化
图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。特点：节流是一种常用的性能优化技术，它可以限制函数的执行频率，避免过多的重复操作，提升页面的响应速度。函数在 n 秒内只执行一次，如果多次触发，则忽略执行。应用场景：「手写代码-节流」防抖函数可以将多次高频率触发的函数执行合并成一次，并在指定的时间间隔后执行一次。通常在处理输入框、滚动等事件时使用，避免频繁触发事件导致页面卡顿等问题。函数在 n 秒后再执行，如果 n 秒内被触发，重新计时，保证最后一次触发
2024-06-15 18:02:13
606
原创 uni-app x，一个纯原生的Android App开发工具
下一代uni-app，一个神奇的产品。用vue语法、uni的组件、api，以及uts语言，编译出了kotlin的app。不再使用js引擎和webview。纯纯的kotlin原生app。uni-app x，让“跨平台开发性能不如原生”的这条曾广为流传的规则，扔进了历史的垃圾桶！
2024-06-12 19:12:14
785
原创 为什么 React 的 Diff 算法不采用 Vue 的双端对比算法？
都说“双端对比算法”，那么双端对比算法，到底是怎么样的呢？跟 React 中的 Diff 算法又有什么不同呢？要了解这些，我们先了解 React 中的 Diff 算法，然后再了解 Vue3 中的 Diff 算法，最后讲一下 Vue2 中的 Diff 算法，才能去比较一下他们的区别。最后讲一下为什么 Vue 中不需要使用 Fiber 架构。我们先由 “ React 的 Diff 算法为什么不采用 Vue 的双端对比的 Diff 算法？
2024-06-08 18:08:06
803
原创 2024大厂高级前端面试题汇总！
以下是自己整理的面试题汇总，不敢藏私，统统贡献出来。面试的公司分别是：阿里、网易、滴滴、今日头条、有赞、挖财、沪江、饿了么、携程、喜马拉雅、兑吧、微医、寺库、宝宝树、海康威视、蘑菇街、酷家乐、百分点和海风教育。以下是面试题汇总，前端进阶系列会持续深入更新面试题解，共勉！
2024-06-07 17:56:04
919
原创 JS事件循环机制（event loop）之宏任务/微任务
Promise参数中的Promise1是同步执行的 其次是因为Promise是microtasks，会在同步任务执行完后会去清空microtasks queues， 最后清空完微任务再去宏任务队列取值。},0)})})},0)一开始执行栈的同步任务执行完毕，会去 microtasks queues 找 清空 microtasks queues ，输出Promise1，同时会生成一个异步任务 setTimeout1。
2024-06-06 17:03:32
633
原创 JavaScript 运行机制--Event Loop详解
JavaScript（简称JS）是前端的首要研究语言，要想真正理解JavaScript就绕不开他的运行机制--Event Loop（事件环）JS是一门单线程的语言，异步操作是实际应用中的重要的一部分，关于异步操作参考我的另一篇文章这里不再赘述。
2024-06-06 16:53:25
646
原创 webpack系列-面试官：webpack用过么？原理是什么？你做过哪些配置？
webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换(transform)、打包(bundle)。埋个坑，会在下一篇里公布结果。
2024-06-06 11:40:00
908
原创 一文带你由浅到深了解Promise
一直以为自己已经掌握了promise，但最近摸🐟想自己手写一个promise的时候，连实现链式调用都写不出来，加上前阵子去面试的时候，被问到promise的频率非常高，等到自己真正被问懵的时候才知道自己对promise的理解并不够透彻，因此想到写下这篇文章，让自己对Promise有更深刻的理解👍在这里声明一下，本人从入坑前端以来系统知识的学习都是看coderwhy老师。
2024-06-05 11:34:04
754
原创 中高级前端工程师必备14种性能优化方案
浏览器在下载和解析script文件的时候会停止html的解析和 CSSOM 的构建。所以，在以前我们通常喜欢把< script >标签放在html的最后面。当然，不想将< script >标签放在后面又不想让script的下载和解析影响html的渲染，也有方案。在script标签中加上defer属性即可。script标签的defer属性可以让script异步加载并在DOM构建完成和CSS渲染完毕之后再执行。写文章 - script标签中的async和defer标签到底是干什么的？
2024-06-04 22:16:46
951
原创 谈谈 H5 移动端适配原理
💡 欢迎加入「🌍独立全栈开发交流群」，点击即可，一起学习交流前端和Node端技术以上就是移动端适配的几种方式的原理了，知道了这些内容之后，其实就不难发现常用的适配插件不过是帮助我们实现了上述的内容和一些细节，例如自动计算、自动转换、判断机型等等。希望本文对你有所帮助！！！作者：https://juejin.cn/post/7266671630025031699。
2024-06-04 15:49:36
660
原创 基于 ChatGPT 和 React 搭建 JSON 转 TS 的 Web 应用
ChatGPT？ChatGPT 是一种由OpenAI训练的 AI 语言模型，可以生成文本并以类似人类的对话方式与用户进行交互。用户可以在短短几秒钟内提交请求并获得信息或从广泛的主题中获得问题的答案。ChatGPT还有助于编写、调试和解释代码片段。值得一提的是，ChatGPT 及其 API 目前免费开放给公众使用。因此在本文中，我们将使用它的 API 构建一个 JSON 到 Typescript 的转换器到目前为止，我们已经学习了ChatGPT 是什么如何在 React 应用程序中添加高效的代码编辑器。
2024-06-04 14:49:24
599
原创 從零開始學 ReactJS：最完整的 React 生態系入門教程
一本給初學者的 React 中文入門教學書，由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)，打造跨平台應用程式。💡 欢迎加入「」，一起学习交流前端和Node端技术。
2024-06-04 14:29:27
786
原创 2024 款——最新前端技术趋势
现在的互联网行业越来越卷，卷技术、卷加班、卷年龄。很多同学也反馈：“被裁员、找工作难”。如果大家也遇到了这样的情况，或者想要跳槽、涨薪、进阶学习，成为 offer 收割机，那么可以随时私聊我。最后祝大家都能入职心仪的公司，拿到满意的 offer。作者：https://juejin.cn/post/7297917491795132428。
2024-06-04 12:08:30
964
原创 React和Vue谁会淘汰谁？
总体来说，在新的web编程范式流行之前，ReactVue还会长期霸占开发者喜欢的前端框架前列。在此过程中，会出现各种新框架，他们各有各的特点，但是，都很难撼动前者的地位。💡 欢迎加入「🌍独立全栈开发交流群」，一起学习交流前端和Node端技术作者：https://juejin.cn/post/7190550643386351653。
2024-06-04 10:27:03
398
原创 【unibest】uniapp + vue3 超实用模板（终）
本模版推荐使用VSCode编辑器开发，集成了，开箱即用。项目地址github:gitee:💡 欢迎加入「🌍独立全栈开发交流群」，一起学习交流前端和Node端技术。
2024-06-04 10:17:05
690
原创 一篇文章搞懂！vue中pc端与移动端适配解决方案（亲测有效）
当涉及屏幕适配方案时，我们常常被众多选择所困扰，如postcss-pxtorem、postcss-px2rem、px2rem-loader、postcss-plugin-px2rem等。然而，在实际测试中，由于不同的Vue和Webpack版本，很多这些方式已经无法使用，反而带来了更多麻烦。为了尽快解决问题，我们应该始终以解决问题为导向，首先采用那些已经获得验证并能产生效果的方法。对于上述列举的方案，虽然没有一一测试过，但我们需要明确的是，抓住解决问题的关键。
2024-06-03 20:21:49
1660
原创 从0开始搭建微信小程序(前后端)的全过程
有段时间比较闲就尝试着做了一个微信小程序，一是为了锻炼自己独立部署一个前后端全链路系统的能力，二是想做一个自己都想用的小程序出来。方向是让用户可以集中获取优质的电影、音乐、书籍、游戏等信息的推荐，那什么是优质的信息呢？我这里假设的是排行榜里越靠前的信息就越是优质的信息，于是就做了一个这几类信息的排行榜小程序，当然排行的信息不是我随便瞎编的，数据来源主要是豆瓣以及其他一些排行网站，希望排行数据是权威和客观的，能最大化的减少用户获取优质资源的成本。
2024-06-03 16:44:12
556
原创 在vue中更优雅的封装第三方组件
v-bind="$attrs"的妙用是在创建更高级别的组件，在封装第三方组件时，可以自动将在父作用域中使用的v-bind的属性自动绑定，并向下传入被封装的使用了v-bind="$attrs"的组件。一段摘自 vue 官网的介绍包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，
2024-06-03 16:33:56
923
原创 【Vue3】保姆级毫无废话的进阶到实战教程
Hooks在 Vue 3 中，可以使用来封装可重用的逻辑，类似于 React 中的 Hooks。通过自定义 Hooks，我们可以将可重用的逻辑封装起来，并在多个组件中共享使用。这样可以提高代码的可维护性、重用性和可读性，避免了代码重复，并且使组件更加关注自身的业务逻辑。并且 hook 具有良好的命名空间和类型推导，易于测试等特性。
2024-06-03 16:16:22
755
原创 [2024]高频前端面试题汇总之前端性能优化篇
PNG是一种比较新的图片格式，PNG-8是非常好的GIF格式替代者，在可能的情况下，应该尽可能的使用PNG-8而不是GIF，因为在相同的图片效果下，PNG-8具有更小的文件体积。JPEG的图片的优点是采用了直接色，得益于更丰富的色彩，JPEG非常适合用来存储照片，与GIF相比，JPEG不适合用来存储企业Logo、线框类的图。受限于 Node 是单线程运行的，所以 Webpack 在打包的过程中也是单线程的，特别是在执行 Loader 的时候，长时间编译的任务很多，这样就会导致等待的情况。
2024-06-02 15:17:50
831
原创 前端面试刷题必备！（性能优化篇）
提升开发体验使用 Source Map 让开发或上线时代码报错能有更加准确的错误提示。提升 webpack 提升打包构建速度使用 HotModuleReplacement 让开发时只重新编译打包更新变化了的代码，不变的代码使用缓存，从而使更新速度更快。使用 OneOf 让资源文件一旦被某个 loader 处理了，就不会继续遍历了，打包速度更快。使用 Include/Exclude 排除或只检测某些文件，处理的文件更少，速度更快。
2024-06-02 11:46:04
852
原创 ECharts案例大全（最新版），含各种案例！实例！
以上就是本文的全部内容，整理提供了三种方案来解决因ECharts官网原案例大全社区Make A Pie因关停给开发者带来的不利。方法一：不过不要慌张，本着遇到问题就解决问题的干劲，社区动力大佬为大家重新整理了一份几乎和原Make A Pie一样的ECharts案例大全资源库。方法三：当然，本人也对之前Make A Pie社区的所有ECharts案例爬了一遍，将资源都上传至百度云，有需要的朋友可以自行下载完整的案例资源。方法二：也是某位大佬整理的ECharts案例大全资源库（基于Make A Pie。
2024-05-30 17:51:43
370
原创 vue3组件通信看一篇就够
接收属性和自定义事件，且子组件内部使用接收的自定义事件修改接收到的属性值，然后父组件根据绑定的自定义事件接收到子组件传递过来的新数据，从而实现父子组件数据同步。通过provide来提供数据，但是这个子组件 或者孙子组件都可以来接收，但是这种不建议用这个，因为这个值在别的地方改变了，这个全部组件都跟着改变。父组件用provide来提供list数据，子组件用inject来接受父组件传来的值，孙子组件都可以用inject来接收。在子组件标签上绑定属性和自定义事件，子组件内部使用。自定义事件，通常用来进行。
2024-05-30 16:24:35
315
原创 不会还有人不知道github排名较前的Vue3 UI框架吧？
对于element plus这个库，大家就再熟悉不过了，由饿了么前端团队开发和维护，目前还处于不断更新迭代的状态中，element plus已经把vue的版本锁定了3.0及以上。两个框架都是目前较为主流的ui框架，各有优劣，可根据项目具体需求选择，官方文档提供了TypeScript和JavaScript两种使用方式，还提供了进阶版的表格和表单组件，里面的功能还是蛮强大的。至于为什么选择Quasar，官方给出的答案是开箱即用的，对桌面和移动浏览器，包括ios safari的最佳支持。
2024-05-30 16:07:02
225
原创 史上最全uniapp学习法则！！
入口文件，主要作用是初始化vue实例、定义全局组件、使用需要的插件如 vuex，注意uniapp无法使用vue-router，路由须在pages.json中进行配置。是uni-app的主组件，所有页面都是在App.vue下进行切换的，是页面入口文件。除此之外，应用生命周期仅可在App.vue中监听，在页面监听无效。vue和uni-app动态绑定一个变量的值为元素的某个属性的时候，会在属性前面加上冒号":";配置文件，全局页面路径配置，应用的状态栏、导航条、标题、窗口背景色设置等。实现下拉刷新需要用到。
2024-05-30 14:55:58
718
原创 不数不知道，React已经有22个hook了
如果说CSR时期的hook都是面向开发者直接使用的。那么并发时期最初的2个hook）已经鲜有开发者使用了，而后期类似这样的hook，普通开发者则根本用不到。同样的，再往后的RSC时期的所有hook，普通开发者都用不到。他们都是为其他库、框架（比如Next.js）提供的。这标志着React发展方向的不断变化：早期，定位是前端框架，主要为了解决facebook自身问题，顺便开源，受众是开发者中期，定位是底层UI库，受众是开源库作者当前，定位是web底层操作系统，受众是上层全栈框架。
2024-05-30 14:25:37
878
原创 React正式更新！开始学习React 19！
今年2月份，React 发布消息确认今年发布 v19 版本，尘封两年的版本号终于要更新了(详情点击：React 19 发布在即，抢先学习一下新特性)。那时候，React 成员 Andrew Clark 明确了新版本将在3月或4月发布。要不怎么说「DDL是第一生产力」，这不4月底了，新版本就踩点发布了。这次发布的版本号是19.0.0-Beta。虽然只是 Beta 版，但也够让社区兴奋了：Dan 说「they did what」Andrew Clark 说「React 19: Never forwardRef
2024-05-30 11:32:13
887
原创 需要具备哪些技能才算中高级前端？
同时，中级工程师还只是单人作战，如果想要成为高级工程师，一定需要了解团队的力量，并学习如何通过合理的项目管理手段，做好一个复杂系统。”他的本意是让我推荐一下前端的学习路线，然后再问了我这个问题，估计是想看看有哪些技术是晋升中高级前端的关键，提前学习吧。成为一个模块负责人，这个模块的所有事情，领导都可以放心交给你的时候，你就是中级工程师了。所以，如果使用是否参与基础技术项目来作为判断的话，是不对的。当然，每家公司对不同职级的能力要求是不一样的，你也可以完全按照上面的能力描述来进行有针对性的学习和成长。
2024-05-30 11:09:01
245
原创 浅谈JavaScript面试题：从进程与线程到事件循环机制！！！
通过深入理解进程与线程的概念，以及JavaScript的单线程特性和事件循环机制，开发者可以更有效地利用这些知识来编写高效且可维护的代码。实际的代码示例不仅帮助我们理解理论概念，而且还提供了实际应用的见解。希望这篇文章能够帮助您在JavaScript编程的旅程中迈出坚实的一步。有什么说的不对的地方欢迎在评论区批评指正~如果觉得写的不错，麻烦点个免费的赞吧！作者：https://juejin.cn/post/7320169913031049268。
2024-05-30 10:46:33
434
原创 前端项目打包并部署
作者：https://juejin.cn/post/7326759323064008739。2、新建一个项目(miaoTestProject)，将dist目录放到里面。启动项目时，给启动的项目加一个别名(miaojiang)在当前项目路径下，生成 一个dist文件夹。3、在当前项目路径下，初始化包管理文件。将来部署项目，是部署的dist这个文件。选中项目，点击任务，点击build。在项目下，创建app.js文件。关掉cmd链接后，项目就停止了。在当前项目路径下，执行命令。根据项目的id,来停止项目。
2024-05-29 18:42:23
402
原创 uniapp干货都在这了
简单来说，你要做一个微信登录，首先得申请资质，光是这个过程就能让一大批开发者却步，如果你看了文章，会发现，大部分内容都是跟技术关系不大的，更像是一个运维人员搞的事情。这篇文章，可能有点复杂，适用有相应需求的人。内容主要是讲思路，部分内容是有代码的，条理清晰，如果你认真阅读再配合实践的话，是很容易理解的。既然是小程序开发，小程序本身对编译、打包都是有要求的，我在这篇文章里，总结了下常见的需要注意的几个点，包含开发及打包相关。
2024-05-29 18:26:32
646
原创 2024前端高频面试题之-- react篇
React15 的方案由于递归不可中断问题，如果 Diff 时间过长（JS计算时间），会造成页面 UI 的无响应（比如输入框）的表现，vdom无法应用到dom中。为了解决这个问题，React16 实现了新的基于的调度器（因为兼容性和稳定性问题，自己实现了polyfill），通过任务优先级的思想，在高优先级任务进入的时候，中断reconciler。为了适配这种新的调度器，推出了。
2024-05-29 17:08:37
881
原创 一文看懂前端面试八股文！！通俗简单！
async是异步的意思，await则可以理解为async wait ，所以可以立即async就是用来声明一个异步方法，而await是用来等待异步方法执行的。 扩展： JSONPlaceholder 是一个免费的在线 REST API，用于开发和测试前端应用程序。它提供了一组模拟的 HTTP 接口，可以进行常见的 CRUD（创建、读取、更新、删除）操作，如获取用户信息、文章、评论等。这样，开发人员可以在不使用真实后端服务的情况下，通过 JSONPlaceholder 来模拟和测试前端应用程序的数
2024-05-29 16:09:48
451
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人