Nuxt中如何使用useStorage，参考的文档不多，除了官方的useStorage文档之外，可靠的示例文档不多。今天我就做一个实现菜单缓存的功能。 需求 进入页面，有缓存取缓存(localStorage)，无缓存...
Nuxt中如何使用useStorage，实现菜单缓存
发表评论
标签归档：JavaScript
VitePress增加本地搜索(vitepress-plugin-search)
VitePress的搜索依赖algolia，但如果想用本地搜索可以用vitepress-plugin-search。 安装 npm i vitepress-plugin-search flexsearch -D 配...
Splide：一款轻量级、灵活且易于使用的滑块和轮播JS库
Splide是一款轻量级、灵活且易于使用的滑块和轮播JS库，使用TypeScript编写，没有依赖关系。它具有多种功能特征，包括支持多张幻灯片、滑动或淡入淡出过渡、断点支持、自动播放、鼠标拖动和触摸滑动、嵌套滑块、延迟加...
LeaferUI – 性能强悍、简洁轻量的 HTML5 Canvas 2D 图形 UI 绘图框架
Leafer UI 是基于 LeaferJS 开发的一套绚丽多彩的 UI 绘图框架，帮助开发者快速生成图形界面。LeaferJS 是一个基于 HTML5 Canvas 开发的 2D 绘图渲染引擎，在 web 上绘图性能非...
网站加入 push.js，用户进入之后向用户推送一次信息
加入 push.js 后，可以在用户进入网站时向用户推送一次信息。如果用户关闭了推送通知，那么以后用户再次访问网站时就不会再次收到推送消息。可以通过以下步骤实现： 在网站中引入 push.js，可以通过 CDN 或...
在localStorage取数据快，还是在Pinia取数据快？
Pinia是一个基于Vue 3的状态管理库，而localStorage是浏览器提供的一种本地保存数据的机制。两者的设计目的不同，所以无法直接比较哪个更快。 localStorage是浏览器提供的一种本地保存数据的机...
STDF – 基于 Svelte 和 Tailwind CSS 打造的移动 web UI 组件库，Svelte 生态里不可多得的优秀项目
关于 STDF STDF 是一个移动端的 UI 组件库，主要用来开发移动端 web 应用。和我之前介绍的很多 Vue 组件库不一样，STDF 是基于近来新晋 js 框架 Svelte 开发的，Svelte 是一个和 V...
如果网页使用Quicklink，首次访问的时候，会不会慢？
加速网站加载速度比较通用的做法是Predictive Preloading和Quicklink，但是这两种技术有好处，也有坏处。首次访问的时候，会不会慢？ 在首次访问网页时，如果使用 Quicklink 技术，可能...
Nuxt如何请求本地API
我们在测试开发时，经常会遇到本地请求虚拟的数据，常见的有mock来模拟。Nuxt说一种简单的模拟本地API数据。 创建API # Generates `server/api/links.ts` npx nuxi a...
Parcel、Webpack是什么？他们各自的优缺点是什么？
Parcel和Webpack都是前端常用的打包工具，用于将多个文件打包成一个或多个文件以便在浏览器中加载和运行。Parcel是零配置的打包工具，支持实时编译和热更新，具有快速构建、Tree Shaking等优点，但插件生...
TypeScript Vue Plugin (Volar)、Vue Language Features (Volar)分别是什么？有什么区别？
TypeScript Vue Plugin (Volar) 是一个提供 Vue.js 的 TypeScript 支持的插件，旨在提供更快、更准确的 TypeScript 支持，并提供更好的 Vue.js 开发体验。Vue...
2023 年 10 个最佳 JavaScript 数据可视化库
用充满数字的电子表格做什么最好？ 不，我们今天不会将其丢弃——我们会对其进行增压。 您可以使用视觉效果将这些单调的图形变成生动活泼的图表、地图和图形。 最好的 JavaScript 数据可视化库可让您从数据中生成用户友好...
Nuxt中Element-plus设置中文语言
Nuxt安装Element-plus后，发现默认语言是英的，如何设置为中文呢？这种方法太推荐，这和@element-plus/nuxt是按需自动导入相违背，打包运行的_nuxt/entry.*******.js看到里面讲...
Nuxt、WordPress获取token
Nuxt来做一个WordPress服务端渲染的项目，使用axios封装的方式，我们来获取一个用户的token。安装JWT Authentication for WP REST API，需要详细阅读插件页面的文档来安装。登...
Nuxt3服务端渲染(SSR)请求封装-方法三
本次使用Axios进行封装做Nuxt3服务端渲染。同上可以自行加post等其他请求。在pages/index.vue做一个简单的get请求。...
Nuxt3服务端渲染(SSR)请求封装方-法二
之前写的一个Nuxt请求封装使用defineEventHandler的方式是来自官方文档的一个简单的封装，可能使用起来也不是很熟悉，现在换一个种写法。本项目没有配置在线接口，可根据自己需要更换 baseUrl，文末提供的...