关于javascript:分享一些好用的插件大佬看了都说好

36次阅读

共计 3359 个字符,预计需要花费 9 分钟才能阅读完成。

前言

最近在整顿笔记的时候,发现平时珍藏应用的插件的笔记比拟乱,刚好抽空整顿了一下,并提取一些精髓局部放在这里,不便本人查看,也不便看掘友们查看。

这里我分一下类次要为以下三大类:

  1. 开发中用的依赖或库
  2. vscode 插件
  3. 其余 / 黑科技

开发中用的依赖或库

echart

echart 是一个基于 js 开发的可视化图表库,在这块 echart 的确做的十分不错,各类图表一应俱全,有比较复杂的需要倡议能够应用他,上手还是比较简单的。

举荐指数:⭐⭐⭐⭐⭐

官网地址:https://echarts.apache.org/zh…

vconsole

手机端调试利器 vconsole,针对挪动端的前端开发者调试面板,应用也非常简单,如果你想做一下简略的调试倡议应用他,有简单的需要还是举荐应用 Whistle,各位掘友们可自行搜索引擎。

举荐指数:⭐⭐⭐⭐⭐

官网地址:https://gitee.com/Tencent/vCo…

momentjs

momentjs 是一个专一工夫解决的库,性能很弱小,对工夫类需要比拟大的,举荐应用,然而个别对我集体而言用到的办法其实绝对较少一些,而且少数状况都会本人封装相干的解决办法,与这个库相比的话,他体积的确大了不少,所以对工夫解决相干的需要不大的话还是倡议本人封装。

举荐指数:⭐⭐⭐⭐

官网地址:http://momentjs.cn/

lodash

lodash 是一个挺实用的 js 工具库,次要解决数组、字符串、对象等等,应用的确绝对简便,办法也相当之多,所以他的整个包的体积也达到 1MB 之多,为简化解决而增大我的项目的体积也是须要大家去掂量一下以后我的项目的需要,大型项目倡议不轻易应用该库。

举荐指数:⭐⭐⭐

官网地址:https://www.lodashjs.com/

qiankun

qiankun 作为比拟风行的微前端框架的确相当亮眼,技术栈无关,应用简便,官网文档也比拟齐全,心愿微前端能始终发扬光大,还须要大佬们开疆拓土,生产绝对成熟的解决方案输入到社区里,壮大微前端的生态圈。中小型我的项目还是倡议对立技术栈即可。

举荐指数:⭐⭐⭐⭐

官网地址:https://qiankun.umijs.org/zh/…

mockjs

mockjs 模仿数据,在后端还没有提供接口进去之前,前端同学能够应用他来模仿后盾数据的传输,并且 mock 也提供了很多占位符的办法来随机生成对应的数据,惟一须要留神的就是 mock 会拦挡实在的申请,所以联调阶段记得要屏蔽 mock 数据哦~

举荐指数:⭐⭐⭐⭐

官网地址:http://mockjs.com/

file-saver

file-saver 是一款基于 js 封装的下载办法,大小仅 36KB,能够下载 blob 类型、文件流、url 等,包体积不大,并且游览器的兼容性也解决的比拟好,想理解的同学能够尝试应用。

举荐指数:⭐⭐⭐⭐

官网地址:https://github.com/eligrey/Fi…

vue-dark-photo

vue-dark-photo 一款基于 vue2.x 封装的轻便繁难的图片预览组件,反对放大、放大、下载、打印等性能。哈哈哈,本人打个广告,是笔者开源的我的项目 目前 star 100+,有趣味的同学能够去看看,有发现问题想反馈的记得留言给我或提 issues 给我哦。

举荐指数:⭐⭐⭐⭐⭐

官网地址:https://github.com/Dark2017/v…

在线 demo:https://dark2017.github.io/vu…

vscode 插件

any-rule

any-rule 提供了很多罕用的正则匹配,并且应用简略,一键生成,大家能够依据我的项目需要调整成本人须要的正则表达式利用在我的项目当中。

举荐指数:⭐⭐⭐⭐⭐

Git Graph

这是一个能够查看 git 历史的插件,应用很不便,装置完之后就能够查看某个文件各个局部的提交记录以及对应提交人和工夫,对于需要标准 git 以及优化提交记录等比拟敌对且直管,当然用 sourcetree 也是能够的,具体看集体爱好。

举荐指数:⭐⭐⭐⭐

project-tree

这是一个主动生成我的项目构造的插件,对于须要形容我的项目以及整体构造输入文档的同学应该帮忙蛮大的。

举荐指数:⭐⭐⭐⭐

Todo Tree

Todo Tree 是一个提醒待办事件的插件,用法相当简略,在你的代码中正文 //TODO,他的字样会变得显眼,并且在你的侧栏会有相应的提醒。

举荐指数:⭐⭐⭐⭐

NGINX Configuration

对于常常配置 nginx 的同学举荐应用,nginx 语法高亮,应用后极度舒服~ 当然没有接触过 nginx 或者比拟少用的就能够疏忽这条了~

举荐指数:⭐⭐⭐

koroFileHeader

每当你新建一个文件时候会在头部主动生成作者信息、创立工夫、更新工夫等,并且更新工夫是依据你最初一次保留主动刷新的~ 还有一些好玩的头部正文(比方佛祖、龙等)这里都有~

举荐指数:⭐⭐⭐⭐

其余 / 黑科技

postman

前后端同学都能够应用,接口调试利器,调试不要太简略~

举荐指数:⭐⭐⭐⭐⭐

官网地址:https://www.postman.com/

snipaste

截图神器,比你的 qq 或者微信截图好用 N 倍,不信本人下个玩玩。

举荐指数:⭐⭐⭐⭐⭐

官网地址:https://zh.snipaste.com/

Navicat Premium

可视化数据库治理,对于像我这种只会增删改查的前端不要太敌对了,应用简便,治理数据库分分钟。

举荐指数:⭐⭐⭐⭐⭐

官网地址:http://www.navicat.com.cn/pro…

lucky-canvas

是一个开源的大转盘抽奖插件,基于 js + canvas 开发,对于有经营流动要求的同学能够去应用他,有九宫格和大转盘,看本人需要来决策。

举荐指数:⭐⭐⭐⭐

官网地址:https://100px.net/demo/wheel/…

wangEditor

一个弱小的富文本框编辑器,并且有开源团队在保护该我的项目,总的来说相当不错,有该需要的同学倡议优先应用该插件。

举荐指数:⭐⭐⭐⭐

官网地址:https://www.wangeditor.com/

ImageHover Effects 🐶

这是一个开箱即用的 css 动画成果的网站,相当有意思,次要解决动画过渡成果,能够间接一键复制 css 代码到你的我的项目中,再也不必放心动画写不好了~

举荐指数:⭐⭐⭐⭐

官网地址:https://turkyden.com/image-ho…

JS 2020

这是一个汇总了寰球 js 2020(每年都会更新)包含技术趋势、从业者等的全面状况,很适宜理解整个 js 界的整体趋势及他宏大的生态圈~

举荐指数:⭐⭐⭐⭐⭐

官网地址:https://2020.stateofjs.com/en…

chrome 清理缓存

这里能够革除一些网站的 dns 缓存,特地适宜须要将我的项目代理到本地开发的同学,配合 switchhost 应用更佳~

举荐指数:⭐⭐⭐⭐

官网地址:chrome://net-internals/#hsts

switchhost

SwitchHosts 是一个治理、切换多个 hosts 计划的工具。如果你想批改 host,然而不必他,你就要到手动到 C 盘中去批改 host 文件,相当麻烦,用他来节俭你的工夫吧~

举荐指数:⭐⭐⭐⭐

官网地址:https://github.com/oldj/Switc…

可视化 nginx 配置

你只须要动动鼠标抉择你想要的配置他就会生成对应模板,间接下载下来到你的 nginx 配置文件即可~

举荐指数:⭐⭐⭐⭐

官网地址:https://www.digitalocean.com/…

在线转 gif

将你录制的视频上传并截取即可生成对应的 gif 格局的文件哦~ 并且是收费的 毛病是只能截取 5 秒钟,若像素过大转换的工夫可能会比拟久,适宜做 demo 的效果图~

举荐指数:⭐⭐⭐

官网地址:https://app.xunjiepdf.com/

npm 图链接

如果你要公布一个 npm 包并且在 GitHub 上或者其余中央展现最近公布工夫以及版本等信息,那么这个就在适合不过你了~

举荐指数:⭐⭐⭐

官网地址:https://nodei.co/

最初

上述举荐指数仅集体举荐没有任何其余意思若有问题或补充欢送留言~ 此文章会继续更新,继续补充倡议珍藏~

正文完
 0