扩展一个boot的插件—tooltip&做一个基于boot的表达验证
2023-09-11 14:20:44 时间
(代码太多请查看原文)
加班,加班加班,我爱加班··· 我已经疯了,哦也。
这次发一个刚接触boot的时候用boot做的表单验证,我们扩展一下tooltip的插件,让他可以换颜色。
其实挺简单的,主要是考究代码阅读的能力。
boot的代码写的很简单,能省略“;”的地方就省略掉了,而且他的闭包也很有意思
-
+function($){
-
}(jQuery);
这种写法等同于
-
(function($){
-
})(jQuery);
少些一个符号,比较节俭。
他的对外接口写的就比较正常了:
。。。。
return就好像一个构造函数,.each 让方法对到每个dom上而不是dom数组。这里new一个Tooltip方法,所有的操作多在这个Tooltip中,应用prototype,把方法细分到细分,尽量原子化方法,做一个面向对象的js方法。
大体的架构就是这个样子的了。我们需要做的就是加一个参数,然后再应用到这个参数。
首先我们先给它的默认参数里面加一个:
。。。。
然后在我们调取它的方法时候,也同样加进去这个属性:
。。。。
一起:
。。。。
这个方法在tooltip的init方法里会被调用 :
。。。。
它内部对内容和箭头有特定的命名:$tip 和 $arrow;找了半天,觉得在插入内容的时候,我们来改颜色最好,所以有了下面的代码:
。。。。
这样tooltip的扩展就做好啦。
之后我们就可以用他来做一个简单的表单验证啦。
效果见代码演示。
(代码太多请查看原文)
相关文章
- eBGP&iBGP 总结
- JS魔法堂:IE5~9的Drag&Drop API
- [Angular HTML] Overwrite input value, String.fromCharCode & input.selectionStart
- 【IOS-COCOS2D-X 游戏开发之十一】NEW CCSPRITE()带来的错误&使用CCUSERDEFAULT及PVR.CCZ在COCOS2DX中要注意!
- 【IOS-COCOS2D-X 游戏开发之十五】COCOS2DX中响应ANDROID的BACK(返回)与MENU(小房子)事件&&COCOS2DX自动释放粒子内存函数!
- Windows下OpencvSharp编译CUDA 一、基本知识入门&信心满满
- 华为OD机试 - 网上商城优惠活动(Java & JS & Python)
- 华为OD机试 - 组装新的数组(Java & JS & Python)
- VB.net:VB.net编程语言学习之操作符(变量/常量/数据类型/声明)&逻辑控制语句(条件判断/循环语句)的简介、案例应用之详细攻略
- 基于蒙特卡洛法的规模化电动汽车充电负荷预测(Python&Matlab实现)
- Java中将0x开头的十六进制字符串转换成十进制整数&Java中如何表示二进制,八进制,十六进制的数字
- 【大数据&AI人工智能】意识机器:ChatGPT 能否拥有自我意识?
- Spring Boot 项目打包问题集锦: jar依赖多出boot-inf 文件夹问题/多环境动态打包/缺少BOOT-INF目录问题等...
- HTML中<input>參数,以及文本输入框,文本域的解说
- u-boot TFTP: 'Access violation' (2)
- 采用UltraISO制作U菜Win7安装盘,显现"File not find /BOOT/CDMENU.EZB.ezb"错误
- "伪中国移动client"--伪基站诈骗
- 安全测试——Session与Cookie安全&异常操
- Nginx安装配置&反向代理
- C++ 类 & 对象
- Vitepress快速搭设博客&项目文档
- 【java】Spring Boot --spring boot项目整合xxl-job