明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

随笔分类 -  JavaScript

摘要:浏览器在加载和显示网页时,会根据不同的情况,决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源,如图片、CSS、JS等,以便于下次访问时快速加载,提高用户体验和网站性能。 对于大多数浏览器而言,都包含有三种刷新方式,以下我们以Chrome浏览器为例: F5刷新 阅读全文

posted @ 2025-01-14 14:59 且行且思 阅读(83) 评论(0) 推荐(0) 编辑

摘要:概要 我们做一个纯前端自动提示用户刷新页面的功能,这个功能主要是防止用户的js代码还是旧版的导致某些功能没能及时更新。 整体架构流程 1、我们先在 public/version.json 创建这个json文件,用来存储版本号 { "version": "1.0" } 2、我们可以在 vite.con 阅读全文

posted @ 2025-01-14 09:24 且行且思 阅读(58) 评论(0) 推荐(0) 编辑

摘要:背景当一个页面很久没刷新,又突然点到页面。由于一些文件是因为动态加载的,当重编后(如前后端发版后),这些文件会发生变化,就会出现加载不到的情况。进而导致正在使用的用户,点击页面发现加载不顺畅、卡顿问题。解决思路使用Vite构建一个插件,在每次打包时自动生成version.json版本信息文件,记录版 阅读全文

posted @ 2025-01-10 09:27 且行且思 阅读(134) 评论(0) 推荐(0) 编辑

摘要:可以使用Array.reduce()方法来求最大、最小、合计值。示例代码如下: // 假设有以下json对象数组 let arr = [ { name: 'tina', score: 90 }, { name: 'tom', score: 80 }, { name: 'john', score: 7 阅读全文

posted @ 2024-12-05 09:10 且行且思 阅读(53) 评论(0) 推荐(0) 编辑

摘要:vue 中代码(在对应的地方添加) <a-pagination v-model:current="current" :total="total" v-model:page-size="pageSize" :showSizeChanger="true" :hideOnSinglePage="true" 阅读全文

posted @ 2024-11-08 16:27 且行且思 阅读(29) 评论(0) 推荐(0) 编辑

摘要:官网https://vxetable.cn/#/start/install1、通过 export 启用表格导出功能https://vxetable.cn/#/component/table/toolbar/export2、如果是按需加载,打印功能需要导入 Toolbar 组件 https://vxe 阅读全文

posted @ 2024-10-31 10:33 且行且思 阅读(29) 评论(0) 推荐(0) 编辑

摘要:.mjs文件: 明确表示使用 ES6 模块系统(ECMAScript Modules)。 在服务器用Nginx部署 前端项目后,出现下面这种问题Failed to load module script: Expected a JavaScript module script but the serv 阅读全文

posted @ 2024-10-24 11:29 且行且思 阅读(834) 评论(0) 推荐(0) 编辑

摘要:<style> #spreadBtn { position: fixed; display: none; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit 阅读全文

posted @ 2024-10-15 15:31 且行且思 阅读(7) 评论(0) 推荐(0) 编辑

摘要:<!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 且行且思 阅读(14) 评论(0) 推荐(0) 编辑

摘要:CSS中实现淡入淡出效果,可以使用transition属性来平滑过渡,并使用opacity属性来设置元素的透明度。 例子1: <div class="fade-box">淡入淡出效果</div> CSS: .fade-box { width: 200px; height: 200px; backgr 阅读全文

posted @ 2024-10-14 17:47 且行且思 阅读(300) 评论(0) 推荐(0) 编辑

摘要:jquery之样式学习一、选择器jquery选择器jquery选择器之id选择器 $("#id")jquery选择器之类选择器 $(".class")jquery选择器之元素选择器 $("div")jquery选择器之全选择器 $("*")jquery选择器之层级选择器:子元素 $("div > p 阅读全文

posted @ 2024-10-14 11:04 且行且思 阅读(93) 评论(0) 推荐(0) 编辑

摘要:Froala editor 是一款非常不错的所见即所得web编辑器,并且是收费的,单个域名的授权是99美元~ 但是在没有购买正常的情况下,只能编辑10行,且有一个大大的未授权标识。 官方网站演示地址:https://www.froala.com/wysiwyg-editor Github项目地址:h 阅读全文

posted @ 2024-09-12 08:35 且行且思 阅读(249) 评论(0) 推荐(0) 编辑

摘要:uniapp部署二级目录 在uniapp中,如果你想要将应用部署到二级目录中,你需要在manifest.json文件中配置相应的二级目录路径。 以下是一个配置示例,假设你想要将应用部署到域名的subdir二级目录下: 打开manifest.json文件。 找到h5节点。 设置router的base路 阅读全文

posted @ 2024-07-04 08:26 且行且思 阅读(600) 评论(0) 推荐(0) 编辑

摘要:要将URL参数转换为JSON对象,可以使用以下函数: javascript function getQueryParams(url) { // 使用正则表达式提取URL参数 const paramsString = url.split('?')[1]; if (!paramsString) { re 阅读全文

posted @ 2024-06-16 13:16 且行且思 阅读(130) 评论(0) 推荐(0) 编辑

摘要:在项目中,前端会经常使用tinymce富文本编辑器插件,编辑器有上传图片的功能,而对于上传的这个图片的处理,有两种方式: 编辑器中有一个images_upload_handler方法,上传图片会触发该事件,该事件有3个参数,分别是上传图片的文件内容、上传成功的success处理方法、上传失败的fai 阅读全文

posted @ 2024-04-24 08:37 且行且思 阅读(642) 评论(0) 推荐(1) 编辑

摘要:JS数组添加元素的三种方式 1、push() 结尾添加 数组.push(元素) 参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到数组的第二个元素。newelementX可选。可添加多个元素。 2、unshift() 头部添加 数组.unshift(元 阅读全文

posted @ 2024-02-06 09:06 且行且思 阅读(988) 评论(0) 推荐(0) 编辑

摘要:一、改前端 加入格式化: value-format="yyyy-MM-dd HH:mm:ss" <el-date-picker v-model="formValidate.pastDueTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" 阅读全文

posted @ 2023-11-23 10:42 且行且思 阅读(1378) 评论(0) 推荐(0) 编辑

摘要:一:时间转时间戳:javascript获得时间戳的方法有四种,都是通过实例化时间对象 new Date() 来进一步获取当前的时间戳 1.var timestamp1 = Date.parse(new Date()); // 结果:1477808630000 不推荐这种办法,毫秒级别的数值被转化为0 阅读全文

posted @ 2023-10-08 14:09 且行且思 阅读(602) 评论(0) 推荐(0) 编辑

摘要:jQuery如何操作label for属性? 使用jQuery,可以通过.val()方法获取label for属性的值,这个方法可以用于任何元素。 // 获取id为"input-email"元素的label的for属性值 var labelFor = $("label[for='input-emai 阅读全文

posted @ 2023-08-07 07:53 且行且思 阅读(63) 评论(0) 推荐(0) 编辑

摘要:一、jQuery判断checked是否是选中状态的三种方法: $("#cb1").attr('checked') // 返回:"checked"或"undefined"; $("#cb1").prop('checked') // 返回true/false $("#cb1").is(':checked 阅读全文

posted @ 2023-08-04 08:11 且行且思 阅读(3509) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示