- 博客(201)
- 收藏
- 关注
RSS订阅原创 vue3引入动态图片
文章目录背景原因解决方案1. 放到`public`目录下，使用绝对路径（`不适用动态情况`）2. 使用`import`导入（`适用于单个`）3. `new URL() + import.meta.url` （`支持多个，推荐`）官网背景img的src属性使用动态的时候，本地正常，部署到服务器上异常<img :src="image" v-for="image in urls" />原因如果资源在assets文件夹，打包后会把图片名加上hash值，直接通过:src="image"方式引入
2024-08-30 17:33:11
618
原创 字体的一些基本知识（字体族、衬线字体、回退机制）
当代码中是500的时候，也会被认为是400。无效，只有到700的时候才会明显加粗。当某种字体找不到时，就继续往后找。
2024-08-30 17:29:22
517
原创 nginx配置文件详解（含宝塔多站点配置文件结构）
apt 安装或 yum 安装。在安装目录的根路径下，通常在。目录下，比如安装目录是。默认的 config。nginx 文件结构。根nginx配置文件。
2024-08-22 14:03:59
1313
原创 推荐并整理一波vscode插件（哪些内置了，哪些好用）
在 Visual Studio Code (VSCode) 中，设置是否在搜索中跟踪符号链接（symbolic links）的选项影响着搜索功能如何处理项目中的符号链接文件和文件夹。当你有很多个项目需要频繁切换的时候，不用每次打开资源管理器找，直接这里面切换即可，很方便。正常要运行比如js代码，需要创建一个文件，然后保存，在控制台输入指令执行，有如下缺点。但是太多了，会导致写代码有些并不是你需要的代码块的也会识别，我一般不用。上面只是es6常用的一些，如果你是其他的语言，也有，在商店搜索。
2024-08-22 11:20:26
889
原创 github官网在线通过vscode编辑器模式查看编辑代码
首次进入的时候，会像首次启动vscode一样，提示让你配置一下编辑器风格，我这里配置过了就不好展示了。而且，如果你的vscode设置同步了云端的话，一些个性化配置也会同步过来，这里就不一一展示了。在vscode中是关闭tab，在这里是浏览器的关闭tab），其他的快捷键都是支持的。初步使用上来看，肯定是没有本地丝滑流畅的，但体验上还是不错的。，可以在vscode中直接查看远程仓库代码，体验上更好，当然，如果别的浏览器插件的体验更好的话，也欢迎推荐～补充一下，我这里想起来一个vscode插件，叫。
2024-08-15 22:54:41
420
原创 uniapp加载第三方字体方案对比（附原生微信小程序方案）
中引入（或者新建一个css文件，然后app.vue种进行import也可以）用工具将ttf文字文件，转成base64形式，并通过css引入。这种用于原先的字体包就不大的（这种适用于用到的文字很少的情况。跨域问题，可以参见这篇文章。添加字体文件所在的服务器域名。我调用之后，根本没效果，就像正常字体一样使用即可。最后各种尝试，终于在。大概减少40-50%比如我压缩了2个字体。
2024-08-15 10:33:38
1394
原创 前端pc和小程序接入快递100（跳转方式和api方式）====实时查询接口
小程序管理后台添加插件（【设置】-【第三方设置】-【插件管理】-【搜索 wx6885acbedba59c14】）的签名和我自己写的签名算法对比才得出最终的计算方式。这种方式需要服务端接入，而不是前端直接接入（我猜测这个应该是官方做了限制，避免被白嫖。增加配置（这里直接copy不用改动）没有任何开发成本，直接一键接入。缺点：经我测试查询有问题。这里直接给出demo（
2024-07-16 17:10:47
1148
原创 微信开发者工具报错 Error: module ‘xxx.js‘ is not defined, require args is ‘xxx.js‘
方案1和2是常规的方式，先尝试这种方案3和4是黑科技方式，虽然不知道为什么好了，比较玄学方案5是我最终采用的方案（因为3和4后面某个时候又不行了~~）
2024-07-04 15:40:47
2544
3
原创 微信小程序真机调试ios空白
使用微信开发者工具的真机调试，页面一直白屏，控制台也没有报错，dom节点只有一个。微信开发者工具（这个一般默认都是开启的）在微信开放社区和各个平台折腾了好久没结果。这里两个都要勾选上，并且最好重启一下。使用uniapp进行微信小程序开发。
2024-07-02 15:31:44
542
原创 修改uniapp中 input 的 placeholder 样式
最后暂时放弃先去修改输入值的属性的时候无意中发现的。比如我这边本次就是要修改。
2024-06-27 11:33:41
1257
原创 nodejs使用mysql模块自动断开
的变量，表示操作超时时间，当连接超过一定时间没有活动后，会自动关闭该连接，这个值默认为。从日志看上去，接口是正常运行的，搜索一下之后发现是数据库的问题，连接断开了。对于这种普通连接的方式，在正式线上可能会遇到连接丢失的问题(错误日志)，连接丢失后不会自动重新连接，会触发error事件。我从网上尝试了好几种，有些自测不行，有些可以，我都列出来。第二天早上来的时候，发现接口返回异常。适用于还有另一个报错的情况，MySQL中有一个名叫。
2024-06-20 11:07:44
349
原创 关于数据库存储【\】转义字符反斜杠丢失的问题
PS：我这里的内容因为是一个动态表单，所以是一个数组，里面有一个富文本，我省略了一些无关的数据。从前端提交数据，后端获取数据，到数据库存储数据，再从数据库查询返回给前端这个过程。最后用一个比较丑陋的方式解决的：就是在存入数据库之前用替换的方式手动增加一个。之类的配置解决这个问题，但是没有找到解决方案。开始的时候，发现一个很奇怪的现象。的内容，回显的时候解析就会出问题。后来发现，其实是只要是需要带有。如果有大佬有更好的方案欢迎留言。富文本编辑器，前端存储带有。进行转义的内容就会有问题。，这样的话相当于没丢。
2024-06-14 11:12:56
434
原创 express项目部署linux
项目端口的话根据你的需求即可，要保证代码中的端口和这里一致，并且防火墙已经开了，也要勾选。PS：如果使用的是宝塔的话会自动安装（npm,yarn,pnpm,pm2）如果不是宝塔的话，也可以使用其他的方式，如命令行，安装包等方式。这个原因一般是防火墙没有开，到服务器配置中开启对应的端口。添加node项目，并选择项目目录。或者其他工具现在就可以访问接口了。浏览器访问接口看是否可行了，如。这里的启动选项直接用识别出来的。PS：这里最好clone到。其他安装方式可以参考。
2024-05-28 10:30:33
311
原创 vue3+vite项目部署服务器，选择非根目录访问
但是根目录已经部署了另外一个项目A了，这个时候要在部署另外一个项目B。之前直接输入http://test.com即可访问A项目。配置，其中root对应的路径为项目nginx资源的路径。比如你的地址是http://test.com。访问A：http://test.com/A。访问B：http://test.com/B。vue3+vite项目，需要部署服务器。这样，你本地和服务器的访问也会自动带上。这样的话，本地访问不带，服务器会带。如果B项目也这么干的话就冲突了。vite项目的话，修改。
2024-05-14 10:37:58
560
3
原创 vue3使用vue-virtual-scroller虚拟滚动遇到的问题
中输出日志的话，会发现，只有一开始加载的几个元素会输出，后面为了提高效率只是重复渲染这已经加载的几个元素而已。，在change的时候，通过props进行改变，然后在watch的时候赋值上去，这样是可行的。，假定你重复渲染的子组件是5个，那么在第6个子组件渲染的时候，你会惊奇的发现他已经变成了。：这里打印出来的并没有所有的，只有视口上展示出来的加上不可见的预加载的几个。：实际上不同的子组件里面的状态是不一样的，传递进去的。是会获取到的，但是自己维护的是不变的。渲染的子组件的实例，通过。
2023-09-20 14:37:02
1941
3
原创 接入sentry安装@sentry/webpack-plugin依赖报错（附遇到的其他小问题）
使用浏览器打开这个链接，速度的确很慢，但是能够打开和下载，只是文件很大（文件的来看，我并不知道下载好的要放在哪里。地址，如果是自己搭建的服务，需要加上自己的地址。第二种：运行脚本过程中报错，但是没有输出日志。这个经验证，还是上面超时的问题阻断了。属性，会使用官方saas服务的。的仓库地址，改为淘宝源。的根属性中，但是在我的。原因：配置项中没有指定。构建的，那么需要使用。然后卸载重装，成功了。
2023-05-10 12:01:01
4176
2
原创 前端处理后端返回的blob或json格式
那么默认情况下，另外一种情况的返回就无法正常读取到。有一个接口，是上传excel，后端进行批量处理。如果是下载文件的接口，前端请求的时候对于。如果有数据失败，返回一个失败的。只能设置为其中一种格式。如果都成功，返回一个。
2023-04-20 16:08:30
1596
原创 base64、File、Blob、ArrayBuffer几种文件格式介绍以及互转
介绍是一个不可变、原始数据的类文件对象本质上是js的对象size：包含的数据大小（字节）type：包含的数据的MIME类型里面存储的是二进制数据可以使用FileReader来读取blob中的内容创建// 语法 const blob = new Blob(array , options);// 示例 const blob = new Blob([ JSON . stringify(debug , null , 2) ] , {
2023-04-19 10:17:29
3417
原创 postman访问127.0.0.1显示not found
如果这里没有解决的话，尝试寻找电脑的hosts文件，查看是否异常。如果还没有解决，尝试电脑开启的代理配置文件入手。先寻找postman的设置，里面的代理选项，本地启动了一个服务器，访问地址是。
2023-04-09 16:28:34
1087
原创 前端解决图片跨域问题：net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin
Control-Allow-Origin' header is present on the requested resource.
2022-07-05 13:22:48
12345
3
原创 vue打包报错basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)
PS C:\Users\aiyong\Documents\GitHub\itr\itr-btit-fe-adminpc> yarn buildyarn run v1.22.10$ node --max_old_space_size=4096 node_modules/.bin/vue-cli-service buildC:\Users\aiyong\Documents\GitHub\itr\itr-btit-fe-adminpc\node_modules\.bin\vue-cli-service
2022-05-04 14:35:10
2347
2
原创 github撤销一次已经合并的提交
前言如果github已经合并了一次提交到仓库里面，但是只回滚到某一次提交里面的话代码不完整，因为很可能中间穿插了其他人写的代码，就会丢失，那么最好的解决方案就是能够把这个对于仓库的提交给撤回操作找到那次仓库的提交记录，然后下面有一个【revert】按钮然后可以回到一个revert的操作页面然后就可以了...
2022-04-27 16:59:41
2362
1
原创 form-making爬坑笔记（jeecg项目替换表单设计器）
资料官网在线演示网站-基础版基础版-文档在线演示网站-高级版高级版-文档版本对比基础版本高级版本功能提供了一些基础表单控件，表单校验，获取数据等基础功能。相较于基础版本，高级版本提供了更丰富的功能：页面更加美观通过点击即可快速添加字段；更多的属性设置，包括数据源与表单事件；更多的控件字段（子表单、自定义组件等）；更多的布局容器，并且可以相互嵌套（栅格、表格、标签页）；更多的API，满足更复杂的业务需求；加入自
2022-03-25 21:27:17
3462
原创 chrome设置为深色模式（包括整个网页）
前言作为一个程序员，大部分编辑器和软件其实更喜欢深色的模式那么作为接触最多的chrome浏览器也是想同样设置为深色，但是修改主题的方式只能够让首页和浏览器的边缘为深色，对于实际访问的网页内容并不能做到深色操作先检查浏览器版本是否是最新版本，如果不是需要更新一下打开 设置 => 关于Chrome地址栏输入chrome://flags/#enable-force-dark默认是default，需要改为Enabled改完之后在下方重启浏览器即可...
2022-02-19 15:26:37
14677
4
原创 git clone拉取代码报错【fetch-pack: invalid index-pack output】
原因：拉取的项目体积过大导致报错，中断了如下报错：fetch-pack: invalid index-pack output解决方案：浅拉取最后一次提交的git clone -b 分支名 --depth=1 仓库路径
2022-01-08 15:29:33
13651
1
原创 mysql常用的一些时间函数记录
无需参数型NOW() | CURRENT_TIMESTAMP返回当前时间（日期+时分秒）：2021-12-27 12:12:12CURDATE() | CURRENT_DATE() | CURRENT_DATE返回当前日期：2021-12-27CURTIME() | CURRENT_TIME返回当前时间：12:12:12时间转化型UNIX_TIMESTAMP(date)，日期转为时间戳FROM_UNIXTIME(date)，时间戳转为日期YEAR(date)，返..
2021-12-27 20:57:03
481
原创 使用函数计算打包下载OSS文件【遇坑锦集】
Zipfile size would require ZIP64 extensions{ "errorMessage": "Zipfile size would require ZIP64 extensions", "errorType": "LargeZipFile", "stackTrace": [ [ "\\u00a0\\u00a0File \"/code/main.py\"", "line 37",
2021-12-27 19:40:27
1555
原创 阿里云ssl证书申请，宝塔ssl证书部署
阿里云证书申请阿里云控制台 -> SSL证书 -> 免费证书 -> 创建证书点击证书申请输入域名和联系人信息按照说明进行验证信息即可根据不同服务器版本下载证书文件，我使用的是nginx的，是一个zip压缩包，解压出来是一个.key文件和一个.pem文件宝塔部署证书找到你要部署证书的站点，点击SSL证书那一栏选择【其他证书】将刚才下载的文件的内容对应的粘贴上去检查是否阿里云安全组开放了443端口，并且nginx配置文
2021-12-06 20:33:12
1985
原创 fetch请求设置请求头错误导致无法跨域
前言项目中遇到了一个问题，如下，看起来像是跨域问题，但是实际上在服务端设置了Access-Control-Allow-Origin *，并且之前是一直用的好好的，但是这次重新封装了一下请求，就不行了。Access to fetch at '***' from origin '***' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-C
2021-12-06 11:32:30
8837
6
原创 chrome无痕浏览模式中使用插件
前言默认情况下，在使用google浏览器的时候，是无法使用插件的，如图本该是插件位置却没有操作那么该如何进行操作呢打开右上角设置中的扩展程序，并点击这个时候你会回到正常浏览模式，接下来找到你想使用的插件，点击详情勾选【在无痕模式下启用此脚本】然后回到你的无痕浏览器，就会发现插件已经可以使用了注意要注意的是，这种情况下，你的插件是会记录你的浏览记录和一些操作的。所以，不能再【为所欲为】了哦，啊哈哈哈！！！...
2021-12-03 18:44:56
9297
原创 简单比较xhr、ajax、axios、fetch的异同
XHR：XMLHttpRequest对象介绍：是原生的js请求优点：局部刷新，无需重新刷新页面。是原生的js请求，无需引入任何库就能使用缺点：使用起来繁琐，需要配置各种参数。兼容性不太好。jQuery ajax介绍：本身是对于xhr的封装，并处理了兼容性问题优点：对于原生XHR的封装，做了兼容处理，简化使用。增加了对于JSONP的支持，可以简单处理部分跨域。缺点：如果多个请求，并且有依赖关系，容易形成回调地狱。ajax是jQuery中的一个方法，如果只是要使用aj
2021-11-30 19:47:25
827
原创 宝塔一键部署WordPress（含宝塔添加站点、阿里云安全组配置、阿里云子域名解析）
前言项目中要使用到WordPress进行搭建官网，然后发现宝塔上面直接就有一键部署的功能。步骤阿里云安全组开放80端口找到你的阿里云服务器的实例安全组规则中入方向手动添加80端口设置的值如下这里如果不明白点击这里添加子域名用于访问wp点击主域名选择域名解析添加记录填写信息测试生成的子域名是否有效直接浏览器访问刚才生成的子域名，如果像下面一样说明成功了宝塔一键部署WordPress登录宝塔，进入【软件商店】
2021-11-24 21:27:55
1640
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人