学习webgl的书籍分享——《Webgl编程指南》
在这个数字化时代，WebGL作为一门前沿的图形渲染技术，为网页带来了前所未有的交互体验。今天，我很荣幸向大家分享一本关于学习WebGL的书籍——《Webgl编程指南》 通过网盘分享的文件：webgl_DD链接: https://pan.baidu.com/s/1eTX2Y5ynYH0pUQRf0Jcbow?pwd=mj6a 提取码: mj6a–来自百度网盘超级会员v3的分享
了解sessionStorage 和 localStorage：浏览器存储的差异与用途
在Web开发中，localStorage、cookies 和 sessionStorage...
Vite初始化Vue3+Typescrpt项目
初始化项目安装 Vite首先，确保你的 Node.js 版本 >= 12.0.0。然后在命令行中运行以下命令来创建一个 Vite + Vue 3 + TypeScript 的项目模板： 1npm init vite@latest 进入项目目录创建完成后，进入项目目录： 1cd vue3-demo 启动开发服务器在项目目录中，使用以下命令启动开发服务器： 1npm run dev 项目结构以下是项目的基本目录结构： 123456789101112131415161718├── publish/└── src/ ├── assets/ // 静态资源目录 ├── components/ // 公共组件目录 ├── hooks/ // hooks函数目录 ├── plugins/ // 插件目录 ├── router/ // 路由配置目录 ├──...
国内主流大模型api调用的整理（个人转载笔记）
一、月之暗面 / Kimi chat API key申请地址：https://platform.moonshot.cn/console/api-keys API文档地址：https://platform.moonshot.cn/docs API定价信息：https://platform.moonshot.cn/docs/price/chat 二、百度 / 文心一言 （骂街系列~~） 流程很麻烦，也不好找！ 先要申请Key，先要创建应用。登录百度智能云千帆控制台创建应用，创建成功后，在应用列表页获取AppID、API Key、Secret Key 等信息。 API...
Next.js项目环境变量配置
[Next.js官方文档](Configuring: Environment Variables | Next.js) Next.js 具有对将环境变量从 .env* 文件加载到 process.env 的内置支持。 123DB_HOST=localhostDB_USER=myuserDB_PASS=mypassword 1. 创建环境变量文件在项目根目录下创建以下文件来存储不同环境的环境变量： .env.local：本地开发环境变量，不应该提交到版本控制。 .env.development：开发环境变量。 .env.test：测试环境变量。 .env.production：生产环境变量。 这些文件应该以键值对的形式存储环境变量，例如： .env.development 123DB_HOST=localhostDB_USER=myuserDB_PASS=mypassword .env.production 123DB_HOST=prod.example.comDB_USER=produserDB_PASS=prodpassword 2. 使用环境变量在...
在Next.js项目中使用Prisma连接PostgreSQL数据库
Prisma教学视频:https://www.youtube.com/watch?v=QXxy8Uv1LnQhttps://www.youtube.com/watch?v=RebA5J-rlwgPrisma中文文档：https://prisma.org.cn/docs/orm 安装 Prisma ORM 安装Prisma CLi： 1npm install prisma --save-dev 设置 Prisma ORM： 1npx prisma init 此命令执行两件事 创建一个名为 prisma 的新目录，其中包含一个名为 schema.prisma 的文件，该文件包含 Prisma 架构，其中包含您的数据库连接变量和架构模型 在项目的根目录中创建 .env 文件，用于定义环境变量（例如您的数据库连接） 连接 PostgreSQL数据库 prisma/schema.prisma： 1234datasource db { provider = "postgresql" url =...
人人都能傻瓜式编程！！？？——cursor初体验
最近Cursor这个AI编程工具刷屏了。说实话，AI编程工具近年层出不穷，我也见怪不怪了，主要是没有遇到一个能让我眼前一亮的产品，但是这一次的AI工具真的是惊艳到我了，几乎是没有任何编程基础的小白都能够制作一个小插件或者网站，Cloudflare副总裁的8岁女儿用Cursor在 45 分钟内搭起来一个聊天机器人，那这我得看看到底是什么神奇的AI工具。 来到官网，点击Download for Free，会下载一个安装包，按照步骤进行安装就可以了 新用户有两周的免费的Pro体验时间的，到期后如果还想使用，需要按照每月20$进行续费 不过我从网上看到可以白嫖的方法：到期后注销你的账号，直接再用原账号注册一个又会重新又有两周的体验时间（白嫖党的福音）。 下载好后进入，咦？这Cursor的IDE怎么和VS Code一个样？ 然后去官方文档看了一下：“Cursor 是 VS Code 的一个分支。”原来如此，你当然也可以将VS Code 配置和扩展导入...
stream流
...
fetch、axios和ajax三种网络请求方式详解
fetch、axios 和 ajax 是三种常用的在前端发送网络请求的方法。它们各有特点和适用场景： 1. Fetch APIfetch 是一个现代的 JavaScript API，用于在浏览器中发起网络请求。它返回一个 Promise 对象，使得异步请求更加简洁和易于管理。 基本用法： 12345678910111213fetch('https://api.example.com/data') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { console.log(data); }) .catch(error => { console.error('There has been...
TypeScript中interface接口 type关键字 enum枚举类型
type interface总是傻傻分不清~~~ Type Aliases (type)type 关键字用于为类型定义一个别名。这可以是基本类型、联合类型、元组、数组、函数等。type 定义的类型在编译后的 JavaScript 代码中会被移除，不会留下任何运行时的代码。 1234567891011121314151617//联合类型type StringOrNumber = string | number;type StringOrNumber = 1 | 2;//数组类型type Point = number[];//元组类型type Point = [number, number];//函数类型type Greeter = (name: string) => void;const myPoint: Point = [10, 20];const greet: Greeter = function(name) { console.log("Hello, " + name);}; Interfaces...