- 博客(128)
- 收藏
- 关注
RSS订阅原创 实现自定义的移动端双指缩放
原理：DOM上绑定双指触控相关的事件，当双指触控时，保存初始距离，当双指移动时，计算两触控点的距离，根据移动中的距离与初始距离调节缩放比例，再根据缩放比例改变元素样式即可实现缩放效果演示：
2024-09-04 16:22:03
698
原创 volta安装node时失败，Could not download Node version registry；Please verify your internet connection
使用volta 安装node失败，报错Could not download Node version registry。多半是没有配置镜像地址，而且又无法访问到https://nodejs.org/dist/index.json。
2024-08-22 20:31:55
699
原创 解决浏览器缓存导致获取不到最新前端代码问题
1.对于js文件，其文件名应该跟随代码的变动而发生更改，例如将文件内容的hash作为文件名的一部分。这样代码更新后，文件名也会自动更改，index.html只要引入最新名字的js文件，就不会去拿代码更新前的js缓存2.对于index.html文件，不缓存。之所以这样是因为index.html包含了对js文件的引用，如果将index.html缓存，缓存中index.html引用的js文件名还是老的，因此即使打包后js名字变了，但由于缓存中index.html引用的js名字没变，因此还是会拿到缓存的js代码。
2024-07-18 15:48:17
352
原创 element-ui el-select选择器组件下拉框增加自定义按钮
原理：在el-select下添加禁用的el-option，将其value绑定为undefined，然后覆盖el-option禁用状态下的默认样式即可
2024-07-04 16:58:18
866
原创 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
856
原创 pm2常用命令及pm2自启动
PM2 是一个node的守护进程管理工具，帮助您管理和守护您的应用程序。它以简单直观的 CLI 命令行方式进行工作。
2024-01-23 17:58:33
892
原创 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
5142
3
原创 docker 启动mysql5.7服务
以上命令运行完毕，一个mysql服务器就启动好了，可以访问对应ip＋端口连接到数据库（记得云服务器要先开放端口号）以上命令还存在一些问题，就是没有挂载卷，当该容器销毁时，里面的数据也没了。由于上述命令使用了卷映射，文件存放在宿主机，不会随着容器的销毁而销毁。mysql的日志文件在/var/log/mysqld.log。为了避免以上情况，保证容器销毁时，数据还在，做法如下。mysql的数据文件在/var/lib/mysql。mysql的配置文件在/etc/mysql。使用卷挂载的方式启动容器。
2023-06-15 09:38:45
2826
原创 vite创建vue2项目
使用vite首先需要注意官方给出的兼容性注意Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。
2023-05-21 21:47:18
1689
原创 webstorm报错：TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations
在使用ts后，webstrom报以下错误。
2023-05-21 20:26:51
4674
原创 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
7341
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
2943
原创 .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
3015
原创 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
4914
原创 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
10645
2
原创 docker部署vue项目
使用vue create hello命令创建一个名为hello的vue项目在项目根目录新建一个文件，命名为Dockerfile
2022-10-07 15:34:47
602
原创 element-ui + sortable.js 实现可拖拽表格
安装Sortablejsnpm install sortablejs --save
2022-09-25 00:18:01
244
原创 nrm ls 不显示星号
近期发现使用npm install nrm -g安装的nrm有问题。解决方案 卸载原来的nrm使用以下命令安装npm install Pana/nrm -g
2022-09-04 20:54:46
317
原创 docker报错：WSL 2 installation is incomplete
错误原因：大概率是wsl未安装或者是未升级成wsl2检查wsl版本方法：在powershell中使用命令wsl -l -v
2022-09-04 17:26:03
2244
原创 css fixed定位失效问题
fixed定位失效问题的原因多半在于fixed定位的元素其祖先的transform, perspective 或 filter属性非none，导致fixed定位不再参照视口进行定位，而是参照祖先进行定位。
2022-09-03 21:09:30
2729
原创 css选择器nth-child和nth-of-type区别（学不会来打我）
nth-child：先根据位置找到元素，再看该元素的选择器是否符合nth-of-type：先找出符合选择器的所有元素，将它们根据不同的标签进行分类，再选中每个分类中位置符合的元素
2022-08-25 20:36:05
493
原创 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
4860
1
原创 element-ui 修改el-form-item样式
element-ui 修改el-form-item下所有元素样式，修改el-form-item下label的样式
2022-08-13 08:29:00
13057
原创 vue 递归组件
递归组件就是在模板中引用自身的组件我们有时希望在一个组件内部渲染该组件本身，例如渲染树形结构时，需要在树根渲染子树，而子树与树根的结构是一样的，因此存在递归
2022-08-05 15:45:24
2751
原创 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
257
原创 js插入字符串表示的元素（insertAdjacentHTML）
我们之前使用的插入元素的方法为appendChild，该方法可以在元素内部的末尾插入一个元素但是这个方法使用起来不太友好，因为它需要传入一个元素，所以往往我们需要使用document.create先创建一个元素才能进行插入操作如果需要创建的元素存在很多嵌套关系，例如<div> <ul> <li> <p></p> </li> <li></li> </ul></div&
2022-04-08 00:16:13
1328
原创 事件冒泡与事件捕获
文章目录事件冒泡事件捕获事件冒泡与事件捕获触发顺序事件冒泡当元素之间存在嵌套时，那么当子元素事件触发，父元素的对应事件也会触发。例如两嵌套元素都绑定了点击事件，那么点击子元素后，会先触发子元素的点击事件，然后触发父元素的点击事件。这种事件自下而上的触发（类似于气泡在水中自下而上的冒）就叫事件冒泡代码示例<div id="parent"> parent <div id="son">son</div></div><script>
2022-04-04 10:32:47
653
原创 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
9390
原创 .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
1035
原创 C# 正则表达式进阶
文章目录^$限定开头和结尾匹配汉字\1-9反向引用分组构造具名的分组构造应用^$限定开头和结尾^表示匹配必须从字符串或一行的开头开始$表示匹配必须以字符串或一行的末尾结束这两者一般连用表示以……开始，并且以……结尾，这样可以精确匹配，例如 “^a$” 表示匹配以a开始以a结尾并且只有一个a的字符串，这样的字符串只有“a”，“aa”是不匹配的。匹配汉字[\u4e00-\u9fa5]\1-9反向引用匹配AABC形式的词语，例如“好好学习”或“天天向上”可以使用“^\w\w\w\w$”来匹配四
2021-12-27 14:26:42
534
原创 .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
3228
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
2287
原创 .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
2381
原创 Bing 高级检索
我常用的就这么几个文章目录使用空格表示与site: 返回属于指定网站的网页使用filetype: 限定文件类型使用空格表示与举例：如果直接输入搜索词 天气返回我们希望再精确一点，可以搜索 天气 贵州这样就会优先搜到既有天气又有贵州的内容，搜索更精确了site: 返回属于指定网站的网页如果直接搜 C#可以看到，各种网站的网页都有如果要限制只看microsoft.com的网页可以搜 C# site:"microsoft.com"使用filetype: 限定文件类型如果你想看《
2021-12-22 11:56:27
2725
原创 .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
735
原创 .net 配置网关（使用Ocelot）
本文演示一个最简单的demo，来模拟如何通过网关来访问服务，而不是直接访问服务创建三个asp.net core web api项目，一个作为网关，两个作为服务分别配置项目的访问路径网关的项目使用https://localhost:5001第一个服务的项目我这里使用https://localhost:6001第二个服务的项目我这里使用https://localhost:7001至此，服务端就已经完成了（没错，只要改个路径就好了，其他的代码全靠自动生成，因为懒得改）OK，现在来配置网关，网关
2021-12-21 14:39:54
3423
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人