随笔分类 -  前端

元素项高度（offsetheight、scrollheight和clientheight）
摘要：offsetHeight、scrollHeight 和 clientHeight 是 DOM 元素的三个只读属性，用于获取元素在不同上下文中的高度值。它们的区别主要体现在包含的内容区域和是否考虑滚动、边框、内边距等。 下面是对三者的详细对比： 1. offsetHeight 定义：元素的整体高度，包 阅读全文
posted @ 2026-01-20 11:06 庶旁 阅读(5) 评论(0) 推荐(0)
js数组接收异步处理值
摘要：异常语句： list.reduce( (a,b)=> a.then( res=>tobase64(b).then(base64=>(res.push(base64),res)) ), Promise.resolve([]) ) 保持顺序的高性能异步处理方案 根据您的需求，在保持顺序的同时追求高性能的 阅读全文
posted @ 2026-01-04 17:35 庶旁 阅读(10) 评论(0) 推荐(0)
逗号运算符
摘要：在JavaScript中，逗号运算符（Comma Operator）是一个相对较少使用的运算符，但它在某些特定场景下可以发挥重要作用。本文将详细介绍逗号运算符的基本概念、作用，并通过多个示例来展示其在实际开发中的应用。 基本概念与作用 什么是逗号运算符 逗号运算符用于将多个表达式连接在一起，并按顺序 阅读全文
posted @ 2025-12-31 15:16 庶旁 阅读(10) 评论(0) 推荐(0)
Promise随笔
摘要：Promise概念 是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 状态 Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改 阅读全文
posted @ 2025-12-31 14:58 庶旁 阅读(30) 评论(0) 推荐(0)
js中涉及中文的base64编码
摘要：在较新的JavaScript环境中，可以使用TextEncoder和TextDecoder来处理字符串的编码和解码。这种方法更直接地处理了字符串的二进制表示，因此更适合处理包含非ASCII字符的字符串。 function encodeToBase64(text) { // 使用TextEncoder 阅读全文
posted @ 2025-12-18 14:54 庶旁 阅读(20) 评论(0) 推荐(0)
web格式化
摘要：时间字符串格式化为中文年月日 let chDate = new Intl.DateTimeFormat('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' }).format(new Date(dateStr)) let chDate 阅读全文
posted @ 2025-12-10 14:40 庶旁 阅读(11) 评论(0) 推荐(0)
Vue2随笔-251030
摘要：指令修饰符 @click.stop 禁止子点击事件冒泡调用父标签事件。 @click.prevent 禁止标签默认行为。 @model.trim(number) 去除首尾空格，转为数字类型。 v-model默认值 与select标签绑定，默认值必须在option中存在。 计算属性 存在返回值，执行依 阅读全文
posted @ 2025-10-31 02:34 庶旁 阅读(8) 评论(0) 推荐(0)
Vue2随笔-251027
摘要：一. Vue开发模式 1. html脚本导入vue.js核心包，局部模块改造。 样例： <body> <div id="app"> {{ msg }} <div v-html="inerH"></div> </div> </body> <script src=".\vue.js"></script> 阅读全文
posted @ 2025-10-27 23:27 庶旁 阅读(13) 评论(0) 推荐(0)