前端好用的插件、库、参考资料——个人记录

dayjs（日期计算&日期格式化）

Day.js中文网(文档)

https://dayjs.fenxianglu.cn/

 

WebAssembly

wasm 是一个可移植、体积小、加载快并且兼容 Web 的全新格式

https://www.wasm.com.cn/

WebAssembly 就是运行在 Web 平台上的 Assembly。

Assembly 是指汇编代码，是直接操作 CPU 的指令代码，比如 x86 指令集上的汇编代码有指令集、寄存器、栈等等设计，CPU 根据汇编代码的指导进行运算。汇编代码相当于 CPU 执行的机器码能够转换成的人类适合读的一种语言。

个人理解wasm主要是用于浏览器应用性能的优化，在数据、应用庞大时，效果就会很明显

 

高精度数学计算

decimal.js 使用二进制计算数字，精度很高

math.js 数学计算库，也有精度计算

CSS布局样式库 

https://adamschwartz.co/magic-of-css/

日本传统颜色记录库

https://nipponcolors.com/#byakugun

正则表达式可视化在线工具 

http://tool.rbtree.cn/

算法可视化在线工具

http://dsv.rbtree.cn/

 现代JavaScript教程

https://zh.javascript.info/

阮一峰ES6、ES5（网道）

https://es6.ruanyifeng.com/

https://wangdoc.com/javascript/

 

在线根据github等代码库随时写代码 

https://gitpod.io/

 

前端复杂表格导出的操作 

https://juejin.cn/post/7071882317953761316

变量命名推荐工具 

https://www.chtml.cn/

 

webpack-bundle-analyzer

webpack的插件

需要配合webpack和webpack-cli一起使用。这个插件可以读取输出文件夹（通常是dist）中的stats.json文件，把该文件可视化展现，生成代码分析报告，可以直观地分析打包出的文件有哪些，及它们的大小、占比情况、各文件 Gzipped 后的大小、模块包含关系、依赖项等，对应做出优化，从而帮助提升代码质量和网站性能。

 

compression-webpack-plugin

webpack中的高压缩比的打包插件

 

CSS使用方案

https://csscoco.com/inspiration/#/./layout/masonry-layout-grid.md

 

http-server

http-server是一个简单的零配置的命令行http服务器（基于nodejs），它足够强大便于生产和使用，用于本地测试和开发。一般我们打开一个网页都是通过files协议本地打开的方式，当前端项目打包之后想在本地查看发布效果的时候，这时需要在本地开启一个服务，此时http-server开始起作用。

总结：采用http-server本地运行前端项目

一般node环境下全局安装

npm install -g http-server

 

vuex-persistedstate

vue的数据持久化插件

使用localStorage或sessionStorage存储

 

桑鸟网 - 教你如何学习计算机程序编程（有第三方中文文档）

https://www.sangniao.com/

 

前端进阶之旅——面试指南（比较全面）

https://interview.poetries.top/