6bfaebf3e9f67b5202b8d6c1cdcd16f7c335a71d6c7deaa24d6b26da81a280921d610e90086fd2f24a72bcbcb39bf63d64654afa0535b5035ab2554f15e5037272bd97891ed6e2b6f4d88f89ea796b3ff2cf7223606e9e3bb2326070edaa4ef54b6292f86473024fa137deb6928bae2e715f09db51690a31c45cca7d8add1d480335ee7526770b0ae0d15472d53666460eed17d5a10b18dc5df042189f480a2f99dfe1b78537dd86f24a9a11f4d5d3e9d46ce187e7627e9683bf1339dad65d1f25dfcd4b3430656a9d58c2feb3e5ac8790503492db32704bcf350558964aff8b7cc1ebf1a0bb8fb4b150ce535862c744355b50cd2c63391a9 ...
6bfaebf3e9f67b5202b8d6c1cdcd16f7b5ba01cd0c86fe46b43ae97bedd417e2da7193a34e90beb2967062da4528a8f20dd772df94a21b11a19d9bd306ea5e01fe206ed3397a0e4d650ff56ca05abd1a951c37565efc398ba0ab7fa7a2fe169eeaae9d22680f06c052e7321b7a65fe7c50ce36f246bf48a792331196c7be17dee373088ad4ed6c4c8ad26ff5b792279e766818a68612890ac07511bf0eb6382f468379baac25f2576581c8906dee32d170f87cfa388164233af5b1de6bae82346b49b0349b80377fd250ed2f4c7f4856eb594ab556044d8c3ea3a630e8228063f44270c4eb1cf1c35db8bad79b86af8bd7fa2d5b8431a7040 ...
组件是Vue中强大的功能之一。 通过组件，开发者可以封装出复用性强，扩展性强的HTML元素，并且通过组件的组合可以将复杂的页面元素拆分成多个独立的内部组件，方便代码的逻辑分离与管理。 关于Vue应用与组件 Vue框架将常规的网页页面开发以面向对象的方式进行了抽象，一个网页甚至一个网站在Vue中被抽象为一个应用程序。 一个应用程序中可以定义和使用很多个组件，但是需要配置一个根组件，当应用程序被挂载渲染到页面时，此根组件会作为起点元素进行渲染. Vue应用的数据配置选项 使用Vue的createApp方法即可创建一个Vue应用实例，createApp方法会返回一个Vue应用实例。 1const App = Vue.createApp({}) createApp方法会返回一个Vue应用实例，我们可以传入一个javaScript对象来提供应用创建时数据相关的配置项，例如：data、methods data选项：需要配置为一个Javascript函数，此函数需要提供所需全局数据。 12345678910const appData = { count:0 ...
事件的监听与处理 v-on指令(通常用@符合来代替)用来位DOM事件绑定监听 事件监听示例 关于DOM事件的绑定，简单的测试代码如下： 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件绑定</title> <script src="https://unpkg.com/vue@3.2.4 ...
属性与方法基础 组件的数据都放在了data选项中，Vue组件的data选项是一个函数，组件在被创建时会调用此函数来构建响应性的数据系统。 属性基础 在Vue组件中定义的属性数据，我们可以直接使用组件来调用，这是因为Vue在组织数据时，任何定义的属性都会暴露在组件中。实际上，这些属性数据是存储在组件的$data对象中的，示例如下： 12345678910111213const App = { data(){ return{ conunt:111, } }}// 创建组件并获取组件实例let instance = Vue.createApp(App).mount("#Application")// 可以获取到组件中的data数据console.log(instance.conunt)// 可以获取到组件中的data数据console.log(instance.$data.conunt) 运行上面的代码，通过控制台可以看出，使用组件实例直接获取属性与使 ...
模板基础 对于普通的HTML稳定，若要在数据变化时对其进行页面更新，则需要通过JavaScript的DOM操作来获取指定的元素，在对其属性或内部文本进行修改，操作其来时十分繁琐且容易出错。如果使用Vue的模板语法，则会变得很简单，我们只需将要变化的值定义成变量，之后将变量插入HTML文档指定的位置即可。 模板插值 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"& ...
渐进式开发框架 Vue定义为渐进式JavaScript框架，所谓渐进式，是指其被设计为可以自底向上逐层应用。可以使用Vue的框架提供的某层功能，也可以与其第三方库整合应用 第一个Vue应用 基于vue3.0 123456789101112131415161718192021222324252627282930313233343536373839<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title ...
Linux
未读前言 提示：我用的是阿里云的产品，就以阿里云进行的： 申请SSL证书 阿里云SSL免费证书申请 1、登录到阿里云数字证书管理服务控制台 2、点击左侧栏的【SSL证书】–【免费证书】–【立即购买】，如下图： 3、产品选择【免费证书】，购买数量选择【20】，其他服务选择【不需要】，勾选同意协议，一共是0元，如下图： SSL证书绑定域名 1、在阿里云数字证书管理服务控制台 2、点击左侧栏的【SSL证书】–【免费证书】–【创建证书】点击【创建证书】后，会自动创建一个“待申请”状态的DigiCert 免费版 SSL 3、找到DigiCert 免费版SSL右侧的【证书申请】，如下图： 4、证书申请表单填写 证书绑定域名：输入你的域名 域名验证方式：如果你的域名在当前的阿里云账号下，那么可以选择自动DNS验证，如果域名不在当前账号下，选择手工DNS验证，当然也可以选择文件验证，根据实际情况选择 联系人：如果之前没有填写过，则需要新建联系人，输入联系人姓名、邮箱地址、手机号和身份证号等信息。申请OV、EV证书需要填写身份信息，免费证书是DV证书，可以不填身份证号码 可以使用阿里云测速工具 htt ...
Linux
未读检查是否安装，如已安装，先卸载 1rpm -qa | grep Mariadb* 配置要安装的[mariadb](MariaDB Server - All releases - MariaDB.org))版本对应的yum源 https://mariadb.org/mariadb/all-releases 选择要下载的版本，这里以10…11演示 点击 MariaDB Repositories 后，选择对应的版本，然后复制下方内容 按照提示信息创建yum源信息文件 vi /etc/yum.repos.d/MariaDB.repo 这里选择的阿里云 1234567891011# MariaDB 10.11 CentOS repository list - created 2023-02-17 07:13 UTC# https://mariadb.org/download/[mariadb]name = MariaDB# rpm.mariadb.org is a dynamic mirror if your preferred mirror goes offline. See https: ...
Linux
未读简介 rsync 是一个快速、多功能的文件传输工具，支持增量传输、压缩等功能。它可以通过 SSH 或者通过 xinetd 启动的服务模式来同步文件。 安装rsync 检查是否已安装 1rpm -qa | grep rsync 或者使用 whereis rsync 来查找。 如果未安装，可以通过以下命令安装： 1yum -y install rsync 安装 xinetd（用于服务端） xinetd 是一个超级服务器，可以用来启动 rsync 服务。 1yum -y install xinetd 服务端配置 配置文件位置 /etc/xinetd.d/rsync /etc/rsyncd.conf 编辑 /etc/xinetd.d/rsync 确保包含以下内容： 123456789101112## 默认：禁用## 描述: rsync服务器是ftp服务器的一个很好的补充，因为它允许crc校验和等。service rsync{ disable = no socket_type = stream wait = no user = root server ...
