自己做了一个简单的提示框,供自己使用,也可以供他人参考,看懂此文,是理解组件开发的入门 思路比较简单: 1.常规写法: 1.1. 创建一个构造函数 1.2. 给构造函数的原型对象添加show 和hide方法 1.3. 实力化调用构造函数 css 代码: .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-warning { color: #…

接着第上一个,在js文件里再增加一个 popModal 模块,实现弹框效果 css 代码: .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-success { colo…

每天记录一点:NetCore获得配置文件 appsettings.json   用NetCore做项目如果用EF  ORM在网上有很多的配置连接字符串,读取以及使用方法 由于很多朋友用的其他ORM如SqlSugar,NH,Dapper等,在读取连接字符串的时候,往往把信息保存到一个配置文件中,例如appsetting.json, 网上有很多关于读取appsetting.json都是通过注入的方式,  在ORM读取配置的时候,都是在一个类库里面,所以用注入的方式有时候不适合[个人理解] 因以上场景…

弹出JS提示框Page.ClientScript.RegisterStartupScript(typeof(string), "msg", "<script>alert('请选择需要打印的收料单号!')</script>");…

提示框的背景透明此时要设置background的Alpha值 定时任务 方法1:performSelector // 1.5s后自动调用self的hideHUD方法 [self performSelector:@selector(hideHUD) withObject:nil afterDelay:1.5]; 方法2:GCD dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.5 * NSEC_PER_SEC)), dispat…

1.该插件不需要依赖 jquery,仅仅使用了原生js 2.简单.通用.可自定义修改样式.支持等待N秒消失.支持消失后跳转其他url , 功能还是比较完善的. 3.不废话,上代码: (我存放的位置在 /Public/plugins/mh_dialog/   下,分别存放js 和 image ). js: /** * 名称:漫画原创弹出对话框提示层插件mh_dialog * 日期:2015-05-14 */ var mh_timer; /** * @Description 页面加载时创建遮罩层和对…

一.对象的多种表现形式 1.提高对象的复用性 2.如何配置参数和默认参数 不知道该怎么描述,就直接上代码吧,下面做了2个例子,重点看整个组件的大体结构 用组件的方式做拖拽窗口,你可以狠狠的点击这里进行查看 用组件的方式开发简易弹窗,你可以狠狠的点击这里进行查看 二.组件的定义 1.将对面向对象的深入应用(UI组件,功能组件) 2.将配置参数.方法.事件.三者进行分离 例子:可参照jquery UI 官网上,查看其中的一个组件就能说明了这些问题. 三.我们可以创建自定义事件 1.有利于多人协作开发…

使用消息框 使用警告.提示和确认 可以使用警告.确认和提示消息框来获得用户的输入.这些消息框是 window 对象的接口方法.由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息框的全名(例如 "window.alert()"),不过采用全名是一个好注意,这样有助于您记住这些消息框属于哪个对象. 警告消息框 (alert)alert 方法有一个参数,即希望对用户显示的文本字符串.该字符串不是 HTML 格式.该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该…

首先定义一个盒子 1 .pop { 2 position: fixed; 3 top: 20%; 4 left: 50%; 5 transform: translate(-50%); 6 width: 300px; 7 height: 45px; 8 text-align: center; 9 font-size: 16px; 10 line-height: 45px; 11 border: rgb(34, 136, 167) 2px solid; 12 border-radius: 5px;…

http://pan.baidu.com/s/1kTmSp9t…