提示词模板库
为品牌营销、电商转化、短视频脚本等场景打造的高质量 Prompt 模板集合。
适用于需要使用低代码平台进行应用开发的项目,通过了解低代码平台的局限性和注意事项,合理规划开发策略,规避潜在的技术债务和性能问题,确保项目可持续发展和后期维护便利。
低代码平台开发注意事项 - 扩展性限制性能瓶颈规避策略
适用于需要实现批量服务器自动化运维的项目,通过Ansible工具和YAML Playbook实现配置管理、应用部署、系统管理等任务的自动化执行,提高运维效率,降低人为错误风险,确保环境一致性。
Ansible自动化运维脚本指南 - YAML Playbook批量执行运维任务
适用于需要实现基础设施自动化管理的项目,通过Terraform工具以声明式方式定义和管理云资源,支持AWS、阿里云等多种云平台,实现基础设施的版本控制、变更跟踪和自动化部署,提升运维效率和可靠性。
Terraform基础设施即代码指南 - 声明式管理云资源AWS/Aliyun
适用于需要简化Kubernetes应用部署和管理的项目,通过Helm Chart实现Kubernetes资源的模板化定义和版本化管理,提供一键式应用部署、升级、回滚功能,大幅提升Kubernetes应用管理效率。
Helm Chart包管理工具使用指南 - 模板化部署Kubernetes应用
适用于需要实现容器化应用部署和管理的项目,通过Kubernetes平台实现Pod、Service、Deployment等核心资源的编排管理,提供高可用、可扩展的容器化应用运行环境,简化运维复杂度。
Kubernetes集群部署入门指南 - Pod Service Deployment容器编排
适用于需要实现分布式系统协调服务的项目,通过Zookeeper提供配置管理、服务注册与发现、分布式锁等核心功能,解决分布式环境下的一致性问题,提升系统的可靠性和可扩展性。
Zookeeper分布式协调服务指南 - 配置管理服务注册锁机制
适用于需要将监控数据以图表形式直观展示的项目,通过Grafana平台配置数据源连接、创建可视化面板、编写查询语句,实现对系统性能、应用指标、业务数据的实时可视化监控,提升数据洞察力和运维效率。
Grafana可视化看板配置指南 - 数据源面板查询语句监控展示
适用于需要实现系统和服务监控的项目,通过Prometheus监控系统和exporter组件,按照标准metrics格式暴露关键指标,实现对应用程序、系统资源、业务指标的全面监控,提升系统可观测性。
Prometheus监控指标采集指南 - exporter metrics暴露格式规范
适用于需要集中收集、分析和可视化日志数据的项目,通过搭建ELK(Elasticsearch, Logstash, Kibana)技术栈,实现日志的统一收集、存储、检索和可视化展示,帮助快速定位问题和分析系统运行状况。
日志收集ELK技术栈搭建指南 - Elasticsearch Logstash Kibana日志分析平台
适用于需要全面监控和收集前端JavaScript错误信息的项目,通过实现try-catch错误捕获、window.onerror事件监听、Promise错误处理等多种机制,建立完善的前端错误监控体系,及时发现和修复潜在问题,提升应用稳定性和用户体验。
前端监控错误上报方案 - try-catch window.onerror全面监控
适用于需要提升网页可访问性的项目,通过合理使用WAI-ARIA (Accessible Rich Internet Applications) 属性,如role、aria-label、aria-describedby等,增强网页内容对辅助技术(如屏幕阅读器)的可访问性,确保残障用户也能正常使用网站功能。
无障碍ARIA属性使用指南 - role aria-label提升可访问性
适用于需要创建复杂二维布局的网页项目,通过CSS Grid网格布局系统,使用grid-template-columns和grid-template-rows属性定义网格轨道,实现灵活的行列布局控制,适用于仪表盘、卡片网格等复杂布局场景。
Grid网格布局基础模板指南 - grid-template-columns rows二维布局
适用于需要创建灵活、响应式布局的网页项目,通过CSS Flexbox弹性布局模型,使用display:flex、justify-content、align-items等属性实现容器和项目的灵活排列,轻松应对各种布局需求。
Flex弹性布局属性详解指南 - display flex justify-content布局控制
适用于需要适配多种设备屏幕尺寸的网页项目,通过合理设置媒体查询断点,使用max-width和min-width属性创建响应式布局,确保网站在桌面、平板和手机等各种设备上都能提供良好的用户体验。
响应式布局媒体查询写法指南 - max-width min-width断点设置
适用于需要提高CSS代码复用性和可维护性的项目,通过Sass的变量($color)、混合(@mixin)和函数(@function)等特性,创建可复用的样式模块,统一设计规范,简化代码维护工作。
Sass变量混合宏编写规范指南 - $color @mixin @include高效复用
适用于需要快速构建响应式界面的前端项目,通过Tailwind CSS的实用优先(utility-first)方法,使用预设的原子类如mt-4、text-lg、bg-blue-500等快速构建UI界面,无需编写自定义CSS,提升开发效率。
Tailwind CSS实用类用法指南 - mt-4 text-lg bg-blue-500快速布局
适用于大型前端项目的样式管理,通过CSS模块化和Scoped样式技术,避免全局CSS类名污染和样式冲突问题,确保组件样式的封装性和独立性,提升代码的可维护性。
CSS模块化Scoped样式指南 - 避免全局污染类名哈希解决方案
适用于需要兼容多种浏览器的CSS样式项目,通过PostCSS的Autoprefixer插件自动为CSS属性添加必要的厂商前缀,确保样式在不同浏览器和版本中的一致性表现,减少手动维护前缀的工作量。
PostCSS自动添加厂商前缀指南 - Autoprefixer兼容低版本浏览器
适用于需要兼容旧版浏览器的现代JavaScript项目,通过配置Babel将ES6+的新特性转换为向后兼容的JavaScript代码,确保应用能在目标环境中正常运行,同时合理使用Polyfill和preset-env优化代码体积。
Babel转译ES6+语法配置指南 - Polyfill Preset-env设置详解
适用于需要提升前端开发效率的项目,通过配置Webpack热模块替换(HMR)功能,在开发环境中实现代码修改后的即时预览,无需刷新整个页面即可看到更改效果,大幅节省编译和加载时间。