前端vue项目：生成二维码，扫二维码跳转到相应页面_vue生成二维码扫码并跳转其他页面

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

开源分享：docs.qq.com/doc/DSmRnRG… HTML

<template>
    <!-- 二维码 -->
    <div class="code">
         <img :src="img" />
    </div>
</template>

JS

  data() {
      return {
        img: "",
      }
  },

  mounted() {
      this.makeCode();
  },

  methods: {
      //生成二维码方法
      makeCode() {
          const result = new AraleQRCode({
                render: "svg",      // 定义生成的类型 'svg' or 'table dom’
                text: "https://blog.csdn.net/m0_61343119/article/details/131842050?spm=1001.2014.3001.5501", // 二维码的链接
                size: 150,      //二维码大小
          });

          // 将svg xml文档转换成字符串
          const svgXml = new XMLSerializer().serializeToString(result);

          // 将svg字符串转成base64格式，通过 window.btoa方法创建一个 base-64 编码的字符串，进行二次编码解码(encodeURIComponent 字符串进行编码和解码，unescape 进行解码)。
          const src =
                "data:image/svg+xml;base64," +
                window.btoa(unescape(encodeURIComponent(svgXml)));
          
          // 本地存储图片
          localStorage.setItem("image", src);
          this.getImg();
     },

      // 获取存储的图片给到页面
     getImg() {
         this.img = localStorage.getItem("image");
         console.log("$$$$", this.img);
         localStorage.removeItem("image");
     },
      
  }
  </script>

需求中遇到的情况，也是百度了很久参考了很多大佬的文章，所以这里记录一下，方便自己的同时希望对大家也有一点小小帮助；

文末

逆水行舟不进则退，所以大家要有危机意识。

同样是干到35岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

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

前端面试题汇总