首页

解决报错using unaddressable value in

这通常是gorm没有正确使用产生的报错,比如: 正确的写法是 db.Create(&user) 我们写成了 db.Create(user) 只需要传入正确的值即可解决该问题。
发布于 2024-1-25 下午3:8 阅读数 95

JavaScript下载文件

要使用JavaScript从特定的URL下载文件,您可以使用fetch API。以下是一个简单的例子: function downloadFile(fileUrl) { // 发起fetch请求 fetch(fileUrl) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.blob(); }) .then(blob => { // 创建一个URL对象
发布于 2024-1-19 下午10:5 阅读数 103

解决wsl2 mirrored网络时,goland无法debuger的问题

这个问题困扰了我很久,今天终于解决了 我们只需要使用这个skynet2/delve这个库重新build一下dlv,并替换掉goland默认的dlv即可 详细步骤 git clone git@github.com:skynet2/delve.git git checkout goland-wsl2 cd /delve/cmd/dlv go build 执行完上面的命令之后,我们会构建出一个dlv文件 接下来我们只需要替换goland的默认d
发布于 2024-1-19 下午9:39 阅读数 121

设置github代理

https访问 仅为github.com设置socks5代理(推荐这种方式, 公司内网就不用设代理了, 多此一举): git config --global http.https://github.com.proxy socks5://127.0.0.1:1086 其中1086是socks5的监听端口, 这个可以配置的, 每个人不同, 在macOS上一般为1086. 设置完成后, ~/.gitconfig文件中会增加以下条目: [http "https://
发布于 2024-1-19 下午2:11 阅读数 99

设置npm和yarn的代理和registry

因为网络的缘故,在家里有些中间件安装比较费劲,有两种解决方法。 一个是使用国内的镜像网站,比如阿里云的镜像站点。但是这个方法有个需要考虑到的问题,那就是生成的packeage-lock.json 文件中会带有镜像的下载地址,自己家里的机器用没问题,公司的产品会有点不方便。 NPM镜像-NPM下载地址-NPM安装教程-阿里巴巴开源镜像站 ​deve
发布于 2023-12-11 下午1:41 阅读数 419

antdv上传图片前压缩图片

在使用 Ant Design 的上传组件时,如果需要在上传前对图片进行压缩,可以使用一些 JavaScript 库来实现。一个常用的库是 compressorjs,它可以在客户端对图片进行压缩。 以下是一个简单的使用示例: 首先,确保你的项目中已经安装了 compressorjs 库。你可以通过 npm 安装: yarn add compressorjs 然后,使用以下代码示例在上传前压
发布于 2023-12-9 下午3:31 阅读数 558

Bun入门指南(新手必看)

什么是Bun Bun是一个JavaScript和TypeScript应用程序的一体化工具包。它作为一个名为bun的单个可执行文件提供。 其核心是Bun运行时,它是一个快速的JavaScript运行时,旨在作为Node.js的替代品。它是用Zig编写的,并在内部由JavaScriptCore驱动,可以显著减少启动时间和内存使用。 bun​命令行工具还实现了测试运行器、脚本运行器和No
发布于 2023-11-12 下午9:57 阅读数 791

WSL2 的 2.0 更新彻底解决网络问题

微软今天属于是史诗级更新 WSL2 到 2.0 版本,带来了以下特性: 支持自动回收内存 支持自动释放 WSL2 虚拟硬盘空间 支持和 Windows 使用相同的网络(镜像网络) 支持 DNS Tunneling 支持 Windows 设置的代理 支持 Windows 防火墙 支持 Multicast 详细可以前往:Windows Subsystem for Linux September 2023 update 开启方法: 更
发布于 2023-11-8 下午4:14 阅读数 2127

Nuxt3 – 使用navigateTo更改URL查询并使用watch进行监控

<script lang="ts" setup> const route = useRoute() watch( () => route.query, () => { console.log(route['query']) } ) function move() { navigateTo({ name: 'example', query: { foo: 'bar' }, }) } </script> <template> <button @click="move">move</button> </template&g
发布于 2023-11-7 下午2:13 阅读数 2219

vue3添加百度统计的几种方式

申请百度统计后,会得到一段JS代码,需要插入到每个网页中去,下面有几种方式。 把统计代码插入到index.html入口文件中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width, initial
发布于 2023-11-7 下午2:11 阅读数 2106

Vue3设置动态head插件unhead的使用,支持title、meta、js等

如果我们想要在vue3的单页面上引入js,或者设置title和meta,我们可以使用unhead插件。 unhead插件文档:https://unhead.unjs.io/setup/vue/installation 安装 yarn add @unhead/vue //或者 npm install @unhead/vue //或者 pnpm add @unhead/vue 挂在 vue3 import { createApp } from 'vue' import { createHead } from '@unhe
发布于 2023-11-6 下午7:4 阅读数 2452

常见的 JavaScript 数据操作

数组操作: 创建一个数组:let arr = []; 向数组添加元素:arr.push(1); 从数组中删除元素:arr.pop(); 获取数组的长度:arr.length; 遍历数组并执行操作:arr.forEach(element => { console.log(element); }); 过滤数组中的元素:let filteredArr = arr.filter(element => element > 5); 字符串操作: 创建一个字符串:le
发布于 2023-10-31 下午6:32 阅读数 3993

vue3 使用window.scrollTop回到页面顶部

如果你想在当前页面切换tab时将页面滚动到顶部,你可以使用window.scrollTo方法来实现。以下是一个示例代码: import { ref, watchEffect } from 'vue'; export default { setup() { const tab = ref(1); // 当前选中的tab,默认为1 watchEffect(() => { // 监听tab的变化 if (tab.value === 2) { // 如果切换到tab 2,将页面
发布于 2023-10-30 上午11:57 阅读数 4505

vue3路由跳转传多个参数

在Vue 3中,你可以使用对象的方式传递多个参数给router.push()方法。以下是一个示例代码: import { useRoute, useRouter } from 'vue-router'; export default { setup() { const route = useRoute(); const router = useRouter(); const changeParams = () => { // 获取当前路径的参数 const id = route.query.id; const
发布于 2023-10-30 上午11:45 阅读数 4225

vue3修改当前路由参数

以下是一个示例代码: import { useRoute, useRouter } from 'vue-router'; export default { setup() { const route = useRoute(); const router = useRouter(); const changeId = () => { // 获取当前路径的参数 const id = route.query.id; // 修改id的值 router.push({ path: '/corpus-detail', query: { id: 4 } });
发布于 2023-10-30 上午11:43 阅读数 3295

sd报错RuntimeError: MPS backend out of memory

这个错误好像只有在mac 上面才会出现 RuntimeError: MPS backend out of memory (MPS allocated: 4.62 GB, other allocations: 8.06 GB, max allowed: 13.57 GB). Tried to allocate 1024.00 MB on private pool. Use PYTORCH_MPS_HIGH_WATERMARK_RATIO=0.0 to disable upper limit for memory allocations (may cause syst
发布于 2023-10-27 上午8:24 阅读数 3946

sd报错RuntimeError: MPS backend out of memory

报错 RuntimeError: MPS backend out of memory (MPS allocated: 4.61 GB, other allocations: 8.10 GB, max allowed: 13.57 GB). Tried to allocate 1024.00 MB on private pool. Use PYTORCH_MPS_HIGH_WATERMARK_RATIO=0.0 to disable upper limit for memory allocations (may cause system failure). Time taken: 3.1 s
发布于 2023-10-26 下午10:14 阅读数 3830

vue3实现多选标签(包括反选)

页面代码 <div class="table-hs-d" v-for="(item, index) in chooseList" :key="index"> <div class="m-code @click="selectTag(item.number)" > <span>{{ item.number }}</span> <div class="mask" :class="{ 'mask-show': isTags(item.number) }"> <van-icon class="sele-icon" color="
发布于 2023-10-26 中午12:1 阅读数 3546

css给列表最后一个元素以外的其他元素加上标记

你可以使用CSS的伪类选择器:not来实现在span标签后面加上-,但是最后一个span不加的效果。以下是示例代码: HTML: <div> <span>Text 1</span> <span>Text 2</span> <span>Text 3</span> <span>Text 4</span> </div> CSS: span:not(:last-child)::after { content
发布于 2023-10-26 上午11:53 阅读数 1819

js实现组合计算和组合个数

js实现组合计算 JS组合计算可以通过以下代码实现: function combination(arr, num) { var result = []; var recursion = function(arr, tempArr, num) { if (num === 0) { result.push(tempArr); return; } for (var i = 0, len = arr.length; i <= len - num; i++) { recursion(arr.slice(i + 1), tempArr.concat(arr[i
发布于 2023-10-26 上午11:42 阅读数 1437

js判断浏览器检测浏览器类型和设备类型

有时候我们需要判断浏览器的内核、是否是移动端、ios终端、android终端、是否iPad等,下面是整理出来的一个比较完整的js方法。 <script> var browser = { versions: function () { var u = navigator.userAgent; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内
发布于 2023-10-26 上午11:25 阅读数 1524

解决antd v4.x版本和Nuxt3样式会闪的问题

antdv从4.0.x开始官方提供了@ant-design-vue/nuxt模块包,但如果你只是使用它,不做任何处理的话,你就会发现你的页面在刷新时会短暂的出现css样式丢失的问题,导致页面闪烁,本文就教大家如何解决该问题。 首先,在新建的nuxt3项目中安装相关依赖 pnpm add -D ant-design-vue@4.x pnpm add -D @ant-design-vue/nuxt 在nuxt.config
发布于 2023-10-22 上午9:33 阅读数 3282

2023-10-16

Ubuntu 设置笔记本合并盖子不休眠 配置文件 /etc/systemd/logind.conf 配置说明 HandlePowerKey: 按下电源键后的行为,默认 power off HandleSleepKey: 按下挂起键后的行为,默认 suspend HandleHibernateKey: 按下休眠键后的行为,默认 hibernate HandleLidSwitch: 合上笔记本盖后的行为,默认 suspend 参数说明 ignore(无操作
发布于 2023-10-16 下午5:45 阅读数 3300
热门推荐
推荐作者
取经之路,就在脚下。
大家好!我是一位前端开发工程师,拥有6年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言,能够灵活运用各种前端框架,如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合,能够为学员提供丰富的案例和实践项目,并以生动、易懂的语言为学员讲解前端开发的核心知识和技能。我不仅注重传授技能,更关注学员的职业发展,希望通过我的教学,帮助学员成为一名优秀的前端开发工程师。
名士风流,国士无双
暂无描述
暂无描述