coder-Tom

一个喜欢代码, 音乐,读书, 跑步, 记录生活的程序员

0%

vue3和vue2 的区别

面试官:vue3有了解过吗?能说说跟vue2的区别吗?

image-20221111064656149

一、Vue3介绍

关于vue3的重构背景,尤大是这样说的:

「Vue 新版本的理念成型于 2018 年末,当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,但在这段时期,前端世界已经今昔非比了

阅读全文 »

vue项目错误处理

面试官:你是怎么处理vue项目中的错误的?

image-20221110063943106

一、错误类型

任何一个框架,对于错误的处理都是一种必备的能力

Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。

阅读全文 »

您可以在下一个项目中使用的7个有用的 JavaScript 库

image-20221109185755478

有一句谚语“你不必重新发明轮子”。工具库就是最好的例子。它可以帮助您以简单的方式编写复杂且耗时的功能。根据我的观点,一个好的项目会使用一些最好的库

我不认为 JavaScript 需要任何介绍。它几乎是用途最广泛的编程语言之一。在这里,我编译了7个有用的 JavaScript 库,它们将在您的开发之旅中为您提供帮助。

阅读全文 »

vue项目部署到服务器

面试官:vue项目本地开发完成后部署到服务器后报404是什么原因呢?

image-20221109073917506

一、如何部署

前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可

阅读全文 »

vue解决跨域问题

面试官:Vue项目中你是如何解决跨域的呢?

image-20221108073907500

一、跨域是什么

跨域本质是浏览器基于同源策略的一种安全手段

同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能

所谓同源(即指在同一个域)具有以下三个相同点

  • 协议相同(protocol)
  • 主机相同(host)
  • 端口相同(port)

反之非同源请求,也就是协议、端口、主机其中一项不相同的时候,这时候就会产生跨域

阅读全文 »

vue权限管理

面试官:vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?

image-20221107070338527

一、是什么

权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源

而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发

阅读全文 »

在大型项目中如何区分结构和组件

面试官:说下你的vue项目的目录结构,如果是大型项目你该怎么划分结构和划分组件呢?

image-20221105170721137

一、为什么要划分

使用vue构建项目,项目结构清晰会提高开发效率,熟悉项目的各种配置同样会让开发效率更高

在划分项目结构的时候,需要遵循一些基本的原则:

阅读全文 »

你了解ssr吗?

面试官:SSR解决了什么问题?有做过SSR吗?你是怎么做的?

image-20221104073621277

一、是什么

Server-Side Rendering 我们称其为SSR,意为服务端渲染

阅读全文 »

谈谈你对axios封装的理解

面试官:Vue项目中有封装过axios吗?主要是封装哪方面的?

image-20221103055626680

一、axios是什么

axios 是一个轻量的 HTTP客户端

基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。自Vue2.0起,尤大宣布取消对 vue-resource 的官方推荐,转而推荐 axios。现在 axios 已经成为大部分 Vue 开发者的首选

阅读全文 »

非原始值的响应式方案

vue2的实现:

使Object数据变得“可观测”

数据的每次读和写能够被我们看的见,即我们能够知道数据什么时候被读取了或数据什么时候被改写了,我们将其称为数据变的‘可观测’。

阅读全文 »