- 博客(124)
- 收藏
- 关注
RSS订阅原创 svg背景适应元素大小
将background-image: url(“./test.svg”);改为background-image: url(“./test.svg#svgView(preserveAspectRatio(none))”);：修改svg文件，在svg标签中加属性preserveAspectRatio=“none”如果你的css代码是以上这样的，它可能不会达到理想的效果。
2024-03-05 11:17:48
350
原创 pm2常用命令及pm2自启动
PM2 是一个node的守护进程管理工具，帮助您管理和守护您的应用程序。它以简单直观的 CLI 命令行方式进行工作。
2024-01-23 17:58:33
447
原创 uniapp安卓本地打包成apk
环境准备1.HBuilderX最新版2.与HBuilderX版本对应版本的“Android 离线SDK - 正式版”， 下载见：https://nativesupport.dcloud.net.cn/AppDocs/download/android.html3.Android Studio，官方下载地址：https://developer.android.google.cn/studio?hl=zh-cn4.java1.8环境证书（keystore）准备
2024-01-18 14:37:43
1556
1
原创 docker 启动mysql5.7服务
以上命令运行完毕，一个mysql服务器就启动好了，可以访问对应ip＋端口连接到数据库（记得云服务器要先开放端口号）以上命令还存在一些问题，就是没有挂载卷，当该容器销毁时，里面的数据也没了。由于上述命令使用了卷映射，文件存放在宿主机，不会随着容器的销毁而销毁。mysql的日志文件在/var/log/mysqld.log。为了避免以上情况，保证容器销毁时，数据还在，做法如下。mysql的数据文件在/var/lib/mysql。mysql的配置文件在/etc/mysql。使用卷挂载的方式启动容器。
2023-06-15 09:38:45
2635
原创 vite创建vue2项目
使用vite首先需要注意官方给出的兼容性注意Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。
2023-05-21 21:47:18
1523
原创 webstorm报错：TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations
在使用ts后，webstrom报以下错误。
2023-05-21 20:26:51
4046
原创 el-table 抖动问题（已解决）
问题描述：el-table由隐藏到显示出现抖动现象问题原因：el-table没有采用固定列宽，而是采用动态计算的列宽，并且使用v-show来控制el-table或其祖先的显隐，例如el-tabs嵌套el-table的情况，在tab切换时el-table会出现抖动，这是因为el-tabs的tab切换默认是使用v-show控制的解决方法：
2022-10-24 20:29:23
6544
2
原创 学习vue项目部署笔记
1.准备vue项目打开终端，输入vue create hello命令来创建一个名为hello的vue项目用于部署cd hello来对hello项目进行打包，打包后会生成一个dist文件夹2.下载nginx，版本选择最新的稳定版即可下载并解压后进入nginx文件夹下的conf文件夹，找到nginx.conf文件并打开将更改为：其中root后面的内容更改为项目打包后生成的dist文件夹的路径，需要根据自身实际情况做修改。
2022-10-23 18:36:47
2700
原创 .net 6.0 webapi项目部署
1.服务器安装.net6.0 sdk参考：https://blog.csdn.net/m0_47659279/article/details/127472850?spm=1001.2014.3001.55012.配置Url：修改Program.cs文件添加如下代码：app.Urls.Add("http:3.发布
2022-10-23 18:13:35
2734
原创 linux 安装dotnet sdk
以dotnet6.0为例1.下载linux内核对应的dotnet6.0 sdk文件进入https://dotnet.microsoft.com/en-us/download/dotnet/6.0
2022-10-23 12:21:36
4204
原创 monaco-editor基本使用以及monaco-editor封装成vue组件
使用monaco.editor.create方法创建monaco-editor实例，create方法的第一个参数接收一个dom元素，第二个参数可选，接收一个IStandaloneEditorConstructionOptions配置对象。编辑器主题：vs, hc-black, or vs-dark
2022-10-21 14:43:13
6130
2
原创 docker部署vue项目
使用vue create hello命令创建一个名为hello的vue项目在项目根目录新建一个文件，命名为Dockerfile
2022-10-07 15:34:47
562
原创 element-ui + sortable.js 实现可拖拽表格
安装Sortablejsnpm install sortablejs --save
2022-09-25 00:18:01
229
原创 nrm ls 不显示星号
近期发现使用npm install nrm -g安装的nrm有问题。解决方案 卸载原来的nrm使用以下命令安装npm install Pana/nrm -g
2022-09-04 20:54:46
297
原创 docker报错：WSL 2 installation is incomplete
错误原因：大概率是wsl未安装或者是未升级成wsl2检查wsl版本方法：在powershell中使用命令wsl -l -v
2022-09-04 17:26:03
2022
原创 css fixed定位失效问题
fixed定位失效问题的原因多半在于fixed定位的元素其祖先的transform, perspective 或 filter属性非none，导致fixed定位不再参照视口进行定位，而是参照祖先进行定位。
2022-09-03 21:09:30
2528
原创 css选择器nth-child和nth-of-type区别（学不会来打我）
nth-child：先根据位置找到元素，再看该元素的选择器是否符合nth-of-type：先找出符合选择器的所有元素，将它们根据不同的标签进行分类，再选中每个分类中位置符合的元素
2022-08-25 20:36:05
432
原创 element-ui el-form-item高度异常问题
问题描述：在el-form-item中包el-input组件，当el-input的字体大小为12px时（也就是el-form或el-input的size为mini时），el-form-item高度会莫名其妙增加1px。解决方案：将.el-form-item__content的line-height设为0。
2022-08-21 20:32:51
4374
1
原创 element-ui 修改el-form-item样式
element-ui 修改el-form-item下所有元素样式，修改el-form-item下label的样式
2022-08-13 08:29:00
11791
原创 vue 递归组件
递归组件就是在模板中引用自身的组件我们有时希望在一个组件内部渲染该组件本身，例如渲染树形结构时，需要在树根渲染子树，而子树与树根的结构是一样的，因此存在递归
2022-08-05 15:45:24
2690
原创 requestAnimationFrame
requestAnimationFrame(callback)允许你在每一帧执行一次回调，这对于制作动画是非常适合的不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="
2022-05-01 10:55:08
209
原创 js插入字符串表示的元素（insertAdjacentHTML）
我们之前使用的插入元素的方法为appendChild，该方法可以在元素内部的末尾插入一个元素但是这个方法使用起来不太友好，因为它需要传入一个元素，所以往往我们需要使用document.create先创建一个元素才能进行插入操作如果需要创建的元素存在很多嵌套关系，例如<div> <ul> <li> <p></p> </li> <li></li> </ul></div&
2022-04-08 00:16:13
1262
原创 事件冒泡与事件捕获
文章目录事件冒泡事件捕获事件冒泡与事件捕获触发顺序事件冒泡当元素之间存在嵌套时，那么当子元素事件触发，父元素的对应事件也会触发。例如两嵌套元素都绑定了点击事件，那么点击子元素后，会先触发子元素的点击事件，然后触发父元素的点击事件。这种事件自下而上的触发（类似于气泡在水中自下而上的冒）就叫事件冒泡代码示例<div id="parent"> parent <div id="son">son</div></div><script>
2022-04-04 10:32:47
613
原创 js addEventListener绑定事件方法(详细介绍）
事件冒泡如果两个元素是嵌套的，那么当子元素事件触发后，父元素的对应事件会随后触发，这种事件自下而上的触发就是事件冒泡，类似水中的气泡往上冒例如下面代码，点击son元素后先触发son的点击事件，然后触发parent的点击事件<div id="parent" onclick="alert('parent')"> parent <div id="son" onclick="alert('son')">son</div></div>事
2022-04-04 00:22:30
9153
原创 .net dapper简单使用
在appsettings.json中配置数据库连接"ConnectionStrings": { "MySQL": "server=localhost;user id=root;password=root;port=3306;database=test"}安装包Install-Package Pomelo.EntityFrameworkCore.MySqlInstall-Package Dapper注册IDbConnection服务services.AddScoped<IDbConn
2021-12-31 17:24:49
1002
原创 C# 正则表达式进阶
文章目录^$限定开头和结尾匹配汉字\1-9反向引用分组构造具名的分组构造应用^$限定开头和结尾^表示匹配必须从字符串或一行的开头开始$表示匹配必须以字符串或一行的末尾结束这两者一般连用表示以……开始，并且以……结尾，这样可以精确匹配，例如 “^a$” 表示匹配以a开始以a结尾并且只有一个a的字符串，这样的字符串只有“a”，“aa”是不匹配的。匹配汉字[\u4e00-\u9fa5]\1-9反向引用匹配AABC形式的词语，例如“好好学习”或“天天向上”可以使用“^\w\w\w\w$”来匹配四
2021-12-27 14:26:42
465
原创 .net 只需三步让Swagger显示注释
.net 只需三步让Swagger显示注释先看效果第一步：导包(我使用的是.net5.0的框架，所以导入5.x的包，如果你使用.net6.0的框架，注意改版本号)Install-Package Swashbuckle.AspNetCore.Annotations -v 5.6.3第二步：配置Swagger服务，调用EnableAnnotations()方法以启用注释services.AddSwaggerGen(c =>{ c.EnableAnnotations();});第三步
2021-12-24 15:42:20
2963
7
原创 MySQL 使用两种方式清空表，删除表中的所有数据
假设要删除book表中的所有数据DELETE FROM `book`或TRUNCATE TABLE `book`两者的区别在于如果book表的主键Id设置为自增的整型，那么第一次新建一条数据不指定Id，Id自动赋值为1如果使用Delete来删除所有数据那么下次新建一条数据不指定Id，Id自动赋值为2而不是1。可以看作是，表中的数据虽然删除了，但是表中的那个用于计算主键Id的计数器没有重置而如果使用TRUNCATE来删除所有数据那么下次新建一条数据不指定Id，Id自动赋值为1。可以看作
2021-12-24 11:22:50
1868
原创 .net 连接MySql数据库 + 使用Microsoft.EntityFrameworkCore.Design自动生成实体类 + 使用EFCore操作数据库
文章目录准备MySql数据库使用Microsoft.EntityFrameworkCore.Design自动生成实体类.net 连接 MySql数据库使用EFCore操作数据库准备MySql数据库先准备好一个mysql数据库（我这里准备的是test数据库，里面又准备了两张表，其中book表中只有两个字段，Id（bigint类型）和 Name（varchar类型））使用Microsoft.EntityFrameworkCore.Design自动生成实体类使用VS新建一个asp.net core we
2021-12-24 11:02:29
2209
原创 Bing 高级检索
我常用的就这么几个文章目录使用空格表示与site: 返回属于指定网站的网页使用filetype: 限定文件类型使用空格表示与举例：如果直接输入搜索词 天气返回我们希望再精确一点，可以搜索 天气 贵州这样就会优先搜到既有天气又有贵州的内容，搜索更精确了site: 返回属于指定网站的网页如果直接搜 C#可以看到，各种网站的网页都有如果要限制只看microsoft.com的网页可以搜 C# site:"microsoft.com"使用filetype: 限定文件类型如果你想看《
2021-12-22 11:56:27
2542
原创 .net 基于Cookie的身份认证
.net 基于Cookie的身份认证新建一个asp.net core web api项目注册基于Cookie的身份认证服务services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme).AddCookie(options =>{ //重写身份认证失败的逻辑，默认是跳转到/Account/Login，这里改为直接返回401 options.Events.OnRedirectToLogin = c
2021-12-22 10:56:32
700
原创 .net 配置网关（使用Ocelot）
本文演示一个最简单的demo，来模拟如何通过网关来访问服务，而不是直接访问服务创建三个asp.net core web api项目，一个作为网关，两个作为服务分别配置项目的访问路径网关的项目使用https://localhost:5001第一个服务的项目我这里使用https://localhost:6001第二个服务的项目我这里使用https://localhost:7001至此，服务端就已经完成了（没错，只要改个路径就好了，其他的代码全靠自动生成，因为懒得改）OK，现在来配置网关，网关
2021-12-21 14:39:54
3305
原创 .net grpc简单使用
本文提供一个最简单的grpc demo，来模拟一个本地应用使用grpc的方式去调用一个远程的服务文章目录首先创建一个grpc项目来模拟远程服务再创建一个项目来调用服务首先创建一个grpc项目来模拟远程服务先打开vs，新建一个ASP.NET Core gRPC项目（直接搜索grpc就好了）项目创建好后重点关注Protos文件夹和Services文件夹Protos文件夹用于存放.proto文件。（.proto文件我理解为是对远程服务的一种描述，例如服务所在的命名空间是什么，服务提供了哪些方法，服
2021-12-20 18:38:01
2017
原创 .net 获取HttpContext
文章目录在Controller中获取HttpContext在自定义的服务中获取HttpContext在Controller中获取HttpContext可以直接使用HttpContext来获取当前的HttpContext，例如：[HttpGet]public void Test(){ Console.WriteLine(HttpContext.GetHashCode());}在自定义的服务中获取HttpContext在自定义的服务中获取HttpContext可以借助IHttpCont
2021-12-16 10:27:00
1403
原创 .net 异常处理
文章目录使用开发者异常页面中间件使用错误处理中间件使用ExceptionFilterAttribute使用开发者异常页面中间件新建一个ASP.NET Core Web API项目在Controller随便写一个Action来抛一个异常[HttpGet]public void ThrowError(){ throw new Exception("Error occurred");}运行项目，访问该Action即可看到如下页面之所以能看到该页面，是因为新建的ASP.NET Core
2021-12-14 14:05:38
1166
原创 .net 批量注册服务
假设我们需要注册xxxQuery服务，例如下图中的BarQuery和FooQuery传统的做法是services.TryAddScoped<IBarQuery, BarQuery>();services.TryAddScoped<IFooQuery, FooQuery>();这显然没什么问题但是，如果这是一个很大的项目，那么随着业务的发展，相似的xxxQuery很可能会越来越多。此时，如果仍然使用上述的方式来一个个地注册xxxQuery服务，那么有关注册xxxQuery
2021-12-13 14:58:00
711
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人