npm install时报错解决方法
一般情况都是因为npm本地缓存导致的，输入以下命令清除缓存即可解决npm cache clean --force有警告提示可忽略
Js随机二选一(可拓展)
今天晚饭时在犹豫吃什么随手写的一个抽签函数，有选择恐惧症的小伙伴可以直接复制到控制台使用。 function randomRange(min, max) { return Math.floor(Math.random() * (max - min)) + min; } let result = randomRange(0, 1000); if (result % 2) { con
用Js写一个导航栏选中样式变化
HTML代码<nav> <a class="nav-link" href="index.php">首页</a> <a class="nav-link" href="shop.php">商城</a> <a class="n
Js数组写法
JavaScript中的Array对象与其他编程语言中的数组一样，可以将多个项目的集合存储在单个变量名下，并具有用于执行常见数组操作的成员。 声明数组有两种不同的方式可以声明数组。使用new Array通过new Array，我们可以指定希望存在于数组中的元素，如下所示：const fruits = new Array('Apple', 'Banana'); console.log(fruits
Vue3和Vue2有什么区别
区别生命周期的变化 整体来看，变化不大，只是名字大部分需要 + on，功能上类似。使用上 Vue3 组合式 API 需要先引入；Vue2 选项 API 则可直接调用，如下所示。 // vue3 <script setup> import { onMounted } from 'vue' onMounted(() => { ... }) // 可将不同的逻辑拆开成多
带你了解Pinia和Vuex两个状态管理模式
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又
原生Js中的onLoad事件
document.addEventListener('DOMContentLoaded', (event) => { console.log('DOM fully loaded and parsed'); // DOM 完全加载以及解析 });
原生Js实现轮播图
效果演示HTML代码<div class="container-slider"> <!-- Slider Container with images... --> <div class="slides"></div> <!-- Previous Button
执行npm install时卡死怎么办
解决方案一：使用代理registry先执行以下命令npm config set registry https://registry.npm.taobao.org再继续执行npm install
css中grid布局
一、初识Grid布局 网格布局（Grid）是强大的CSS布局方案，它将网页划分为一个个的网格，通过任意组合这些网格来实现不同需求的布局方式。 上图这种布局，Grid可以轻松的实现（代码量少）Grid布局与Flex布局的相似处： 都是容器 + 项目，都是可以指定项目在容器内部的位置。 Grid布局与Flex布局的不同处： Flex布局是轴线布局，只能指定项目针对轴线的位置；Grid布局则是将容器分成