资讯专栏INFORMATION COLUMN

一个很简单的dialog的思路,待完善!

jaysun / 3398人阅读

摘要:为什么这里不能加这种写法是什么知识点以上代码虽然简单,却包括了几个比较重要的知识点,闭包

var dialog = (function(){  
    var mydialog = function(){};
    mydialog.show = function(info){
        kk = document.createElement("div");//为什么这里不能加va?
        document.body.appendChild(kk)
        kk.innerHTML = info+"";
        kk.childNodes[1].onclick = mydialog.close;
        kk.className = "center";
    }
    mydialog.close = function(){//这种写法是什么知识点?
        document.body.removeChild(kk)
    }
    return mydialog;
})();
window.show = dialog.show;
以上代码虽然简单,却包括了几个比较重要的知识点,闭包、IIFE

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85610.html

相关文章

  • React造轮系列:对话框组件 - Dialog 思路

    摘要:本文是造轮系列第二篇。实现方式事件处理跟差不多,唯一多了一步就是当点击或者的时候,如果外部有回调就需要调用对应的回调函数。 本文是React造轮系列第二篇。 1.React 造轮子系列:Icon 组件思路 本轮子是通过 React + TypeScript + Webpack 搭建的,至于环境的搭建这边就不在细说了,自己动手谷歌吧。当然可以参考我的源码。 想阅读更多优质文章请猛戳Git...

    qianfeng 评论0 收藏0
  • React 导读(四)

    摘要:一前言在导读三中介绍了项目的背景功能需求项目结构以及组件的划分层次,接下来我们就来看下实际的代码,这一篇文章会主要分享用到的基础组件的封装。 一、前言 在 React 导读(三) 中介绍了项目的背景、功能需求、项目结构以及组件的划分层次,接下来我们就来看下实际的代码,这一篇文章会主要分享用到的基础组件的封装。 二、基础组件设计 我们在设计组件之前本来是有一个流程和过程的,这里我写的组件...

    cooxer 评论0 收藏0
  • Android:我为何要封装DialogFragment?

    摘要:我为何要封装最近在重构项目代码,项目中创建对话框用的是,。在手机配置发生变化的时候,可以负责现场的恢复工作。以上做法,中属性系统没有为之保存,所以手机配置发生变化后,中的是。 我为何要封装DialogFragment 最近在重构项目代码,项目中创建对话框用的是Dialog,AlertDialog。但是官方推出了DialogFragment来代替Dialog。那我就去认真的了解下Dial...

    bang590 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<