2024年最全vue qrcode使用(2)，带你全面解析web前端框架体系架构view篇目

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

// qrcode.toDataURL
// 参数1：codaStr为需要转为二维码的字符串
// 参数2：二维码配置参数,一般只填写margin，width，其他删掉，使用默认值即可
qrcode
.toDataURL(codeStr, {
version:“”,// 二维码版本。如果未指定，将计算更合适的值。
errorCorrectionLevel：“M”, // 纠错级别。low, medium, quartile, high , L, M, Q, H
maskPattern: 1, // 0、1、2、3、4、5、6、7
toSJISFunc(){}, //
margin:4, // 边距
scale:4, // 每一个黑点的宽度
width:4, // 二维码宽
‘color.dark’:“#000000ff”, // 二维码颜色
‘color.light’:“#ffffffff” // 背景色
})
.then(url => {
console.log(‘生成二维码图片url：’, url)
// url赋值给img标签即可
})
.catch(() => {
this.$toast(“二维码生成失败”);
});

##### 框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，**生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的**，在学习的过程可以结合框架的官方文档

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

**Vue框架**

>**知识要点：**
>**1. vue-cli工程**
>**2. vue核心知识点**
>**3. vue-router**
>**4. vuex**
>**5. http请求**
>**6. UI样式**
>**7. 常用功能**
>**8. MVVM设计模式**

![](https://img-blog.csdnimg.cn/img_convert/d2ce4fa1e73ca718cd08f90a80af23e4.webp?x-oss-process=image/format,png)


**React框架**

>**知识要点：**
>**1. 基本知识**
>**2. React 组件**
>**3. React Redux**
>**4. React 路由**

![](https://img-blog.csdnimg.cn/img_convert/25f6f0f7e828f0963380a0d50365c8ac.webp?x-oss-process=image/format,png)



 Redux**
>**4. React 路由**

[外链图片转存中...(img-DSEuDNfQ-1715654367787)]