摘要：虽然进度条是假的，但提升用户体验是真的！！ 毕竟如果网页长时间白屏，用户可能会咔嚓一下就关了浏览器，但如果有个进度条在跑，至少说明网页有小动作在进行中… 有研究表明，网页白屏超过 3 秒就可能导致用户流失。 NProgress 超级简单，核心方法就三四个，但人家实用性高啊，周下载量百万以上，足以说明
阅读全文
posted @ 2025-11-10 15:38
随笔分类 - jQuery
摘要：一文吃透 Vue2 / Vue3 的 ::v-deep、/deep/、>>>、:deep() 区别，结合 Element Plus 实战演示，顺便告诉你“为什么劝你别滥用”。 1. 为什么需要“深度选择器”？ 在 .vue 文件里，只要给 <style> 加上 scoped 属性，Vue 就会自动为
阅读全文
posted @ 2025-11-06 11:58
摘要：最近公司在做一款小程序，其中最主要业务的体现方式就是“与AI对话”，那一定是绕不过有着打字机效果的流式传输了。 什么是流式传输？ 在解决问题之前，我们需要了解什么是流式传输。流式传输指的是将数据分成多个数据流，通过网络传输，以减少网络延迟和提高性能。在某些情况下，流式传输也可以用于将视频流和音频流传
阅读全文
posted @ 2025-09-26 21:23
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>14种纯css3对话气泡样式代码</title> <link rel="stylesheet" href="default.css" /> </head>
阅读全文
posted @ 2025-09-26 16:02
摘要：因为域名有限，所以想把vue项目部署在某个域名的二级路径上，例如：https://www.example.com/admin/下 nginx的配置如下： server { listen 8095; # Admin server_name localhost; location / { #禁止浏览器缓
阅读全文
posted @ 2025-04-24 17:31
摘要：npm命令概述npm提供了一系列命令，用于管理项目的依赖、运行脚本、发布包等。以下是一些常用的npm命令： npm install：安装项目的依赖。 npm start：运行项目。 npm run：运行在package.json中定义的脚本。 npm test：运行测试。 npm run build
阅读全文
posted @ 2025-04-18 11:22
摘要：<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit
阅读全文
posted @ 2025-04-15 10:20
摘要：<div class="css-krocx8 e10rboum0"><span class="css-1mzq4wf e10rboum1">了解更多</span><svg width="18" height="12" viewBox="0 0 18 12" align="Left" animatio
阅读全文
posted @ 2025-03-25 09:23
摘要：浏览器在加载和显示网页时，会根据不同的情况，决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源，如图片、CSS、JS等，以便于下次访问时快速加载，提高用户体验和网站性能。 对于大多数浏览器而言，都包含有三种刷新方式，以下我们以Chrome浏览器为例： F5刷新
阅读全文
posted @ 2025-01-14 14:59
摘要：官网https://vxetable.cn/#/start/install1、通过 export 启用表格导出功能https://vxetable.cn/#/component/table/toolbar/export2、如果是按需加载，打印功能需要导入 Toolbar 组件 https://vxe
阅读全文
posted @ 2024-10-31 10:33
摘要：.mjs文件: 明确表示使用 ES6 模块系统(ECMAScript Modules)。 在服务器用Nginx部署 前端项目后，出现下面这种问题Failed to load module script: Expected a JavaScript module script but the serv
阅读全文
posted @ 2024-10-24 11:29
摘要：<style> #spreadBtn { position: fixed; display: none; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit
阅读全文
posted @ 2024-10-15 15:31
摘要：<!DOCTYPE html> <html> <script type="text/javascript" src="style/jquery-3.7.0.min.js?v=0.002?v=1.0.01"></script> <head> <style> .fade { position: abso
阅读全文
posted @ 2024-10-15 09:43
摘要：CSS中实现淡入淡出效果，可以使用transition属性来平滑过渡，并使用opacity属性来设置元素的透明度。 例子1： <div class="fade-box">淡入淡出效果</div> CSS: .fade-box { width: 200px; height: 200px; backgr
阅读全文
posted @ 2024-10-14 17:47
摘要：jquery之样式学习一、选择器jquery选择器jquery选择器之id选择器 $("#id")jquery选择器之类选择器 $(".class")jquery选择器之元素选择器 $("div")jquery选择器之全选择器 $("*")jquery选择器之层级选择器：子元素 $("div > p
阅读全文
posted @ 2024-10-14 11:04
摘要：Froala editor 是一款非常不错的所见即所得web编辑器，并且是收费的，单个域名的授权是99美元~ 但是在没有购买正常的情况下，只能编辑10行，且有一个大大的未授权标识。 官方网站演示地址：https://www.froala.com/wysiwyg-editor Github项目地址：h
阅读全文
posted @ 2024-09-12 08:35
摘要：本章教程，主要介绍一下，如何将若依前后端分离项目部署到tomcat中。在阅读本教程前，希望你能够在本地能够将前后端分离项目跑起来，这里就不过多介绍了。 目录 一、后端打包步骤 （1）修改ruoyi-admin模块中的pom.xml （2）排除springboot中内置的tomcat容器 （3）然后通
阅读全文
posted @ 2023-11-03 11:38
摘要：一：时间转时间戳：javascript获得时间戳的方法有四种，都是通过实例化时间对象 new Date() 来进一步获取当前的时间戳 1.var timestamp1 = Date.parse(new Date()); // 结果：1477808630000 不推荐这种办法，毫秒级别的数值被转化为0
阅读全文
posted @ 2023-10-08 14:09
摘要：一、jQuery判断checked是否是选中状态的三种方法: $("#cb1").attr('checked') // 返回:"checked"或"undefined"; $("#cb1").prop('checked') // 返回true/false $("#cb1").is(':checked
阅读全文
posted @ 2023-08-04 08:11
摘要：jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档： http://api.jquery.com/Ajax_Events/ 防止重复数据 在实际项目开发中，提交表单时常常由于网络或者其
阅读全文
posted @ 2023-07-27 16:12
浙公网安备 33010602011771号