微信搜寻 【大迁世界】, 我会第一工夫和你分享前端行业趋势,学习路径等等。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试残缺考点、材料以及我的系列文章。
快来收费体验ChatGpt plus版本的,咱们出的钱 体验地址:https://chat.waixingyun.cn 能够退出网站底部技术群,一起找bug,另外新版作图神器,ChatGPT4 已上线 https://cube.waixingyun.cn/home
我最近发现了这四款杰出的工具,并将它们增加到了我的清单中。你也肯定会喜爱应用这些神奇而实用的工具。
1. 生成 RegEx
RegexGPT 是编写 RegEx 模式的绝佳工具。它真的令人难以置信。试一试,你就晓得了。它的工作原理是:给它一个示例文本,输出预期后果,你也能够略微解释一下,这取决于你,而后抉择要生成 RegEx 的语言,点击生成按钮。
地址:https://regexgpt.app/
上面举例说明如何应用它:
输入
2.生成调色板 - ColPat
地址:https://colpat.itsvg.in/tpg?col1=%23752ed0&col2=%2366d9b8&col...
TailwindCSS 正在流行,对吗?这里还有一个神奇的工具。它能够帮忙创立 TailwindCSS 调色板。家喻户晓,为一个项目选择配色计划并不那么简略。对其他人来说,这可能不是什么小事,但对我来说,这就是小事。
只需抉择色彩,而后点击 "生成 "即可。它将创立一个 TailwindCSS 调色板,你只需点击一下即可复制。十六进制、RGB和HSL是你能够抉择的三个选项。你能够从色轮中抉择,也能够输出你本人的色彩。
请看上面的截图:
以下是上述调色板的示例:
{ "primary": { "50": "#f9f7fd", "100": "#f1eafa", "200": "#e3d5f6", "300": "#cdb4ee", "400": "#9b68de", "500": "#6b2ac0", "600": "#4d1e8a", "700": "#381664", "800": "#210d3b", "900": "#10061d", "950": "#090411" }, "secondary": { "50": "#f7fdfb", "100": "#ebfaf6", "200": "#d6f5ec", "300": "#b6eddd", "400": "#6cdabb", "500": "#2fbc94", "600": "#22876a", "700": "#18624d", "800": "#0e392d", "900": "#071d16", "950": "#04100d" }, "tertiary": { "50": "#fafafa", "100": "#f2f2f2", "200": "#e6e6e6", "300": "#d1d1d1", "400": "#a3a3a3", "500": "#757575", "600": "#545454", "700": "#3d3d3d", "800": "#242424", "900": "#121212", "950": "#0a0a0a" }, "quaternary": { "50": "#f6fefb", "100": "#e7fdf5", "200": "#d0fbeb", "300": "#aaf8dc", "400": "#55f1b8", "500": "#12d990", "600": "#0d9c67", "700": "#09714b", "800": "#05422c", "900": "#032116", "950": "#02130d" }, "quinary": { "50": "#fbf5ff", "100": "#f4e5ff", "200": "#e9ccff", "300": "#d7a3ff", "400": "#af47ff", "500": "#8500eb", "600": "#5f00a8", "700": "#45007a", "800": "#280047", "900": "#140024", "950": "#0c0014" }}
3.理解代码库 - bloop.ai
Bloop 是一个基于 Rust 的疾速代码搜索引擎。它容许疾速搜寻代码,并使代码更易于了解。他们有三种打算:集体(收费)、初创企业(45 美元)和企业(美元)。
能够用它来编制代码索引、询问无关代码库的个别问题等。它让创立版本库的 README 文件变得简略。当初,你能够为前段时间创立的、但不记得具体内容的我的项目生成一个自述文件。
地址:https://bloop.ai/
4.查找具体的编码答案 - phind.com
如果你是一名程序员,phind 就是你的助手。它能帮忙你解决遇到的难题。
地址:https://www.phind.com/agent?cache=clkuvmsnh004ljx08522bfbf3
让咱们试试这个提醒,看看它的反馈如何:
"我想应用 Next.js 创立一个网站,我须要晓得如何在网站上增加多个页面,同时确保页眉和页脚在所有页面上统一显示。你能领导我实现这些步骤吗?
以下是回复的一些截图:
总结
事实证明,我最近刚接触到的这四个工具十分有用。心愿你们也能从中受害。
交换
有幻想,有干货,微信搜寻 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试残缺考点、材料以及我的系列文章。