我们在网页开发时会遇到一种情况，网页中的某段代码是通过鼠标指向时，JS去追加和删除的。所以无法看到其html机构。那么如何将其结构暴露出来了，F12能够看到？ 这里用Chrome举例。 在Chrome开发者工...
Chrome、Edge如何模拟鼠标指向事件？
发表评论
标签归档：JavaScript
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 配...
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等优点，但插件生...