JS 常用组件的思路与坑

Posted ppjuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 常用组件的思路与坑相关的知识,希望对你有一定的参考价值。

1. 浮出层/模态窗

  • 布局:一层遮罩 div,一层内容 div
  • 样式:遮罩 div 设置透明度,height:100%; width:100%;
  • 逻辑:在 JS 代码中定义接口,绑定函数,实现低耦合/抽象/封装

如果固定在文档结构内,最好放在最底层,以免被其他元素覆盖。

以上是关于JS 常用组件的思路与坑的主要内容,如果未能解决你的问题,请参考以下文章

原生Js弹窗插件|web弹出层组件|对话框

QML Popup弹窗置于最顶层,实现点击位置该弹出窗口下方的任何其他层组件,Popup弹窗都不会关闭

vue给模态框弹窗添加路由,实现页面后退可以关闭模态框

openlayers入门开发系列之地图模态层篇

el-dialog模态窗点击空白不消失

Vue - 简单实现一个命令式弹窗组件