介绍OpenAI宣布正式上线了GPT3.5 API，我们日常使用的chatGPT这个是用这个模型提供的。按照文档提示你可以基于这个API实现类似下面的功能：编写电子邮件或其他文章编写代码回答问题 ....也可以基于这个API去实现你的应用，比如AI聊天机器人之类的如何接入ChatGPT API身为一个前端工程师，接下来就用nodejs来演示如何接入...

Clean Architecture 是 Robert C. Martin 提出的一种软件架构模式，目的是为了将系统分层，实现关注点分离，使系统更易于理解、维护和扩展。该体系结构将系统分为四个层级，从内到外分别是：实体层、用例层、表现层、基础设施（存储库，框架等）。

今天讲一个管理后台常用的功能，表格功能需求分析首先看看下面的表格页面，有筛选，分页，渲染等功能根据这些功能我们可以定义出页面视图需要的数据模型视图数据模型首先是分页相关的数据 {代码...} data: 每一行的数据params: 请求参数loading: ... {代码...} 有了这些数据就可以满足一个表格的正常渲染了视图操作方法...

觉得有帮助的同学记得给个star，谢谢。github地址文档在Web中，上传图片是一个常见的需求。在这篇文章中，我们将介绍如何使用整洁架构模式来实现一个简单的图片上传状态管理器。整洁架构是一种软件架构模式，旨在将应用程序分为不同的层。每个层都有特定的职责和依赖关系，使得整个应用程序更易于维护和测试。现在，让我...

具体源码可以看这里 觉得不错的小伙伴记得给个star⭐️，谢谢支持，在移动端页面中，列表是一个很常见的功能，接下来手把手教你实现一个下拉刷新，上拉加载，带有搜索功能的列表状态管理器clean-js 使用方法在此之前先说明一下这个状态库如何使用功能：提供presenter的约束，约束视图状态和更新的方式；提供视图devtool（r...

不知道各位有没有经历过这种情况，前后端商量好接口后，约定好了字段，突然有一天，后端悄悄改了接口文档，没有及时通知前端，等测试测出bug之后，框，一口大锅甩在你头上。 Bug数量+1

每次接口定义完成之后都要手动声明Ts类型和请求函数 每次接口变更之后都得重复手动声明Ts类型和请求函数 于是就有了 @clean-js/api-gen 根据yapi，swagger2，swagger3自动生产请求函数和代码，释放生产力，让你有更多的时间摸鱼

装饰模式 描述 装饰模式：装饰模式是在不必改变原类文件和使用继承的情况下，动态地扩展一个对象的功能。它是通过创建一个包装对象，也就是装饰来包裹真实的对象。 适用性-百科 以下情况使用Decorator模式: 需要扩展一个类的功能，或给一个类添加附加职责。 需要动态的给一个对象添加功能，这些功能可以再动态的撤销。 ...

在上面的代码中，我们认为fetchName，fetchAvatar会并行执行，实际上并不会。fetchAvatar会等待fetchName执行完之后才开始请求。fetchUser函数的执行时间不是三秒而是7秒

需求： 请求接口之后，缓存当前接口的数据，下次请求同一接口时拿缓存数据，不再重新请求 添加缓存失效时间 cache使用map来实现 ES6 模块与 CommonJS 模块的差异 CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。 CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。 因为esm输出的是值的引用，直接...

回流、重绘及其优化 渲染过程 渲染引擎通过通过网络请求接收渲染内容 解析HTML抽象DOM tree 抽象出Render tree 布局（layout）render tree 绘画render tree 抽象DOM tree 渲染引擎的第一步是解析html文档并将解析的元素转换为dom树中的实际dom节点。 抽象CSSOM tree 当浏览器解析dom的时候，遇到link标签，引用外部的css...

问题 最近碰到两个问题： 从首页进入列表页之后，点击下一页的时候，使用ajax请求更新数据， 然后点击浏览器“后退”按钮就直接返回到首页，实际这里想要的效果是返回列表页上一页。 在列表页分页为2的页面进入详情页，然后点击“后退”按钮，返回的事列表页分页为1的页面。没法记住之前分页状态。 优化前代码 代码如下，在...

基础配置 在你的cordova项目下面添加cordova热更新插件 {代码...} 全局添加对应的cli插件 {代码...} 执行 cordova-hcp init {代码...} 上面控制台输出信息中的最后一个Url选项填你的服务器放置需要热更新代码的地址。我写的是域名 + cordovaHp/www/ 其他选项可以看cli的介绍 执行完之后默认会在cordova项目的www下面生成...

vue-cli-multipage 附上一篇vue-cli#2.0 webpack 配置的详细解释link 首先安装vue-cli {代码...} 下面是vue-cli的配置目录 {代码...} 修改方法是参考yaoyao1987的模版 修改默认的webpack配置webpack.base.conf.js 生成需要的入口文件 {代码...} 修改本地开发的webpack配置webpack.dev.conf.js 这里是和本地服务器有关的...