Vue学习笔记4-项目开发规范及插件
Vue 学习笔记 4-项目开发规范及插件一、安装插件开发必备:
vscode-icons:编辑器图标插件;
Vue Language Features (Volar):在功能上 volar 和 vetur 是一致的,都是针对 vue 的插件(可以这样说, volar 是 vue3 的配套,vetur 是 vue2 的配套);
DotENV:.env 文件语法高亮;
ESLint:件化的 javascript 代码检测工具;
Stylelint:一个强大、先进的 CSS 代码检查器,可以帮助你规避 CSS 代码中的错误并保持一致的编码风格
Prettier:代码格式化工具;
EditorConfig for VS Code:项目约束;
project-tree:生成项目树结构;
其他推荐:
Chinese (Simplified):简体翻译插件;
any-rule:正则表达式插件;
会了吧:点击源码文件,会自动分析所有包含的单词,不在 已掌握单词列表 中的单词会自动添加到 陌生单词 列表;
GitLens:多人协作开发时,可快速查找 git 提交记录。点击任意一行代码,代码会有个小 ...
如何在CentOS上安装.Net环境
如何在CentOS上安装.Net环境查看旧版本使用命令查看安装了哪些版本
12dotnet --list-sdksdotnet --list-runtimes
安装安装 .NET 之前,请运行以下命令,将 Microsoft 包签名密钥添加到受信任密钥列表,并添加 Microsoft 包存储库。 打开终端并运行以下命令:
1sudo rpm -Uvh https://packages.microsoft.com/config/centos/7/packages-microsoft-prod.rpm
安装 SDK.NET SDK 使你可以通过 .NET 开发应用。 如果安装 .NET SDK,则无需安装相应的运行时。 若要安装 .NET SDK,请运行以下命令:
1sudo yum install dotnet-sdk-7.0
安装运行时通过 ASP.NET Core 运行时,可以运行使用 .NET 开发且未提供运行时的应用。 以下命令将安装 ASP.NET Core 运行时,这是与 .NET 最兼容的运行时。 在终端中,运行以下命令:
1sudo yum install a ...
用acme.sh自动部署域名证书
用acme.sh自动部署域名证书安装ACME目前使用量最大的免费SSL证书就是Let’s Encrypt,自2018-03开始,Let’s Encrypt官方发布上线了免费的SSL泛域名证书,目前通过DNS方式获取比较快,国内可以通过鹅云的DNSPod域名API或者猫云域名API自动签发Let’s Encrypt泛域名证书。因为鹅云使用的就是DNSPod域名,并且鹅云和DNSPod的账号是打通的,可以使用wx直接扫码登录。下文需要对鹅云和DNSPod进行操作,为了简化证书申请过程,需要提前安装acme.sh。acme.sh实现了acme协议,可以从Let’s Encrypt生成免费的证书,自动创建cron任务, 每天零点自动检测所有的证书,如果发现证书快过期了,需要更新,则acme.sh会自动更新证书,安装过程不会污染已有的系统任何功能和文件,所有的修改都限制在安装目录中。
先进行依赖下载和更新。如果服务器是CentOS系统,使用下面的命令:
1yum update && yum install curl -y && yum install cron - ...
编辑器常用正则表达式
编辑器常用正则表达式匹配空格表达式:
1^\s?|\s+
匹配截至空格表达式:
1^\s?|\s+$
匹配空行根据文档格式和系统(windows, mac, linux行尾符)不同 将其中的\r\n替换成不同行尾符
123456// windows:^(\s*)\r\n// linux: ^(\s*)\n// mac: ^(\s*)\n
表达式(通用):
1^(\s*)(\r?\n?)
匹配截至空行表达式:
1^\s?|\s+$
匹配无空格概要注释表达式:
1^(.*)([/]{3}\s+).*(\s?\r?\n?)$
匹配有空格概要注释表达式:
1^(\s?|\s+)([/]{3}\s+).*(\s?\r?\n?)$
匹配单行无空格注释表达式:
1^([/]{2}\s+).*$
匹配单行有空格注释表达式:
1^(\s?|\s+)([/]{2}\s+).*$
如何在 CentOS 9 Stream 上安装 MariaDB
如何在 CentOS 9 Stream 上安装 MariaDB
MariaDB 是一个免费的开源数据库管理系统,可以替代 Oracle MySQL 服务器。MariaDB 是 MySQL 的开发,它专注于稳定性和性能,并免费提供给用户。
步骤在 CentOS 9 Stream 上安装 MariaDB
步骤 1.首先,让我们首先确保您的系统是最新的。
1sudo dnf update
出现Complete即更新成功,为保证顺利运行,请重启系统。
1reboot
步骤 2.默认情况下,CentOS 9 Stream 基础存储库中提供了 MariaDB。现在我们运行以下命令将 MariaDB 安装到您的系统:
1sudo dnf install mariadb-server
安装完成后检查版本:
1mariadb --version
安装完成后,现在启用 MariaDB(系统启动时自动启动),启动 MariaDB,并使用以下命令验证状态:
123sudo systemctl start mariadbsudo systemctl enable mariadbsudo sys ...
《苹果》影评观后感
《苹果》影评观后感
注:本文摘自百度文库
◎译 名 Lost in Beijing/迷失北京
◎片 名 苹果
◎年 代 2007
◎产 地 中国大陆
◎类 别 剧情/情色
◎语 言 汉语普通话
◎字 幕 中字
◎上映日期 2007-02-16(柏林电影节)
◎IMDb评分 6.7/10 from 2,204 users
◎豆瓣评分 6.7/10 from 102,997 users
◎片 长 112分钟/115分钟
◎导 演 李玉 Yu Li
◎演 员 梁家辉 Tony Leung
佟大为 Dawei Tong
范冰冰 Bingbing Fan
金燕玲 Elaine Jin
曾美慧孜 Meihuizi Zeng
方励 Li Fang
鲍振江 Zhenjiang Bao
董立范 Lifan Dong
三宅尚子 Naoko Miyake
◎简 介
刘苹果(范冰冰饰)在北京一家洗脚城里做按摩妹,丈夫安坤(佟大为饰)是负责 ...
Vue学习笔记3-使用Vite安装项目
Vue学习笔记3-使用Vite安装项目一、ViteVite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。
通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。
使用 npm:
123456789# npm 6.x$ npm init vite@latest <project-name> --template vue# npm 7+,需要加上额外的双短横线$ npm init vite@latest <project-name> -- --template vue$ cd <project-name>$ npm install$ npm run dev
或者 yarn:
1234$ yarn create vite <project-name> --template vue$ cd <project-name>$ yarn$ yarn dev
或者 pnpm:
1234$ pnpm create vite <project-name> -- --t ...
HTTP状态码大全
HTTP状态码大全(常见 HttpStatusCode 含义查询)
HTTP状态码,即HTTP协议状态码,是我们访问网站时会遇到的,服务器端返回的Http响应码,不同的数字分别代表着不同的响应状态。我们在做SEO或做网页开发过程中需要了解5类比较重要的HTTP状态码,可以根据请求响应代码检查服务器及程序是否正常,判断网页处于什么工作状态。我们就需要了解不同的状态码分别是什么含义。
下面我们列出常见五类HTTP状态码和它的详解说明:
1、 HTTP Status Code 1xx 请求信息这一组状态码表明这是一个临时性响应。此响应仅由状态行和可选的HTTP头组成,以一个空行结尾。由于HTTP/1.0未定义任何1xx状态码,所以不要向HTTP/1.0客户端发送1xx响应。
Http状态码
Http Status Code
Http状态码含义中文说明
100
100 Continue100
请继续请求
101
101 Switching Protocols101
请切换协议
102
102 Processing102
将继续执行请求
2、 HTTP Status Co ...
Vue学习笔记2-安装Vue
Vue学习笔记2-安装Vue一、安装Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。
将 Vue.js 添加到项目中主要有四种方式:
在页面上以 CDN 包的形式导入。
下载 JavaScript 文件并自行托管。
使用 npm 安装它。
使用官方的 CLI 来构建一个项目,它为现代前端工作流程提供了功能齐备的构建设置 (例如,热重载、保存时的提示等等)。
二、四种方式1.CDN包对于制作原型或学习,你可以这样使用最新版本:
1<script src="https://unpkg.com/vue@next"></script>
对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏。
2.下载JavaScript并自托管如果你想避免使用构建工具,但又无法在生产环境使用 CDN,那么你可以下载相关 .js 文件并自行托管在你的服务器上。然后你可以通过 <script> 标签引入,与使用 CDN 的方法类似。
这些文件可以在 unpk ...
SQL游标(cursor)详细说明及内部循环使用示例
SQL游标(cursor)详细说明及内部循环使用示例游标
游标(cursor)是系统为用户开设的一个数据缓冲区,存放SQL语句的执行结果。每个游标区都有一个名字,用户可以用SQL语句逐一从游标中获取记录,并赋给主变量,交由主语言进一步处理。
游标是处理结果集的一种机制,它可以定位到结果集中的某一行,多数据进行读写,也可以移动游标定位到你所需要的行中进行操作数据。一般复杂的存储过程,都会有游标的出现,他的用处主要有:
定位到结果集中的某一行。
对当前位置的数据进行读写。
可以对结果集中的数据单独操作,而不是整行执行相同的操作。
是面向集合的数据库管理系统和面向行的程序设计之间的桥梁。
优点
在数据库中,游标是一个十分重要的概念。游标提供了一种对从表中检索出的数据进行操作的灵活手段,就本质而言,游标实际上是一种能从包括多条数据记录的结果集中每次提取一条记录的机制。游标总是与一条SQL 查询语句相关联因为游标由结果集(可以是零条、一条或由相关的选择语句检索出的多条记录)和结果集中指向特定记录的游标位置组成。当决定对结果集进行处理时,必须声明一个指向该结果集的游标。如果曾经用C 语言写过 ...
Vue学习笔记1-什么是Vue
Vue学习笔记1-什么是Vue一、什么是 Vue?渐进式 JavaScript 框架,一款用于构建 Web 界面,易学易用,性能出色且功能丰富的框架。
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面,无论任务是简单还是复杂。
以前,我们是使用 HTML、CSS、JS 去完成我们的项目。如果说这个项目比较复杂的话,用 JS 来写是可以写的,没有问题,但是呢,会比较困难,并且任务量会比较大,所以呢,就出现了 vue 这个框架来帮助我们在开发项目的过程中,更加的简单,更加的方便。
二、渐进式框架Vue 是一个框架和生态,功能覆盖了大部分前端开发常见的需求。但 Web 世界又是十分多样化的,我们在 Web 上构建的东西可能在形式和规模上有很大不同。考虑到这一点,Vue 被设计成具有灵活性和可逐步集成的特点。根据你的需求场景,Vue 可以按不同的方式使用:
增强静态的 HTML 而无需 ...
U8数据库同步至WMS数据库语句
U8数据库同步至WMS数据库语句1. 静态数据1.1. 部门档案(Department)12345678910111213141516171819WITH DepartmentSync AS( SELECT cDepCode DEPARTMENT_CODE, cDepName DEPARTMENT_NAME, cDepFullName DEPARTMENT_DESC, 'Y' DATA_VALID, CONVERT(nvarchar, dp.dModifyDate, 121) dModifyTime, CONVERT(bit, 0) IsSync FROM Department dp WHERE CONVERT(nvarchar, isnull(dp.dModifyDate, getdate()), 121) > CONVERT(nvarchar, '${LastDatetime_}', 121))SELECT *FROM DepartmentSyncORDER ...
用C#实现模拟双色球中奖控制台应用程序
1. 前言
其实这是我在大一第一学期CSharp的课程设计,要求编写一个模拟双色球彩票的控制台应用程序,用以实现简单的模拟选购彩票。
但最近我重新看我的博客时感觉之前写的代码还是有很多不足之处,比如变量的命名,方法的命名,整体代码风格等差强人意,毕竟是入门是写的代码,所以今天稍微修改一下,让命名更规范,注释更明确。当然,更重要的还是:不是吧代码拿来即用,而是让刚开始入门的小伙伴能够快速地对编程感兴趣,对.net平台感兴趣,对CSharp这门语言感兴趣,我们大家共同把国内的.net发展起来。
1.1 你会学到什么?简单地运用CSharp语言和.net平台,如变量、方法、类、数组、字典、系统函数、规范的注释、控制台输出、文件的读写、程序怎样设计等。
1.2 开发环境或运行环境
Win10或Win11系统,Visual Studio 2022 开发环境;
.net6,CSharp10;
2. 程序设计2.1 流程图
2.2 有哪些功能?
产生模拟奖池;
生成自定义购号记录;
打印数据,读取数据;
界面输出优化;
保护用户隐私;
程序结束后可继续查看中奖记录等。
2.3 运行展示2.3. ...
本地git仓库提交代码到远程git仓库
本地git仓库提交代码到远程git仓库在实际的开发中,有可能遇到需要将A仓库的某个branch的代码独立成为一个新的仓库B。我们需要的不仅仅是这个branch的最新提交的代码,而是需要它的整个提交历史。这种需求对于git来说非常简单,主要依靠git remote命令来实现。
1.初始化代码仓库提交到远程git仓库12345git initgit add .git commit -m "first commit"git remote add origin git@server_ip:/path/repo.gitgit push -u origin master
2.当前代码提交到另一个远程git仓库假如仓库repo_a当前位于branch_a,要求将branch_a的整个数据(包括提交历史)全部提取出来,并建立一个新的仓库repo_b。这里假设仓库repo_b已经被建立。git remote add基本语法如下。name和url是必须的。
1git remote add [-t <branch>] [-m <master>] [-f] [-- ...
为VisualStudio新建文件创建版权日期模板
1.为什么创建模板文件?在没有创建模板文件时,VisualStudio默认创建的文件是这样的。
可以看到,没有任何注释、版权信息和创建日期等。而在创建模板文件后,VisualStudio默认创建的文件是这样的。
这在后续修改代码文件或多人合作项目时有莫大的好处。下面就来说说怎么创建并修改默认模板。
2.新建模板文件
注意:我所用环境为Visual Studio 2022,以下模板适合C#10新语法,旧语法及旧版本以类似方法修改。
2.1在空白目录创建以下三个文件:
Class.cs
12345678910111213141516// ----------------------------------------------------------------// Copyright ©$year$ ZhaiFanhua All Rights Reserved.// FileName:$safeitemname$// Guid:$guid1$// Author:$username$// Email:me@zhaifanhua.com// CreateTime:$time$// - ...