玩转代码：探索奇妙之地

使用Pycharm调试ts文件New Configurations选择Node.js 在Node Parameters写上--require ts-node/register 生成基于Express的代码结构typeorm init --name MyProject --database mysql --express 知识点联合类型它允许变量、函数参数、返回值等接受多种不同类型的值 语法type UnionType = Type1 | Type2 | ... | TypeN; 可以用于变量、函数参数、数组 // 变量let value: string | number;// 函数参数function printValue(value: string | number) {}// 数组let arr: (string | number)[]; 接口与类型别名 interface type语法接口 interface Person { name: string; age: number;} 类型别名 type Person = { name: string; age: ...

安装# 安装 typeormnpm install typeorm -g# 生成项目结构（后端使用express）typeorm init --name MyProject --database mysql --express

函数式组件在 Vue 3 中，函数式组件为我们提供了一种简洁高效的方式来创建可复用的 UI 片段。其中，h 方法扮演着至关重要的角色。本文将深入探讨如何使用 Vue 3 的 h 方法来创建函数式组件。 什么是 Vue 3 函数式组件函数式组件是一种没有实例化过程、无状态、无生命周期钩子的组件。它们仅仅接收输入的属性（props），并返回一个虚拟 DOM 节点。这种组件非常适合用于展示型组件，尤其是当组件逻辑简单且不需要复杂的状态管理时。 h 方法介绍h 方法是 Vue 3 中的一个用于创建虚拟 DOM 节点的函数。它的全称为 hyperscript，这个函数接受三个参数： 第一个参数：标签名或组件选项对象 如果是一个字符串，那么它代表 HTML 标签名，比如 'div'、'span' 等。 如果是一个组件选项对象，那么它将创建该组件的实例。例如，如果有一个自定义组件 MyComponent，可以传入 MyComponent 这个对象。 第二个参数：一个包含属性（props）和事件监听器的数据对象 这个对象用于设置创建的 DOM 元素或组件的属性。例如，{ class: 'my-c ...

Windows使用Nginx部署Vue项目，动静分离配置_vue项目在windows服务器部署-CSDN博客 安装Windows Nginx官方下载地址：nginx: download 常用命令# 启动start nginx.exe# 重启nginx.exe -s reload#

提高数据库查询效率限制查询字段在查询数据的时候，如果某个字段数据量很多，比如二进制的字段，而查询的结果不需要，则可以剔除 例子Python，flask-orm defer方法 defer_options = [defer(getattr(Model, field)) for field in filter_columns]data = Model.query.filter(or_(*filter_conditions)).options(*defer_options).paginate(page=page,per_page=per_page,error_out=False)

使用Vite打包在HbuilderX上部署APPVue部分修改vite.config.js配置的base属性。 将打包出来的index.html的文件引用使用相对路径的方式。 import {fileURLToPath, URL} from 'node:url'import {defineConfig} from 'vite'import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, server: { port: 5173, host: '0.0.0.0', }, base: './',}) 修改路由的模式，将createWe ...

拖拽组件的子组件拖拽父组件VueDraggable的子组件全是可以拖拽的，包括一些标签（span、button），并且也算入下标 eg： <script>const list = [{ 'id': "1", "name": "one"}, { 'id': "2", "name": "two"}]</script><template> <VueDraggable v-model="list"> <span>固定数据</span> <div v-for="item in list"> <div> {{ item.name }} </div> </div> </VueDraggable></template> 在上面的例子中，VueDraggable组件属性v-model绑定的list数据是用于拖拽组件内部 ...

Vue3使用创建项目npm create vue@latest Vue3 拖拽组件VueDraggablePlus | 支持 Vue2 和 Vue3 的拖拽组件 (vue-draggable-plus.pages.dev) Vue3 Markdown组件mavon-editor - npm (npmjs.com) 介绍 | v-md-editor (code-farmer-i.github.io) transition组件使用transition组件包裹的标签需要加上key属性 <script setup>import {ref} from "vue";let k = ref(parseInt(new Date().toString()));</script><template> <div> <router-view v-slot="{ Component }"> <transition name="fade" mode="out-in"> <component :is= ...

安装npm install sequelize --savenpm install -g sequelize-clinpm install mysql2 --save 迁移使用初始化npx sequelize init 会生成四个文件夹 Config: 数据库配置文件 Models: 数据模型对象配置文件 Migrations: 数据库迁移文件 Seeders: 包含所有种子文件 生成模型npx sequelize model:generate --name 表名 --attributes 字段名:字段类型,字段名:字段类型,字段名:字段类型,// 示例npx sequelize model:generate --name User --attributes username:string,gender:string,age:string 生成表npx sequelize db:migrate 生成种子数据生成种子文件npx sequelize seed:generate --name 文件名称// 示例npx sequelize seed:generate --name ...

使用方法前端在项目根目录下新建web文件夹，lib文件夹用于存放第三方库文件 | favicon.ico| index.html|+---css| | index.css| || \---lib| bootstrap-icons.css| bootstrap.min.css| \---js | index_jquery.js | +---lib | bootstrap.bundle.min.js | eel.js | jquery.min.js | \---util messageUtil.js 在Html中导入eel的JavaScript文件，属于固定写法，需要在index.js前调用 <!-- 导入eel.js，固定写法--><script type="text/javascript" src="/eel.js"></script> 前端暴露方法在JavaScrip ...