Web

本文介绍了十个与 ChatGPT 相关的开源项目，包括用于提示示例收集、视觉交互、聊天机器人、界面应用等，每个项目都有各自的特点和应用场景。如果你对 ChatGPT 感兴趣，这些项目可以为你提供很好的参考和灵感。 f/awesome-chatgpt-prompts awesome-chatgpt-prompts 是一个收集了各种用于 ChatGPT 模型的提示示例的仓库。ChatGPT 是 OpenAI 训练的一个大型语言模型，能够生成类似人类的文本。通过给它提供一个提示，它可以生成继续对话或扩展给定提示的回应。在这个仓库中，你可以找到各种可以用于 ChatGPT 的提示。我们鼓励你把你自己的提示添加到列表中，并用 ChatGPT 来生成新的提示。要开始使用，只需克隆这个仓库，并用 README.md 文件中的提示作为 ChatGPT 的输入。你也可以用这个文件中的提示作为创造你自己的提示的灵感。我们希望你发现这些提示有用，并且玩得开心！ 开源地址： https://github.com/f/awesome-chatgpt-prompts 星数：64k+ microsoft/visual-chatgpt visual chatgpt 是一个基于 ChatGPT 和多个视觉基础模型（Visual Foundation Models，简称 VFM）的系统，它可以让用户通过语言和图像与 ChatGPT 进行交互。ChatGPT 是一个具有出色的对话能力和跨领域推理能力的语言接口，但是它只能处理语言，不能处理或生成图像。而 VFM 则是一些专门处理特定视觉任务的模型，比如视觉变换（Visual Transformers）或稳定扩散（Stable Diffusion）。visual chatgpt 通过设计一系列的提示（prompts），将不同的 VFM 与 ChatGPT 连接起来，实现了以下功能： 用户可以在聊天过程中发送和接收不仅是语言，还有图像。 用户可以提供复杂的视觉问题或视觉编辑指令，需要多个 AI 模型和多步骤的协作来完成。 用户可以提供反馈并要求修改结果。 visual chatgpt 的目标是探索 ChatGPT 在视觉领域的作用，并借助 VFM 提高其视觉理解和生成能力。该项目的论文已经发表在 arXiv 上，并且提供了一个在线演示网站，用户可以在那里体验 visual chatgpt 的功能。 ...

wp-fastest-cache-premium-1.6.6 中文破解干净版，WP Fastest Cache Premium 可直接将您的 WordPress 完成静态化，将所有页面保存为 html 文件。当在打开页面时，可以极大的减小对服务器 php 和数据库的压力。如果您的网站本身流量就很大，则该插件给您带来的优化效果则更加明显！ 插件简介 当页面开始渲染的时候，php 和 mysql 程序会被执行。因此，服务器需要 RAM 和 CPU. 如果很多人来访问网站，那么服务器会用掉大量的 RAM 和 CPU 资源，网站就会变慢。正因为如此，你需要建立一个缓存程序，避免服务器反复渲染页面。缓存程序会生成一个静态的 HTML 文件，并保存到服务器。当用户访问网站时就可以直接拿到 HTML 文件。 此外，谷歌搜索的排名算法会将网站速度作为考虑因素之一，也就是说缓存插件在加快网站速度的同时还可以提高网站在搜索引擎的排名。 这个插件的设置很简单，你不需要修改 .htacces 文件，插件会自动修改。 插件特色 这个插件使用的是 Mod_Rewrite 这种速度最快的方案 当网站中有新文章或新页面发布时，所有的缓存文件都会被删除 管理员可以在选项页面删除所有缓存 管理员可以在选项页面删除已压缩的 css 和 js 文件 使用短代码阻止生成某些页面特定的缓存 缓存时限 – 每隔一定时间删除所有缓存 为特定页面设置缓存过期时间 支持为移动设备启用/禁用缓存 支持为已登录的用户启用/禁用缓存 SSL 支持 CDN 支持 Cloudflare 支持 缓存预加载 – 自动创建网站中所有页面的缓存 排除部分页面和 user-agents WP-CLI 缓存清理 性能优化 Premium 版有很多功能，比如压缩 HTML 代码、压缩 CSS 代码、GZIP 压缩、利用浏览器缓存加速网站、增加 Expires 请求头、合并 CSS 文件、合并 JS 文件、禁用 Emoji。 ...

在项目浏览器兼容测试中，发现有很多兼容性的问题，大多数是用户较少的浏览器，如 2345 浏览器和 32 位的 360 极速兼容性较差，所以总不能人少就不去修复吧，当然 IE 是个例外（人多我也不去修）。（以下我自己记录，可能还有其他优秀写法欢迎指教） ?? 号 虽然这个号在现在用的比较多，但是兼容性还是不行，所以还是老实用回 || 但是得注意他们之间的区别 String 中的 replaceAll 在字符串中有两函数，其中 replaceAll 是在 ES12+后加入的，所有有些浏览器并不支持，所以改为 replace 的正则写法兼容性是最好的如 const str = "Rakers Rakers"; str.replaceAll("Rakers", "Rakers1024"); //Rakers1024 Rakers1024 str.replace(/Rakers/g, "Rakers1024"); //Rakers1024 Rakers1024 //使用正则的replace正则的形式结果是一致的 数组取值 在平常我们遇到可能为空的数组，又想用简单的式子读出来数组内容，又不想他报错，特别是写在前端页面的式子，报错就导致页面都加载不出来了 const arr = Math.random() > 0.5 ? [] : [1]; //一般写法 console.log(arr[0]); //在不知道是否返回空数组的情况下很容易报错 console.log(arr && arr.length > 0 ? arr[0] : undefined); //一般都这么写，但是会导致式子很长，特别是如果数组不是变量，而是很长的对象内函数值就更长了 console.log(arr?.at(0)); //这种应该是最短的了，而且不会报错 但是需要支持ES6语法

前端开发用的比较多的语法格式化无非 ESLint 和 Prettier,但是 Prettier 在 vue 中适配只能说一般吧，就比如 vue 中的>括号一直有 bug，记录下修复 Prettier 修复尖括号换行 添加这个属性就行 { "htmlWhitespaceSensitivity": "ignore" } 例子 module.exports = { bracketSpacing: true, singleQuote: true, jsxSingleQuote: true, tabWidth: 2, semi: true, // 标签闭合位置 默认false bracketSameLine: true, jsxBracketSameLine: true, //指定换行长度 printWidth: 120, // avoid 能省略括号的时候就省略 例如x => x arrowParens: 'avoid', vueIndentScriptAndStyle: true, trailingComma: 'all', proseWrap: 'never', htmlWhitespaceSensitivity: 'ignore', endOfLine: 'auto', }

今天给旧项目升级时，碰到 Vite2+js+vue2 的项目结构，但是 VSCode 打开后别名路径一直识别不了，打开 WebStorm 也一样识别不了，看来之前升级 vite2 时肯定是没配好，网上查了查，基本都试了一遍，每一个能真正识别出来的，于是自己倒腾出来了。 配置 vite.config.js 这个很简单,官方例子很多 resolve: { alias: [ { find: '@', replacement: path.resolve(__dirname, './src') } ] } 网上的列子 jsconfig.json 先来看看网上例子，都是这样的，但是在我这个项目上是怎样都不生效。 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"] } 我例子的 jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "es2020", "module": "commonjs", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclude": ["node_modules", "dist"] } 成功识别！