Workflow
JSON
icon
搜索文档
2025 年这些优秀 Chrome 扩展必须安排上,早用早下班,开发效率杠杠~
菜鸟教程· 2025-05-26 21:48
开发调试类扩展 1、React Developer Tools React 开发者的必备工具,允许你检查和调试 React 组件树、查看组件状态和属性,以及分析性能问题,支持 React 新特性,包括 Hooks 和 Suspense。 2、Vue.js devtools Vue.js 开发者的官方调试工具,提供组件检查、Vuex 状态管理调试、事件追踪等功能。对于使用 Vue 3 的项目特别有用,支持 Composition API 的调试。 3、Redux DevTools Redux 状态管理的调试神器,可以实时查看 action 分发、状态变化,支持时间旅行调试功能,让你能够回溯到任意状态点。 4、Web Developer 提供了大量的 Web 开发工具,包括禁用 JavaScript、查看页面结构、验证 HTML/CSS、调整浏览器窗口大小等功能。 性能优化类扩展 1、Lighthouse Google 官方的网站性能分析工具,可以生成详细的性能、可访问性、SEO 和最佳实践报告。 2025 年版本增强了对 Core Web Vitals 的分析。 | thouse | | | | 添加至 Chr ...
程序员不配有名片?长这样的帅炸了~附上提示词
菜鸟教程· 2025-05-06 17:10
我总觉得咱们干开发的用不上名片,干我们这行的不就靠技术说话,谁还看那张纸片儿? 近期看到一组 ChatGPT 生成的程序员名片,感觉还挺有意思,内行一看就是干开发的,拿出去交际用,也不知道行不行~ 提示词一 特写镜头:一只手正拿着一张设计成 VS Code 中 JSON 文件外观的名片。名片上的代码以真实的 JSON 语法高亮格式呈现。窗口界面包含典型的 工具栏图标和标题栏,标题显示为 Business Card.json ,整体风格与 VS Code 界面完全一致。背景略微虚化,突出展示名片内容。 名片上的 JSON 代码如下所示: { "name": "Jamez Bondos", "title": "Your Title", "email": "your@email.com", "link": "yourwebsite" } 我自己跑去试了下,中文支持貌似还不够完美,不过感觉很高端了: {file format}: JSON, XML, YAML 去掉手,再去掉中文试试效果好像更好,感觉可以去印几张出来,虽然没客户: 提示词二 看看其他网友的名片分享: Umesh Create business car ...