- 博客(20)
- 收藏
- 关注
原创 Vant Textarea组件软键盘遮挡问题终极解决方案
问题现象:在移动端使用Vant的Textarea组件时,当点击输入框唤起软键盘后,输入框未被顶起导致内容被键盘遮挡,严重影响用户体验。方案二:使用fastclick库方案三:动态调整布局方案四:iOS专项处理增强方案(封装自定义组件)常见问题排查页面存在fixed定位元素解决方法:将改为viewport配置错误正确配置:Android机型兼容问题在manifest.json中添加:效果对比方案优点缺点适用场景滚动方案兼容性好
2025-04-08 11:41:25
841
原创 手写Promise核心原理:深入理解JavaScript异步编程
深入理解微任务队列机制掌握Promise链式调用原理熟悉异步编程错误处理模式了解Promise/A+规范实现细节完整实现代码已上传GitHub(此处添加仓库链接),建议结合测试用例调试理解。掌握核心原理后,可进一步研究async/await的实现机制。你的支持是我创作的最大动力!诸君共勉!!!
2025-03-03 11:56:20
310
原创 前端工程化:从“刀耕火种”到现代工业体系的演进之路
阶段特点代表技术原始阶段手动管理 HTML/CSS/JSjQuery工业化阶段模块化 + 组件化智能化阶段AI 辅助 + 低代码Copilot + 可视化搭建前端工程化不是简单的工具堆砌,而是通过标准化流程和自动化工具,将开发、构建、测试、部署等环节系统化、体系化。只有持续拥抱工程化思维,才能在前端深水区中构建出航母级应用。讨论话题你在项目中遇到的最棘手的工程化问题是什么?你认为未来前端工程化的突破点会在哪里?你的支持是我创作的最大动力!
2025-02-27 10:56:39
1463
原创 深入理解前端异步编程之Promise:原理、使用与最佳实践
Promise是 JavaScript 中表示异步操作最终完成或失败的对象。它可以将异步操作的结果(成功或失败)与后续处理逻辑解耦,使代码更清晰、可读性更高。特性说明状态管理三种状态(Pending、Fulfilled、Rejected),状态不可逆。链式调用通过.then()实现链式操作,解决回调地狱问题。错误处理通过.catch()或try/catch统一捕获错误。并行处理等实现多任务协作。语法糖使异步代码更接近同步写法。
2025-02-26 15:57:31
1172
原创 深入理解前端中的深拷贝与浅拷贝原理
浅拷贝是指创建一个新对象或数组,并将原始对象或数组的第一层属性复制到新对象中。如果属性是基本类型(如numberstringboolean),则直接复制值;如果属性是引用类型(如objectarray),则复制引用地址。特点只复制第一层属性。嵌套的引用类型数据仍然是共享的。特性浅拷贝深拷贝复制层级只复制第一层复制所有层级嵌套引用类型共享引用独立复制性能较高较低实现方式、扩展运算符递归、JSON.parse、第三方库应用场景简单对象、无需独立副本。
2025-02-25 11:37:11
439
原创 深入理解JavaScript中的this指向问题
thisthis默认绑定:指向全局对象(严格模式下为undefined隐式绑定:指向调用方法的对象。显式绑定:通过callapply或bind指定this。new 绑定:指向新创建的对象。箭头函数:继承外层作用域的this。在实际开发中,理解this的指向规则非常重要,尤其是在处理回调函数、事件监听和对象方法时。希望本文能帮助你更好地掌握this的使用技巧!欢迎在评论区分享你的看法和经验!
2025-02-24 19:25:49
625
原创 三级联动未测试
可以直接通过循环遍历让下面的二三级的选中值分别绑定到对应的一二级别的select上 从而再最后进行提交的时候遍历整个数组(可以定义一个变量selectYI给一层绑定一个select,从而直接遍历一级select取值)取出所有的select变成自己想要的格式。回显的时候遍历整个数据 直接把一级归入一级的select 二三级归入列表中数据的select。注: 对于数据的显示需要额外处理例如 二三级选择数组需要自己追加。此处是根据上面的二级进一步的修改。
2023-01-05 16:42:58
61
原创 小程序onlanch和onload的异步问题解决
小程序 onLaunch 与 onLoad 异步问题的解决方案_ZionHH的博客-优快云博客_onlaunch onload
2022-12-26 11:50:40
475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人