VitePress比较适合于产品级别的网站，如果对于博客这类网站的来说，内容不算多，但是需要做文章列表和分页。下面就一步一步的教大家实现VitePress文章列表与分页功能。 VitePress 创建“归档...
VitePress文章列表与分页实现方法
发表评论
标签归档：JavaScript
Vue 3 vs Vue 2 区别及优劣势
Vue 3 和 Vue 2 的主要区别，包括响应性系统、Composition API、性能优化等，以及各自的优缺点。...
2024年流行的React框架介绍
在2024年，多个React框架和UI库在开发者社区中非常流行。以下是一些主要的框架和它们的特点： 1. Material UI Material UI是基于谷歌Material Design的React UI框...
2024年流行的Vue框架介绍
截至2024年，有几款Vue框架和库在开发者中非常受欢迎，它们各具特色，适用于不同类型的项目： Vuetify Vuetify 遵循 Google 的 Material Design 规范，提供全面的组件集合，非常适...
Nuxt集成Fancybox
要在Nuxt中集成Fancybox，按照以下步骤： 安装依赖 # Usage with NPM npm install --save @fancyapps/ui # and with Yarn yarn...
bignumber.js big.js decimal.js三者有什么区别？
bignumber.js、big.js 和 decimal.js 都是用于在 JavaScript 中进行高精度数学运算的库，它们的目标都是解决 JavaScript 浮点数计算带来的精度问题，特别是在涉及货币、金融或科...
setInterval定时器在Nodejs中频繁请求
在Node.js中，如果您在代码中使用了`setInterval`函数来定时执行某个操作，而操作本身是一个异步操作（例如API请求），那么在每次定时器触发时，都会触发一个新的异步操作。这可能导致频繁的请求。 由于N...
10个受欢迎的前端开发 JavaScript 组件库
以下是10个受欢迎的前端开发 JavaScript 组件库，它们在前端开发社区中备受推崇： 1. React React 是一个由 Facebook 开发的用于构建用户界面的 JavaScript 库。它提供了高...
Chrome、Edge如何模拟鼠标指向事件？
我们在网页开发时会遇到一种情况，网页中的某段代码是通过鼠标指向时，JS去追加和删除的。所以无法看到其html机构。那么如何将其结构暴露出来了，F12能够看到？ 这里用Chrome举例。 在Chrome开发者工...
JS前端压缩采用库
在上传图片过程中，对图片超过某尺寸、大小的图片，做缩图处理。 场景：宽度大于1920px、高度大于1080px、文件大小大于10MB的图片，满足其中任意一个或多个条件时，进行图片压缩后再传给后端。 1、Com...
Vue中使用window.matchMedia来判断分辨率
如果你想使用 window.matchMedia 来实现根据屏幕分辨率显示不同内容的功能，可以按照以下方式进行： <template> <div> <h1>当前屏幕分...
Web自适应指南
Web自适应是指网页能够适应不同大小、不同设备的屏幕，并在各种设备上提供一致的用户体验。通过实现Web自适应，可以确保网页在桌面电脑、平板电脑和移动设备等各种设备上都能良好地显示和操作。 Web自适应 以下...
前端开发中常用的10个JavaScript
以下是前端开发中常用的10个JavaScript库： React.js：用于构建用户界面的JavaScript库，具有高度可重用的组件和虚拟DOM的概念。 Vue.js：一款轻量级的JavaScript框...
Nuxt处理服务端请求拦截方法
Nuxt处理服务端请求拦截方法: Vue页面apiPost方法入参请求 server/utils/http 对/api/all发出请求 server/api/all 对服务器发出请求 serv...
Nuxt中如何使用useStorage，实现菜单缓存
Nuxt中如何使用useStorage，参考的文档不多，除了官方的useStorage文档之外，可靠的示例文档不多。今天我就做一个实现菜单缓存的功能。 需求 进入页面，有缓存取缓存(localStorage)，无缓存...
VitePress增加本地搜索(vitepress-plugin-search)
VitePress的搜索依赖algolia，但如果想用本地搜索可以用vitepress-plugin-search。 安装 npm i vitepress-plugin-search flexsearch -D 配...