首页
设置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
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
常见的 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
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判断浏览器检测浏览器类型和设备类型
有时候我们需要判断浏览器的内核、是否是移动端、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
vant-List 加载数据时@load事件一直触发
@load 事件介绍 @load 事件是 vant-List 组件的一个自定义事件，用于在列表滚动到底部时触发加载更多数据的操作。当列表滚动到底部时，会触发该事件，开发者可以通过监听该事件执行相应的业务逻辑。 @load 事件一直触发的原因 如果一次请求加载的数据条数较少，导致列表内容无法铺满当前屏幕，List 会继续触发 load 事件，直到内容
发布于 2023-9-5 下午6:12 阅读数 14836
热门推荐
