注:此例子默认图片存放于阿里云CDN节点,本地及其他图片路径待测试。
常用JS转换HTML转义符
1、去掉html标签
function removeHtmlTab(tab) {
return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签
}
2、普通字符转换成转义符
function html2Escape(sHtml) {
return sHtml.replace(/[<>&"]/g,function(c){return {'<':'<','>':'>','&':'&','"':'"'}[c];});
}
CSS自定义checkbox开关(switch)样式
显示图如下(灯光 雨刷):
图片转Base64、转二进制流及Base64转File
CSS input type=”number” 出现上下箭头时解决方案
文本框 类型为number时,文本框右侧出现上下可增加减少箭头解决方法:
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
自定义很好用的键值对数组集合
自定义很好用的键值对数组集合,测试浏览器兼容良好。
bootstrap模态框弹出时页面抖动解决方法
在项目实际开发过程中,遇到bootstrap模态框弹出时,页面应有的滚动条被全屏模态框遮挡消失,引起滚动条消失而页面会横向拉伸。相当与页面横向拉伸了滚动条的宽度问题。
常用校验数字的正则表达式
开发过程中,常用来校验数字的一部分正则表达式,自己备份下:
数字:^[0-9]*$
n位的数字:^\d{n}$
至少n位的数字:^\d{n,}$
m-n位的数字:^\d{m,n}$
零和非零开头的数字:^(0|[1-9][0-9]*)$
非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$
带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$
正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$
有两位小数的正实数:^[0-9]+(.[0-9]{2})?$
有1~3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$
WMV视频文件在网页中播放解决方法
最近在公司产品开发中过程中遇到以下问题:
产品平台界面上需要显示当前设备上传的视频文件,而设备上传的视频文件格式是WMV,想想也是醉了,现在居然还有设备厂家在用WMV。
当把这个需求放在手中的时候,尝试了很多方法,包括使用object、embed、video网页原生标签都达不到效果,后续更是尝试了包括cuplayer、ckplayer、jplayer等等很多插件及视频播放器。
网页中显示的效果图如下: