首页

设置npm和yarn的代理和registry

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

antdv上传图片前压缩图片

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

Bun入门指南(新手必看)

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

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 阅读数 1739

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 阅读数 1916

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 阅读数 1885

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 阅读数 2168

常见的 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 阅读数 3859

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 阅读数 4206

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 阅读数 3981

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 阅读数 2965

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 阅读数 3400

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 阅读数 3520

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 阅读数 3398

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 阅读数 1673

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 阅读数 1284

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 阅读数 1346

解决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 阅读数 2824

2023-10-16

Ubuntu 设置笔记本合并盖子不休眠 配置文件 /etc/systemd/logind.conf 配置说明 HandlePowerKey: 按下电源键后的行为,默认 power off HandleSleepKey: 按下挂起键后的行为,默认 suspend HandleHibernateKey: 按下休眠键后的行为,默认 hibernate HandleLidSwitch: 合上笔记本盖后的行为,默认 suspend 参数说明 ignore(无操作
发布于 2023-10-16 下午5:45 阅读数 3174

深入浅出之ip2region实现

在移动互联网的应用中,经常需要根据用户的位置信息等做一些用户侧信息的统计分析。而要拿到用户的位置信息,一般有两个方法: GPS 定位的信息和用户 IP 地址。由于每个手机都不一定会打开 GPS,而且有时并不太需要太精确的位置(到城市这个级别即可),所以根据 IP 地址入手来分析用户位置是个不错的选择。 要做到这个功能得需要一个
发布于 2023-9-21 下午7:1 阅读数 10384

Nuxt3.7.1版本引入@nuxtjs/i18n 实现国际化

首先也是要去安装 # Using npm npm install @nuxtjs/i18n@next --save-dev # Using yarn yarn add --dev @nuxtjs/i18n@next # Using pnpm pnpm install --shamefully-hoist -D @nuxtjs/i18n@next 配置nuxt-config.ts export default defineNuxtConfig({ modules: [ '@nuxtjs/i18n', ], }) 配置i18n export default defineN
发布于 2023-9-7 上午11:56 阅读数 14556

vant-List 加载数据时@load事件一直触发

@load 事件介绍 @load 事件是 vant-List 组件的一个自定义事件,用于在列表滚动到底部时触发加载更多数据的操作。当列表滚动到底部时,会触发该事件,开发者可以通过监听该事件执行相应的业务逻辑。 @load 事件一直触发的原因 如果一次请求加载的数据条数较少,导致列表内容无法铺满当前屏幕,List 会继续触发 load 事件,直到内容
发布于 2023-9-5 下午6:12 阅读数 14836

uniapp: webview全屏遮挡住状态栏vue2和vue3解决方案

在uniapp中使用web-view <template> <view> <web-view :webview-styles="webviewStyles" src="https://uniapp.dcloud.io/static/web-view.html"></web-view> </view> </template> <script> export default { data() { return { webviewStyles: { progress: { color: '#FF3333' }
发布于 2023-9-5 下午6:0 阅读数 15246
热门推荐
推荐作者
暂无描述
所谓成长,就是在听到波涛汹涌四个字,再也联想不到大海了。
放松一点,没必要,真的没必要
暂无描述
爱好广泛,吃货,快乐肥宅