前后端不分离怎么开发?
1、前后端分离 前后端代码放在不同的工程下，前端代码可以独立开发，通过mock/easy-mock技术模拟后端API服务可以独立运行、测试；后端代码也可以独立开发，运行、测试，通过swagger技术能自动生成API文档供前端阅读，还可以进行自动化接口测试，保证API的可用性，降低集成风险。
2、vue3可以用于前后端不分离吗可以。因为Vue3发布的就是前后端分离，并提供DevOps功能，后台使用SpringBoot前后端不分离。所以使用vue3可以用于前后端不分离，前后端分离的意思指通过Tomcat+Ngnix有效地进行解耦，是web应用的一种架构模式。
3、前后端不分离，前端基本就是切图。在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。
puppeteer生态一览
1、Puppeteer生态主要包括以下几个方面：核心工具：Puppeteer 功能：Chrome官方推出的无界面浏览器，具有普通浏览器的全部功能，能部署在无界面的服务器环境中。优势：在服务端的运行能力和UI自动化测试中表现出色。页面渲染和截图工具：Puppetron 用途：通过API生成PDF，支持定制屏幕大小，模拟不同设备的显示效果。
2、总之，Puppeteer在开发者社区中备受关注，活跃的生态使得它在自动化测试、渲染、爬虫和用例管理等领域都有广泛应用。对于开发者来说，掌握Puppeteer的基本操作，如使用HCCrawler进行爬取和截图，就能满足大部分需求。Puppeteer的灵活性和不断更新使其成为不可或缺的工具。
3、为了实现一键登录功能，翟旭光使用Puppeteer启动浏览器，自动跳转到登录页面并输入用户名和密码。考虑到移动端的需求，只需在启动时设置不同的用户代理即可。界面展示部分选择了electron-vue框架。同时，还添加了屏幕取色功能，通过ox-mouse监听鼠标事件，并使用RobotJS获取鼠标所在位置的颜色。
4、Scrapegraph-ai利用LangChain工具函数构建框架，使得节点之间形成图状结构，方便用户扩展或定制功能。总结而言，Jina Reader提供了高效的内容解析和格式化功能，主要依赖于NodeJS环境和Puppeteer技术栈。而Scrapegraph-ai则基于LLM与Agent工作流构建，结合了python和LangChain，实现更灵活、可扩展的网络抓取解决方案。
5、项目架构包括前端技术栈 VueViteVuex、Elementplus，图片生成使用 Puppeteer 和 Express，服务端采用 Node.js。组件库地址可见 Github 页面。项目中包含一些混合了 Options 写法的代码，但请不要因此而感到羞耻，这是许多前端项目开发的常态。
