xlab转正项目经验
评论区项目简介项目负责人(mentor)：@李晨潇 用 React 完成一个简易评论区，它的功能如下：用户可以在上方输入框中输入评论的用户名 & 评论内容，点击提交按钮发送评论，发送的评论需要展示在下方，点击每条评论右下角的删除按钮可以删除该条评论。 我的工作1.制作前端的csshtml文件 2.分成添加评论，发送本页评论，删除评论三个功能,制作后端go文件，以http server的形式和前端进行交互 3.根据html和go接口，分成添加评论，展示本页评论，删除评论，换页的功能，写js文件 3.进行连接 我的体会 你学到了什么方面的知识技能 浏览器开发者工具看报错和前后端请求的发送与响应 后端和前端接口的搭配，后端的HTTP...
Next.js
nextjsNext.js 提供了一种使用 React 创建应用程序的轻率、高度优化的方法。从路由到 API 定义再到图像渲染 即使Next.js可以在服务器端进行数据的初始渲染，客户端React依然可以接管后续的交互和数据更新，通过正常的React渲染流程来更新DOM。这种服务器端与客户端的组合使得Next.js非常强大和灵活。 Next.js 的主要特性 服务器端渲染（SSR）： Next.js 允许 React 组件在服务器上渲染，生成的 HTML 随后发送给客户端。这种方式可以提高首次加载性能，优化搜索引擎优化（SEO）。 静态网站生成（SSG）： Next.js 支持在构建时生成静态 HTML 页面，这些页面在访问时不需要服务器端处理，可以直接托管在 CDN 上。这对性能和扩展性非常有益。 文件系统路由： Next.js 使用基于页面的路由系统，你只需在 pages 目录下添加 React 组件文件，Next.js 将自动根据文件名创建路由。 API 路由： 可以在同一个项目中创建 API 路由，通过这些 API...
SQL基本指令
SQL1234567891011121314151617181920212223242526272829303132CREATE DATABASE IF NOT EXISTS `goods` CHARACTER SET utf8 COLLATE utf8_general_ci;DROP DATABASE IF EXISTS `goods`;CREATE TABLE IF NOT EXISTS `book_types` ( `type_id` int unsigned NOT NULL AUTO_INCREMENT COMMENT '书籍类型ID', `book_type` varchar(32) NOT NULL DEFAULT '' COMMENT '书籍类型', PRIMARY KEY (`type_id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8;CREATE TABLE IF NOT EXISTS `book` ( `book_id` bigint...
prisma
Prisma 是一个现代化的 ORM（对象关系映射）工具，能够帮助开发者以一种简单、高效且类型安全的方式操作数据库。它支持多种数据库，如 PostgreSQL、MySQL、SQLite、SQL Server 和 MongoDB（通过 Prisma Client 连接）。Prisma 提供了三大主要工具： Prisma Client：用于与数据库交互的 API。 Prisma Migrate：用于数据库迁移和版本控制。 Prisma Studio：一个图形化界面，用于直接与数据库交互和查看数据 初始化npm install prisma --save-devnpm install @prisma/client //注意一定要和prisma一个版本npx prisma init 配置数据库12345678datasource db { provider = "postgresql" // 或 "mysql", "sqlite", "sqlserver" 等 url...
Next.js部署实操
https://juejin.cn/post/7203180600818581563在用这个架构做了两个全栈项目后,整体要怎么开展做一个全栈项目已经很清楚了,但是原理还是一窍不通,只知道填空.因为机理不知道会导致找错误很难找,所以看了一堆文档学习了一下. _app,tsx文档:NextPageNextPage 是 Next.js 提供的一个 TypeScript 类型，用于类型化页面组件。它扩展自 React 的 React.FunctionComponent（或简写为 React.FC），允许你为页面组件传递特定的 props 类型。这对于在 Next.js 应用中保持类型安全非常有帮助。 12345import { NextPage } from 'next';const HomePage: NextPage<{ customProp: string }> = ({ customProp }) => { return...
SWR
swr123456789101112131415import useSWR from 'swr' function fetcher(key){ return fetch(key).then(resp=>resp.json) }和key有关所以没法和trpc一起用。function Profile() { const { data, error, isLoading } = useSWR('/api/user', fetcher) const { data, error, isLoading } = useSWR('/api/user', fetcher,{refreshInterval:1000}) if (error) return <div>failed to load</div> if (isLoading) return...
Dockers
可以轻松地将 Docker 容器从一个平台迁移到另一个平台，无需担心依赖和环境配置的差异。比如，在本地开发的容器可以无缝部署到云服务器上。 Docker 容器相较于传统的虚拟机更加轻量和高效，能够快速启动和停止，节省系统资源。例如，启动一个 Docker...
TCP/IP
...
git
总结表格 Git 命令 作用描述 git init 初始化一个新的 Git 仓库 git clone <url> 克隆远程仓库 git status 查看当前仓库状态 git add <file> 添加文件到暂存区 git commit -m "<message>" 提交到本地仓库 git push origin master 推送到远程仓库 git pull 拉取远程仓库并合并 git branch 列出分支或创建新分支 git checkout <branch> 切换到指定分支 git merge <branch> 合并指定分支到当前分支 git log 查看提交历史 git diff 显示更改的差异 git stash 暂存当前更改 git reset 回退到某个提交 git remote -v 管理远程仓库 git remote add/seturl origin 添加远程仓库 git tag...
Go
go方法，函数，接口 闭包是一个非常有用的特性，它允许你在一个函数中定义另一个函数，这个内部函数会访问并操作外部函数中定义的变量。闭包的一个关键特性是即使外部函数已经返回，内部函数（闭包）依然可以访问和修改这些外部变量。 contextcontext 在 Go 中用于管理和传递请求的元数据、控制请求的生命周期（如取消和超时处理） http server123456789101112131415161718192021222324252627282930313233343536package mainimport ( "io" "net/http")func Ping(w http.ResponseWriter, r *http.Request) { io.WriteString(w, "pong~")}//w http.ResponseWriter：这是一个接口，用于向请求发送响应。你可以通过这个接口写入响应体、设置响应状态码和响应头。//r...
