FlyTeng

#best-form { width: 80%; text-align: center; } #best-form .inp { width: 100%; padding: 1em 0.5em; margin: 0 0 1em 0; border: 0; outline: none; border-bottom: 2px solid #ccc; transition: ease .5s; } #best-form .inp:focus { border: 0; ...

#best-form { width: 80%; text-align: center; } #best-form .inp { width: 100%; padding: 1em 0.5em; margin: 0 0 1em 0; border: 0; outline: none; border-bottom: 2px solid #ccc; transition: ease .5s; } #best-form .inp:focus { border: 0; ...

下载 下载的任何文件都建议放在不包含中文的目录下 下载项目 项目链接: https://gitee.com/y_project/RuoYi-Cloud 或使用git拉取 1git clone https://gitee.com/y_project/RuoYi-Cloud.git 下载 nacos 官方下载: https://nacos.io/download/nacos-server/ 下载 seata-server 官方下载: https://nacos.io/download/nacos-server/ 下载 redis 这里用的是7.4.2版本 官方下载: https://redis.io/downloads/ 下载 MySQL,Nginx 这里用的是小皮面板，可以集成 Nginx,MySQL,FTP等服务,这里只用到了MySQL和Nginx 官方下载: https://www.xp.cn/php-study 下载 Java 这里用的是jdk21 https://bell-sw.com/pages/downloads/ 下载...

Vue3 创建实例 使用 setup 1234567const { createApp } = VuecreateApp({ setup() { // ... }}).mount('#app') // 挂载到 #app 使用 Options API 123456789const { createApp } = VuecreateApp({ data() { return {} }, methods: {}, // ... }).mount('#app') // 挂载到 #app Pinia 定义 Store defineStore 的第一个参数是 store 的 id，必须是唯一的。第二个参数是一个选项对象。 使用 Setup Store 12345678910const { ref } =...

媒体类型（Media Type）​ screen（屏幕） print（打印） all（全部设备） ​媒体特性条件（Media Feature） 必须用括号包裹，如 (min-width: 900px) 基本语法 123@media 媒体类型 and (媒体特性条件) { /* 样式规则 */} 示例 12345678910111213141516171819202122/* 单条件 *//* 屏幕设备且宽度≥900px 时生效 */@media screen and (min-width: 900px) { article { padding: 1rem 3rem; }}/* 多条件 *//* 屏幕设备、宽度≥900px 且横屏时生效 */@media screen and (min-width: 900px) and (orientation: landscape) { article { padding: 2rem; }}/* 等效于 @media all and...

Promise 的概念 一个 Promise 必然处于以下几种状态之一： 待定（pending）：初始状态，既没有被兑现，也没有被拒绝。 已兑现（fulfilled）：意味着操作成功完成。可以用then方法来处理。 已拒绝（rejected）：意味着操作失败。可以用catch方法来处理 如果一个 Promise 已经被兑现或拒绝，即不再处于待定状态，那么则称之为已敲定（settled）。 Promise 基本使用 Promise 成功回调 123456const promise = new Promise((resolve, reject) => { // 模拟异步操作 setTimeout(() => { resolve('成功'); },1000)}); Promise 失败回调 123456const promise = new Promise((resolve, reject) => { // 模拟异步操作 setTimeout(()...

拼接url参数 (简单) 对函数参数相关词语进行规则匹配 (中等) 1234567891011121314151617181920212223242526272829303132333435363738394041// 假设生成的绘画数据数组为 artDataArrayconst artDataArray = [ { "imageUrl": "images/img1.jpg", "tags": "知更鸟、湖蓝色、十分可爱、皮克斯渲染" }, { "imageUrl": "images/img2.jpg", "tags": "知更鸟、个性的眉毛、模糊毛皮" }, { "imageUrl": "images/img3.jpg", "tags": "知更鸟、剪纸风格、个性的眉毛"...

当 computed 内部的变量发生了变化，computed 会重新计算，并返回新的值。 函数式写法 12345678910111213<!-- 可以通过模板语法直接使用 --><template> <div>{{ sum }}</div></template><script>export default {  computed:{ sum(){ return this.num1 + this.num2 } }}</script> setup 写法 123456789101112131415161718<!-- 可以通过模板语法直接使用 --><template> <div>{{ sum...

123456789// typeof 操作符可以返回一个值的类型。对于对象（包括数组和 null），typeof 会返回 "object"，但它不能区分数组和对象，因此需要额外判断。typeof value// 返回 [object Type]，value可以是任意值Object.prototype.toString.call(value)// instanceof 运算符可以判断一个对象是否是某个构造函数的实例。如果需要判断一个对象是否是 Object 类型的实例，可以使用 instanceof Object。// 需要注意，instanceof 对数组和对象都会返回 true，因此需要 value !== null 排除 null。value instanceof Constructor

1234567891011121314151617181920212223242526272829<template> <div> <h1>{{ title }}</h1> <p>{{ description }}</p> </div></template><script setup>import { defineProps } from 'vue'// 定义 Props，在 setup 中props是自动解构的，不需要通过 props.title 来访问defineProps({ title: { // 定义 props 的数据类型 type: string, // required 标明这个 prop 是必传的，属性是可选的，默认为 false， required: true, ...