qq_42750608的博客

摘要：本文介绍了一种使用ResizeObserver动态调整表格高度的实现方案。通过监听textarea元素尺寸变化，在Vue组件中计算并设置表格tbody的最大高度，使其不超出可视窗口范围。主要实现步骤包括：获取DOM元素引用、定义高度计算函数、使用防抖优化性能、监听编辑状态变化，并在组件卸载时清理观察器。该方法避免了直接修改样式表的繁琐，实现了表格内容区域的自适应并纵向滚动的效果。

本文介绍了在Vue3项目中实现文本溢出显示Tooltip功能的三种方案：1) 自定义指令v-ellipsis-tooltip，通过检测文本宽度自动添加省略号和提示图标；2) 全局注册指令方式，无需重复引入；3) 封装MyTooltipWrapper组件，通过插槽简化使用。核心实现包括：使用Range API检测文本溢出、ElementPlus的Tooltip组件展示完整内容、动态渲染提示图标。三种方案均支持响应式更新，适用于需要文本截断并提示完整内容的场景，开发者可根据项目需求选择适合的实现方式。

本文介绍了基于Vue 3和Element Plus的弹窗组件实现方案。核心是通过useModal钩子函数管理弹窗状态，利用h函数安全渲染内容避免XSS风险，采用nextTick确保弹窗正确显示。组件支持多种操作类型（添加、编辑、删除等），根据状态调用不同API，并为复杂场景提供自定义内容渲染。示例展示了删除和设为默认模板两种操作，强调了对于简单弹窗应优先使用Element Plus内置组件。该方案实现了弹窗逻辑与UI的分离，提升了代码复用性和安全性。

vue框架的nextTick使用场景示例

基于element-plus的el-tooltip写组件适用于pc端和h5端

vue3滚动到顶部钩子函数+组件简单示例

关于pc端分页+h5端加载更多的vue3简单钩子函数

vue3写一个简单的搜索栏（带历史记录+光标自动聚焦到文案最后）

vue3写一个简单的时间轴组件

JavaScript和小程序写水印的方法示例

本文介绍了amis框架中表单校验的实现方式：1. FormItem表单项自定义校验，通过validations属性设置日期校验规则(isDateTimeSameOrBefore/isDateTimeSameOrAfter等)；2. form表单全局校验，使用rules属性定义复杂校验逻辑；3. 解决表单校验异常问题的方法，包括高版本使用clearError清除错误状态，低版本通过setValue主动触发校验。文中提供了完整的代码示例，展示了如何限制日期选择范围、处理校验错误信息等常见场景的实现方法。

amis动态修改列

amis写一个导入按钮打开弹窗组件

普通table组件的序号生成代码示例

经过多番查证，使用npm config ls查看相关配置等方式，最后发现全局的.npmrc文件的配置多写了global=true，去掉就好了。重新打开项目，使用npm install（全部下载）或者npm install xxx 其他参数（单个插件下载）重试。路径：C:\Users\xxx(一般是自己的名字或拼音）\.npmrc。

amis使用service给隐藏域赋值方便给提交接口传参

setTimeout倒计时误差？如何减少

使用requestAnimationFrame写防抖和节流

【代码】react轮播图示例。

typescript面试题

webpack解决使用window.open方法打开history路由页面提示404的问题

js面试问题笔记(一)

React写关键字高亮的三个方案

模块热替换能够做到在不重新加载整个网页的情况下,通过将被更新过的模块替换老的模块,再重新执行一次来实现实时预览模块热替换相对于默认的刷新机制能提供更快的响应和更好的开发体验.模块热替换默认是关闭的,要开启模块热替换,只需要在启动DevServer时带上--hot参数,重启DevServer后再去更新文件就能体验到模块热替换的神奇了。

React面试题笔记（一）

手写react fiber代码

前端项目npm install报错解决的解决办法

手写redux和applyMiddleware中间件react示例

宏任务微任务笔试题示例(console.log输出顺序)

JavaScript使用webcomponent的简单示例

重写history.pushState添加自定义事件

vue3使用vuex的示例(模块化功能)

摔杯算法(要求用最少的测试次数找出恰巧会使杯子破碎的楼层。)

react简单的服务器渲染示例(含redux, redux-thunk的使用)

scss解决2x,3x背景图片问题

vue3简单写导航anchor示例(支持点击高亮和滚动判断高亮)

vue3写nav滚动事件中悬停在顶部

将网址转化为map或对象,方便取值

前端对普通数字数组排序示例

手写redux的connect方法, 使用了subscribe获取最新数据