推荐28个前端开发必备工具

2023-05-27 0 441

我们好,我是Echa。

有关Web 后端合作开发辅助工具数据资料那块,紧密结合另一方面顺道合作开发和开发相关人员圈子里的所推荐。搜集了极短天数,最终汇整在了一同。那些辅助工具对每一Web合作开发者都十分管用。

那些辅助工具将使合作开发者的组织工作更为轻松,不光是假如专门从事Web合作开发者,Web结构设计相关人员或部门经理。提议我们先珍藏总之。

无论您是中文网站合作开发者却是雕塑家?那些辅助工具将使您的日常生活和组织工作业务流程更为随心所欲。

后面小贴士早已撷取过许多后端合作开发必不容少辅助工具,有兴趣的在看一看:

所推荐15个Javascript常用辅助工具类

所推荐17个Javascript互联网允诺和动画电影库辅助工具类

38个不容错失的新颖后端辅助工具

60+ 新颖 React 辅助工具库,助推你高工作效率合作开发

强烈所推荐33个 GitHub 后端自学天然资源

那时小贴士竭尽全力撷取28个后端合作开发必不容少辅助工具,期望能大大降低Web 合作开发们的合作开发工作效率,与此同时期望组织工作日常生活凡事顺心。

全文大纲

Lodash 是一个一致性、模块化、高性能、提高合作开发者工作效率的JavaScript 新颖辅助工具库。Underscore.js 是一个新颖的 JavaScript 辅助工具库Ramda 专门为函数式编程风格而结构设计Collect.js 是 JavaScript 处理数组和对象的方便且无依赖的包装类辅助工具date-fns 一个现代的 JavaScript 日期辅助工具类库Moment.js 是一个简单易用的轻量级 JavaScript 日期处理类库Day.js 是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和天数。Chance.js 是一个轻量级的 JavaScript 随机字符串生成器插件UUID 是一个用于在 JavaScript 中生成符合 RFC 的 UUID 的新颖程序库Nano ID 是一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器。Math.js 是一个强大的 JavaScript 和 Node.js 数学库Numeral.js是一个用来对数值进行操作和格式化的 JS 库Accounting.js 是一个用于数字、货币和货币解析/格式化的小型 JavaScript 库qs 是一个url参数转化(parse和stringify)的JavaScript库Voca 是一个用于操作字符串的 JavaScript 库js-cookie.js 是一个用于处理浏览器 cookie 的简单、轻量级 JavaScript APICooAlertify.js 是一个Java框架,用于合作开发漂亮的浏览器对话框和通知Alfred 是Mac OS X上屡获殊荣的应用程序,可通过热键和关键字提高组织工作工作效率。AlloyUI 是在YUI3(Java)之上构建的框架Backbone 通过提供具有自定义事件的模型与丰富的可枚举函数APIBower 中文网站由很多东西组成—框架,库,资产,新颖程序和彩虹Colourcode 探索和发现颜色的辅助工具。方案中的色板,色相,亮度,饱和度变化的控件,Fontastic 可以在几秒钟内创建图标字体。使您的中文网站运行更快。Fontello 使用图标构建自定义字体的辅助工具。Foundation 是响应式后端框架家族,可随心所欲结构设计精美的响应式中文网站,应用程序和电子邮件,在任何设备上看起来都很棒。Grunt生态系统十分庞大,而且每天都在增长。

Lodash

官方:https://lodash.com/

Github:https://github.com/lodash/lodash

Lodash是一个一致性、模块化、高性能、提高合作开发者工作效率的JavaScript 新颖辅助工具库。Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。Lodash 的模块化方法,十分适用于:

遍历 array、object 和 string;对值进行操作和检测;创建符合功能的函数。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具
// Load the full build.var _ = require(lodash);// Load the core build.var _ = require(lodash/core);// Load the FP build for immutable auto-curried iteratee-first data-last methods.var fp = require(lodash/fp); // Load method categories.var array = require(lodash/array);var object = require(lodash/fp/object); // Cherry-pick methods for smaller browserify/rollup/webpack bundles.var at = require(lodash/at);var curryN = require(lodash/fp/curryN);

Underscore.js

官方:https://underscorejs.org/

Github:https://github.com/jashkenas/underscore

Underscore.js 是一个新颖的 JavaScript 辅助工具库,它提供了一整套函数式编程的新颖功能,但没有扩展任何 JavaScript 内置对象,而是将数据封装在一个自定义对象中。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Ramda

官方:https://ramdajs.com/

Github: https://github.com/ramda/ramda

Ramda 的目标是专门为函数式编程风格而结构设计,更容易创建函数式 pipeline、且从不改变用户已有数据。Ramda 主要特性如下:

Ramda 强调更为纯粹的函数式风格。数据不变性和函数无副作用是其核心结构设计理念。这可以帮助你使用简洁、优雅的代码来完成组织工作。Ramda 函数本身都是自动柯里化的。这可以让你在只提供部分参数的情况下,随心所欲地在已有函数的基础上创建新函数。Ramda 函数参数的排列顺序更便于柯里化。要操作的数据通常在最终面。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Collect.js

官方: https://collect.js.org/

Github: https://github.com/ecrmnn/collect.js

collect.js是 JavaScript 处理

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

date-fns

官方: https://date-fns.org/

Github: https://github.com/date-fns/date-fns

date-fns 是一个现代的 JavaScript 日期辅助工具类库,提供了最全面、最简单和一致的辅助工具集,用于在浏览器和 Node.js 中操作 JavaScript 日期。其具有以下特性:

模块化:根据需求选择需要引用的模块不容变:date-fns 使用纯函数构建,并且始终返回一个新的日期实例,而不是更改传递的日期实例。它允许防止错误并跳过长天数的调试会话可信赖:遵循语义版本,始终向后兼容快速:轻量快速,为用户提供最佳的使用体验TypeScript & Flow:date-fns 与此同时支持 Flow 和 TypeScript

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Moment.js

官方: https://momentjs.com/

Github:https://github.com/moment/moment/

Moment.js 是一个简单易用的轻量级 JavaScript 日期处理类库,提供了日期格式化、解析、验证等功能。它支持在浏览器和 NodeJS 两种环境中运行。此类库能将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,与此同时也内置了能显示多样的日期形式的函数。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Day.js

官方: https://day.js.org/

Github:https://github.com/iamkun/dayjs/

Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和天数。其具有以下特点:

和 Moment.js 相同的 API 和用法不容变数据 (Immutable)支持链式操作 (Chainable)国际化 I18n仅 2kb 大小的微型库全浏览器兼容

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Chance.js

官方: https://chancejs.com/

Github: https://github.com/chancejs/chancejs

Chance 是一个轻量级的 JavaScript 随机字符串生成器插件,可帮助减少编写单调的代码,不光是在编写自动化测试时经常需要各种随机内容。可以使用它来产生随机数、字符、字符串、名字、地址、骰子等。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

UUID

Github:https://github.com/uuidjs/uuid

UUID 是一个用于在 JavaScript 中生成符合 RFC 的 UUID 的新颖程序库。其具有以下特点:

完整:支持 RFC4122 版本 1、3、4 和 5 UUID跨平台:支持CommonJS、ECMAScript 模块和 CDN 构建;Node 12, 14, 16, 18;Chrome、Safari、Firefox、Edge 浏览器;Webpack 和 rollup.js 模块打包辅助工具;安全:加密强度高的随机值体积小:零依赖,占用空间小CLI:包括 uuid 命令行新颖程序

具体如下图:

推荐28个前端开发必备工具

nanoid

官网:https://zelark.github.io/nano-id-cc/

Github: https://github.com/ai/nanoid

nanoid 是一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器。其具有以下特性:

小巧.130 bytes (已压缩和 gzipped)。没有依赖。Size Limit 控制大小。快速. 它比 UUID 快 60%。安全. 它使用加密的强随机 API。可在集群中使用。紧凑.它使用比 UUID(A-Za-z0-9_-)更大的字母表。因此,ID 大小从36个符号减少到21个符号。易用. Nano ID 已被移植到 20种编程语言。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Math.js

官网: https://mathjs.org/

Github: https://github.com/josdejong/mathjs

nanoid 是一个小巧、安全、URL友好、唯一的 JavaScript 字符串ID生成器。其具有以下特性:

小巧.130 bytes (已压缩和 gzipped)。没有依赖。Size Limit 控制大小。快速. 它比 UUID 快 60%。安全. 它使用加密的强随机 API。可在集群中使用。紧凑.它使用比 UUID(A-Za-z0-9_-)更大的字母表。因此,ID 大小从36个符号减少到21个符号。易用. Nano ID 已被移植到 20种编程语言。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Numeral.js

官网: http://numeraljs.com/

Github:https://github.com/adamwdraper/Numeral-js

Numeral.js 是一个用来对数值进行操作和格式化的 JS 库。可将数字格式化为货币、百分比、天数,甚至是序数词的缩写(比如1st,100th)。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Accounting.js

官网: http://openexchangerates.github.io/accounting.js

Github: https://github.com/openexchangerates/accounting.js

Accounting.js 是一个用于数字、货币和货币解析/格式化的小型 JavaScript 库。它是轻量级的,完全可本地化的,没有依赖关系,并且在客户端或服务器端都可以很好地组织工作。使用独立或作为 nodeJS/npm 和 AMD/requireJS 模块。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

qs

Github:https://github.com/ljharb/qs

qs是一个url参数转化(parse和stringify)的JavaScript库。可以把格式化的字符串转换为对象格式。

具体如下图:

推荐28个前端开发必备工具

Voca

官网: https://vocajs.com/

Github: https://github.com/panzerdp/voca

Voca 是一个用于操作字符串的 JavaScript 库。Voca 库提供了管用的函数来使字符串操作更为舒适:更改大小写、修剪、填充、slugify、拉丁化、sprintfy、截断、转义等。模块化结构设计允许加载整个库或单个函数以最小化应用程序构建。该库经过全面测试、有据可查并长期受支持。

具体如下图:

推荐28个前端开发必备工具

js-cookie.js

Github: https://github.com/js-cookie/js-cookie

js-cookie.js 是一个用于处理浏览器 cookie 的简单、轻量级 JavaScript API。其具有以下特点:

适用于所有浏览器接受任何字符经过大量测试无依赖支持ES模块支持 AMD/CommonJS符合RFC 6265管用的维基启用自定义编码/解码< 800 字节压缩!

具体如下图:

推荐28个前端开发必备工具

Cookies

Github: https://github.com/pillarjs/cookies

e.js模块。它的特点如下:

允许使用Keygrip来签署cookie,以防止篡改;延迟验证cookie,以降低成本;不允许通过不安全的套接字发送安全cookies;默认情况下,所有cookie都仅适用于HTTP,并且通过SSL发送的cookie是安全的;允许其他库在不知道签名机制的情况下访问 cookie。

具体如下图:

推荐28个前端开发必备工具

DOMPurify

Github:https://github.com/cure53/DOMPurify

DOMPurify 是一个开源的基于DOM的快速XSS净化辅助工具。输入HTML元素,然后通过DOM解析递归元素节点,进行净化,输出安全的HTML。

具体如下图:

推荐28个前端开发必备工具

Alertify.js

官网:http://alertifyjs.com/

Github: https://github.com/MohammadYounes/AlertifyJS

AlertifyJS是一个Java框架,用于合作开发漂亮的浏览器对话框和通知。它不仅可以替代默认的浏览器对话框,还可以十分随心所欲地创建自己的对话框。是每一Web后端合作开发者必须具备的辅助工具。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Alfred

官网:http://www.alfredapp.com/

Alfred是Mac OS X上屡获殊荣的应用程序,可通过热键和关键字提高组织工作工作效率。

具体如下图:

推荐28个前端开发必备工具

AlloyUI

官网: http://alloyui.com/

Github:https://github.com/liferay/alloy-ui/

AlloyUI是在YUI3(Java)之上构建的框架,该框架使用Bootstrap(HTML / CSS)提供用于构建高可扩展性应用程序的简单API。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Backbone

官网: https://backbonejs.org/

Github:https://github.com/jashkenas/backbone

Backbone.js通过提供具有自定义事件的模型与丰富的可枚举函数API,具有声明性事件处理的视图的集合,并通过RESTful JSON接口将其全部连接到您现有的API,从而为Web应用程序提供结构。

具体如下图:

推荐28个前端开发必备工具

Bower

官网: http://bower.io/

Github: https://github.com/bower/bower

中文网站由很多东西组成—框架,库,资产,新颖程序和彩虹。Bower为您管理所有那些事情。没有它,后端Web合作开发就困难得多。

具体如下图:

推荐28个前端开发必备工具

Colourcode

官网: https://colourco.de/

探索和发现颜色的辅助工具。方案中的色板,色相,亮度,饱和度变化的控件,以.less或png格式导出。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Fontastic

官网: http://fontastic.me/

可以在几秒钟内创建图标字体。使您的中文网站运行更快。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具
推荐28个前端开发必备工具

Fontello

官网:http://fontello.com/

Github:https://github.com/fontello/fontello

使用图标构建自定义字体的辅助工具。

具体如下图:

推荐28个前端开发必备工具

Foundation

官网:https://get.foundation/

Foundation是响应式后端框架家族,可随心所欲结构设计精美的响应式中文网站,应用程序和电子邮件,在任何设备上看起来都很棒。

具体如下图:

推荐28个前端开发必备工具
推荐28个前端开发必备工具

Grunt

官网: https://gruntjs.com/

Grunt生态系统十分庞大,而且每天都在增长。字面上有数百种可供选择的插件,您可以使用Gruntto进行几乎任何事情的自动化。

具体如下图:

推荐28个前端开发必备工具

最终

一台电脑,一个键盘,尽情挥洒智慧的人生;几行数字,几个字母,认真编写日常生活的美好;

一 个灵感,一段程序,推动科技进步,促进社会发展。

作的动力。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务