chatGPTAPI使用Demo(Vue)
API文档地址: API Reference - OpenAI API
在线演示: https://platform.openai.com/playground
微软: https://www.bing.com/new
缺点: 准确度还并不是很高，未实现类似一个字一个字的生成，若返回的内容过多，可能需要很久
这个md渲染不支持Vue…
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455<template> <div class="mx-auto bg-white rounded-xl shadow-md items-center w-96"> <h1 class=" text-red-500 mx-auto w-20">chat GPT</h1> <input class=" ...
vue3的响应式 | 渲染
render函数#
12<!--vue2--><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
123456789101112<body> <div id="app"></div> <script> new Vue({ // 第一个参数是标签名，第二个参数是标签的属性，第三个参数是标签体 render: h => h("div", { class: "container" }, [ h("h1", { class: "title" }, "hello world"), ]), }).$mount("#app"); ...
测试标签外挂语法
安装#
12345$ npm install hexo-butterfly-tag-plugins-plus --save# 卸载默认的渲染器$ npm uninstall hexo-renderer-marked --save$ npm install hexo-renderer-kramed --save
配置#
123456789101112131415# tag-plugins-plus# see https://akilar.top/posts/615e2dec/tag_plugins: enable: true # 开关 priority: 5 #过滤器优先权 issues: false #issues标签依赖注入开关 link: placeholder: /img/link.png #link_card标签默认的图标图片 CDN: anima: https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/font-awesome-animation.min.cs ...
vue3父子通信<script setup>语法
子传父#
代码都不多, 很多注释, 仔细读代码
defineExpose#
https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component
如果一个子组件使用的是选项式 API 或没有使用 <script setup>，被引用的组件实例和该子组件的 this 完全一致，这意味着父组件对子组件的每一个属性和方法都有完全的访问权。这使得在父组件和子组件之间创建紧密耦合的实现细节变得很容易，当然也因此，应该只在绝对需要时才使用组件引用。大多数情况下，你应该首先使用标准的 props 和 emit 接口来实现父子组件交互。
将子组件中的数据传递给父组件中
父组件中可直接修改子组件暴露的值
son.vue(子组件)12345678910111213141516171819<template> <input type="text" v-model="data"></template><!-- 使用了 ...
包管理器npm/cnpm/yarn/pnpm
npm#
概念: npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。
它于 2010 年发布，开启了 web 开发的新时代。在此之前，项目依赖库都是手动下载和管理的，npm 是把 WEB 开发推向了一个更高的阶段。
npm 是 JavaScript 的包管理工具，也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载，每周下载约 30 亿次。npm 让 JavaScript 开发人员可以轻松地使用其他开发人员共享的代码。(转自openchina)
npm 主要做三件事：
一个用于管理 npm 体验各个方面的网站
用于访问广泛的 JavaScript 包公共数据库的注册表
用于通过终端与 npm 交互的命令行界面（CLI）
安装：下载Node安装的同时会默认安装npm
Node安装方式一, 通过官网https://nodejs.org下载安装方式二: 通过Node版本管理工具nvm安装
Node中文文档： https://www.nodeapp.cn/
npm中文文档： https://www.np ...
Git基本使用
Git笔记
https://git-scm.com/
https://www.runoob.com/typescript/ts-tutorial.html
git本地文档: file:///D:/Program/Git/mingw64/share/doc/git-doc/git.html
https://backlog.com/git-tutorial/cn/
https://www.runoob.com/git/git-tutorial.html
查看帮助| 学习方式#
查看文档 | 基本常用命令使用#
git自带的都是英文版, 很难受
直接控制台输入git, 查看常用命令基本用法
git help git 打开一本完整的说明网页
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849PS D:\desktop> gitusage: git [-v | --version] [-h | --help] [-C <path>] [-c ...
java web课设--宿舍管理系统
宿舍管理系统
1月7日 18:00前
项目源码
sql
实验报告
2014-学号-姓名.zip
chendikai1314@163.com
项目结构
数据库连接
1234driverClassName =com.mysql.cj.jdbc.Driverurl =jdbc:mysql://localhost:3306/dorm-management-system?serverTimezone=GMT&useSSL=false&characterEncoding=utf-8username =rootpassword =123456
123456789101112131415161718192021222324252627282930313233343536373839public class JDBCUtil { // 获取配置文件 static ResourceBundle bundle; static String driverClass; static String url; static Strin ...
分享一些接口
接口API
GitHub
文档 https://docs.github.com/en/rest?apiVersion=2022-11-28
接口 https://api.github.com/
用户信息 https://api.github.com/users/tiam-bloom
查询 https://api.github.com/search/users?q=tiam-bloom
网易音乐
在线项目实例: https://smallruraldog.github.io/vue3-music/#/discover
文档 https://neteasecloudmusicapi.vercel.app/#/
https://autumnfish.cn
热搜 https://autumnfish.cn/search/hot https://autumnfish.cn/search/hot/detail
歌单 https://autumnfish.cn/personalized
榜单 https://autumnfish.cn/toplist ...
Vue3项目基本搭建
项目搭建
vite#
使用vite创建项目
123456# 方式一npm init/create vue [项目名]# 方式二npm init/create vite [项目名]# 方式三vue ui
安装 Vite 的前端依赖关系
1> npm i
Vue-Router#
Vue2 安装npm i vue-router@3
安装路由Vue-Router
1234567891011121314151617181920212223> npm i vue-router// 当文件名为 index 时, 完整路径 ./router/index.js 可简写为 ./routerimport router from './router'app.use(router)// router/index.js 基本使用import { createRouter,createWebHashHistory } from "vue-router";export default createRouter({ history: ...
Docker 镜像命令
基本概念
镜像（Image）：Docker 镜像（Image），就相当于是一个 root 文件系统。比如官方镜像 ubuntu:16.04 就包含了完整的一套 Ubuntu16.04 最小系统的 root 文件系统。
容器（Container）：镜像（Image）和容器（Container）的关系，就像是面向对象程序设计中的类和实例一样，镜像是静态的定义，容器是镜像运行时的实体。容器可以被创建、启动、停止、删除、暂停等。
仓库（Repository）：仓库可看成一个代码控制中心，用来保存镜像。
帮助
查看帮助#
$ docker
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475[root@1674615372401 ~]# dockerUsage: docker COMMANDA self-sufficient runtime for con ...
公告
知 不 足 而 奋 进 ，望 远 山 而 前 行
微信公众号：带着月亮
QQ号：3036293856
