RockyMountain

摘要： 实现一个输入框 focus 状态下，placeholder 文字会显示到边框上方，且输入框有文字时会停留在上方的效果，如下图： 源代码见 仓库地址 思路1：用消失/显示效果 使用 input 自带的 placeholder 属性。 非 focus 时：显示 placeholder 属性中的文字 fo 阅读全文

摘要： iframe 与 postMessage 方法 postMessage 用于跨文档通信，如父页面向内嵌的 iframe 发消息。 既是发消息，就有发送方与接收方，发送方要调用 postMessage 方法，接收方要注册 onmessage 事件处理函数，处理接收的消息。 例：父级页面向 iframe 阅读全文

摘要： 使用 JS 实现了一个可拉伸的 div，按住右边框，拖动鼠标可改变 div 的宽度。 1. 鼠标在浏览器中的坐标基本概念 2. 鼠标按住拖动改变宽度原理 鼠标按下时算出鼠标 x 坐标与元素右边框的距离，在鼠标移动时不变：element.offsetWidth - event.offsetX 元素宽 阅读全文

摘要： 昨天在领导手把手指导下写了一个单例组件，今天早上看了一遍代码，简单小结一下这个组件的实现过程以加深印象。 组件使用的场景：一个屏幕中有很多鱼游来游去，点击一条鱼，出现一个介绍弹窗，弹窗有内容，内容分图片、声音、视频等类型资源。 弹窗本身是一个单例组件，弹窗中的内容是一个单例组件。点击不同的鱼，出现的 阅读全文

摘要： 用 js 计算带小数的加减法时遇到计算精度丢失，导致产生了无限小数。 这种情况常见地令人吃惊，随便用小数进行加减乘除都会出现这种问题： 对基本四则运算的理解在现代计算机面前受到了挑战。。。 产生浮点数计算精度不准确的原因： 计算机算的是二进制非十进制，十进制会先转二进制的无限不循环的数，再进行加减； 阅读全文

摘要： 问题描述 父组件给子组件传对象，子组件用这个对象中的字段填充模板，子组件定义 info 为 {}，会报 TypeError: Cannot read properties of undefined (reading 'refundText')的错误，但页面上会正确显示数据。 原因 推测这个错误发生在 阅读全文

摘要： Vue3 通过 props 传值被消除响应性 1. 子组件中使用 props <template> <p>{{ resourceType }}</p> </template> <script> props: { detail: { type: Object, required: true } }, 阅读全文