前言在低代码编辑器中进行页面预览常常不得不用到iframe进行外链的url引入，这就涉及到了预览页面与编辑器页面数据通信传值的问题，常常用到的方案就是postMessage传值，而postMessage本身在eventloop中也是一个宏任务，就会涉及到浏览器消息队列处理的问题，本文旨在针对项目中的postMessage的相关踩坑实践进行总结，也为想要使用postMessage传递数据的童鞋提供一

前言随着技术的发展，前端应用承载的内容也日益复杂，基于此而产生的各种问题也应运而生，从MPA（Multi-Page Application，多页应用）到SPA（Single-Page Application，单页应用），虽然解决了切换体验的延迟问题，但也带来了首次加载时间长，以及工程爆炸增长后带来的巨石应用（Monolithic）问题；对于MPA来说，其部署简单，各应用之间天然硬隔离，并且具备技术

基于el-slider自定义range组件封装实践前言日常工作中经常使用范围选择组件，例如进度条、日期范围选择等组件，常见组件库中经常使用的都是使用的圆形滑块形状，项目中有需要根据自定义去实现一个range组件，以下是基于element的el-slider组件进行改良封装的一个range组件。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2YdmRrR2-15920

基于el-slider自定义range组件封装实践前言日常工作中经常使用范围选择组件，例如进度条、日期范围选择等组件，常见组件库中经常使用的都是使用的圆形滑块形状，项目中有需要根据自定义去实现一个range组件，以下是基于element的el-slider组件进行改良封装的一个range组件。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2YdmRrR2-15920