Linux 系统部署与维护练习题
试题下载 Linux 试题 准备 准备两台虚拟机,一台用作Server,一台用作Client。 网络配置都一样,如下: 项目实训内容 任务1: 配置虚拟机的网络参数 (1)在服务器上编辑/etc/sysconfig/network-scripts/ifcfg-ens160文件,手工指定静态IP地址,将配置文件截图。 12345678910111213141516171819202122# 切换到管理员用户su - rootvim /etc/sysconfig/network-scripts/ifcfg-ens160TYPE="Ethernet"PROXY_METHOD="none"BROWSER_ONLY="no"BOOTPROTO="dhcp" # 修改为staticIPADDR=10.1.80.62 # 设置静态IPNETMASK=255.255.255.0 #...
Win10 部署若依微服务版本
下载 下载的任何文件都建议放在不包含中文的目录下 下载项目 项目链接: 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 和 Pinia 的使用
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 } =...
CSS 媒体查询
媒体类型(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...
JavaScript Promise 的使用
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(()...
蓝桥杯 Web 练习
拼接url参数 (简单) 对函数参数相关词语进行规则匹配 (中等) 1234567891011121314151617181920212223242526272829303132333435363738394041// 假设生成的绘画数据数组为 artDataArrayconst artDataArray = [ { "imageUrl": "images/img1.jpg", "tags": "知更鸟、湖蓝色、十分可爱、皮克斯渲染" }, { "imageUrl": "images/img2.jpg", "tags": "知更鸟、个性的眉毛、模糊毛皮" }, { "imageUrl": "images/img3.jpg", "tags": "知更鸟、剪纸风格、个性的眉毛"...
Vue 计算属性 computed
当 computed 内部的变量发生了变化,computed 会重新计算,并返回新的值。 函数式写法 12345678910111213<!-- 可以通过模板语法直接使用 --><template> <div>{{ sum }}</div></template><script>export default { computed:{ sum(){ return this.num1 + this.num2 } }}</script> setup 写法 123456789101112131415161718<!-- 可以通过模板语法直接使用 --><template> <div>{{ sum...
JS 判断数据类型
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
Vue3 定义和使用 Porps
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, ...
JS DOM 创建与获取
创建节点 12// 创建一个元素节点,参数为标签名ele.createElement("p") 创建文本节点 12// 创建一个文本节点,参数为文本内容ele.createTextNode("文本内容") 在元素内部的末尾添加节点 12// 在元素内部的末尾添加节点,参数为要添加的节点ele.appendChild(node) 在元素内部的末尾添加内容或节点 12// args 参数可以是 DOM 节点、DOM 节点数组、HTML 字符串、文本字符串ele.append(...args) 在元素内,将节点添加到指定节点之前,返回添加的子节点 12// 如果给定的节点已经存在于文档中, 会将其从当前位置移动到新位置。(也就是说,它会在附加到指定的新父节点之前自动从现有的父节点中移除。)这意味着一个节点不能同时存在于文档的两个位置。ele.insertBefore(newNode, node); 删除节点 12// 删除 ele...