结尾

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

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

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

导出

---

安装vue插件papaparse

npm install papaparse

如果安装慢的话，可以使用淘宝镜像试一下。如果安装时出问题导致整个项目都崩盘直接跑不起来的话也没关系，删掉所有依赖重新装一遍就行了！ “npm install”

插件使用

首先，导出的数据一定得是一个列表，一个对象列表，例如：

itemList: [

{

name: “红木”,

type: “P000001”,

price: “￥88888”

},

{

name: “水杉”,

type: “P000002”,

price: “￥2000”

}

]

写一个按钮，点击按钮的时候把数据导出csv文件：

<a-button type=“primary” @click=“exportCsv()”>导出指令

点击按钮调用 exportCsv 方法，首先在script里面引用一下库

import Papa from ‘papaparse’

接下来是 exportCsv 方法的实现：

/**

• by wjw

• 导出指令csv文件

*/

exportCsv(){

var csv = Papa.unparse(this.itemList);

//定义文件内容，类型必须为Blob 否则createObjectURL会报错

let content = new Blob([csv]);

//生成url对象

let urlObject = window.URL || window.webkitURL || window;

let url = urlObject.createObjectURL(content);

//生成DOM元素

let el = document.createElement(“a”);

//链接赋值

el.href = url;

el.download = “文件导出.cvs”;

//必须点击否则不会下载

el.click();

//移除链接释放资源

urlObject.revokeObjectURL(url);

},

可以了。这样的话点击按钮之后就可以将数据转成csv文件导出到本地。但是记住哈，数据一定要符合格式，每条数据都是一样的。

可以参考一下这篇博客：https://blog.csdn.net/mmorss/article/details/82586743

导入

---

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

[外链图片转存中…(img-Netv8aFa-1714989109109)]