让你告别996的超常用工具地址

1,073 阅读4分钟

商城篇(找工作必练)

开源商城

推荐指数:5星,掌握了它,可以说,今后工作中的各种需求都不是问题,工作1~2年的也可以学习其中的思路(建议收藏)。

这是一个集小程序/公众号/app为一体的商城系统,包括前台后台等多端代码,页面UI完善,所涉及到的知识也非常丰富,非常值得新手前端进行研究尝试,掌握了这个商城的解构。

源码Git获取

image.png

wemall云平台

推荐指数:3星

WeMall微商城系统是基于ThinkPHP技术架构,实现MVC、缓存等框架设计的微商城源码,帮助中小企业及个人迅速搭建商城系统,减少二次开发带来的成本。

Mall4j

推荐指数:2星

一个基于spring boot、spring oauth2.0、mybatis、redis的轻量级、前后端分离、防范xss攻击、拥有分布式锁、为生产环境多实例完全准备、数据库为b2b2c设计、拥有完整sku和下单流程的完全开源商城。

超常用URL篇

掘金

你没有看错,就是你现在所在的地方。这里可以说是目前来说最干净的程序员社区有着优秀的浏览和博客发布体验。有着丰富的社交沸点还有各个话题的分类,使得每一个摸鱼党、奋斗逼都有自己的一片天地。

Panda图片压缩

2021了,不会还有小伙伴不知道这个熊猫压缩地址吧。他可以将你的本地图片压缩70%甚至更多,大大变小包的大小,快快保存起来吧。唯一不好的就是它最大只能上传5MB的图,且只能是png,jpg。每月的前500次压缩免费。只有压缩超过500张图片,才会被扣费。

image.png

ES6快速入门

前端er都知道掌握ES6就等于掌握了代码时光机,它可以极大的加快你的开发效率,节省你的代码行数,大大提前你的下班时间。所以何乐而不为呢?

快速获得渐变色

还在为一个css的渐变色而苦恼吗? 试试这个网址吧 它可以快速的帮你生成CSS代码,让你不再头大。 image.png

矢量图标库

要说图标库,这个说第二,就没人敢说第一。用过的小伙伴都说好。

在线生成正则自定义生成规则

还在为写不出正则而苦恼吗?快快收藏这2个地址吧

image.png

echarts可视化图表库

echarts 最好用的开源可视化图表库,可以帮你从容的满足老板的各种可视化需求,当然,熟练运用和掌握还是需要同学们多多实践的。

image.png

二维码在线生成器

老板:小王,把这个链接给我弄成二维码,我急用

当老板突然提出这种要求时,这个链接就能救你于水火之中,它不仅可以生成二维码,而且支持二维吗的美化,让它变成你想要的样子。

image.png

PC UI库

Iview Vs Element

element和iview可以说是Vue的两大主流ui组件库了

相比而言 iview 更加简单,element 主题定制需要配合 babel做一些预编译 ,以及步骤更多 显得更加复杂。过渡动画element 有内置过渡动画,使得组件的切换变化更具动感。iview 则中规中矩 对设计人员:element 提供了Sketch 和 Axure 工具对设计人员友好。iview 没有提供。

Ant Design

说起Ui库,那就不得不提Ant Design,支持Vue、React以及移动端,让然对React的支持尤为优秀,非常推荐

移动端 UI库

Vant

移动端UI库首推Vant好吧。凭借着优秀的ui组件,完善的文档深受前端开发者的好评。目前我认为无人能出其右

跨端 UI库

uView

uView UI,是uni-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。被很多企业使用。

Taro UI

一套基于Taro框架开发的多端UI组件库 多余的我也不知道了~ 有用过的小伙伴可以评论下

富文本编辑器篇(Editor)

wangEditor

简洁、轻量级、文档齐全,万星项目 Github Star 1w+,npm 周下载量 1w+,CDN 月下载量百万+

如果你们公司要实现一个简单的编辑功能,这个就是你的不二之选。这个富文本编辑器以简洁著称,轻、小、快是它的特点。

image.png

TinyMCE

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。

image.png

百度 ueditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...功能丰富就是有点...chou

image.png

其它

例如还有 html5编辑器|Squire 开源的Bootstrap所见即所得(WYSIWYG)富文本编辑器 需要的同学可以自行看看

未完待续