
前端
秀强
物有本末,事有终始。
展开
-
论 opacity 和 rgba 的区别
文章目录opacityrgbaopacityopacity,会把所有的东西都变透明rgbargba 加在哪里,哪里才有透明举个例子:背景颜色是:background: rgba(0,0,0,0.8);背景颜色是:background: black;opacity: 0.8;黑色背景上的 input 都变透明了...原创 2020-04-21 15:37:18 · 442 阅读 · 0 评论 -
Flex布局
文章目录基本概念flex container 的属性flex item 的属性完美居中flex布局练习小游戏参考资料基本概念flex container:弹性容器flex item:弹性元素main/cross axis:主/侧 轴main/cross start:主/侧 轴起点main/cross end:主/侧 轴终点main/cross size:一个弹性元素在 主轴/侧轴 ...原创 2020-02-28 18:00:38 · 185 阅读 · 0 评论 -
jquery给动态添加的元素绑定事件
$("body").on("change", "input[name='img_input']",upload); function upload(e){ alert(1) }原创 2020-03-05 16:07:17 · 283 阅读 · 0 评论 -
jquery 判断单选/多选 选中的值
var checked = $('input:radio[name="xxx"]:checked').val(); if(checked == null){ //没有选中 }else{ return val; }原创 2020-03-18 16:03:05 · 467 阅读 · 0 评论 -
jquery设置input的值
经常忘记,特意写一篇博客记录一下val()原创 2020-03-06 15:49:11 · 2071 阅读 · 0 评论 -
html input number max min
<input type="number" min="1" max="1000"> $('input[type="number"]').on('keyup keypress blur change', function() { if (parseInt(this.value) > 1000) { this.value = 1000...原创 2020-04-20 14:53:33 · 1315 阅读 · 0 评论 -
jstl fmt 将日期格式化插入 input data-local
<input value='<fmt:formatDate pattern="yyyy-MM-dd'T'hh:mm:ss" value="${obj.date}" />'原创 2020-04-16 09:24:36 · 411 阅读 · 0 评论 -
一行代码实现按钮绝对定位并居中
文章目录前情Code前情开发中经常会碰到需要将按钮绝对定位到屏幕最下方,并且居中的需求。样式如图:Codeposition: fixed;transform:translateX(-50%);原创 2020-04-14 15:23:23 · 1035 阅读 · 0 评论 -
html2canvas实践 生成图片并下载到本地
文章目录 function downloadQrCode(){ html2canvas(document.querySelector("#canvasBoard")).then(function(canvas) { var img = document.createElement('a'); img.href = canvas...原创 2020-04-13 16:20:17 · 1312 阅读 · 0 评论 -
一行CSS代码实现网页变灰
文章目录背景CSS参考资料最后背景2020年4月4日 星期六 全国哀悼于此同时,很多网站的首页都变成了灰色,例如常见的百度:淘宝:京东:CSS如果不考虑兼容性等问题,只要一行 CSS 代码即可实现网页变灰:filter: grayscale(1);打开 MDN 查看 grayscale() 的用法:参考资料MDN grayscale()最后...原创 2020-04-04 17:43:05 · 977 阅读 · 0 评论 -
Flex布局入门 完美居中 练习小游戏
文章目录基本概念flex container 的属性flex item 的属性完美居中flex布局练习小游戏参考资料基本概念flex container:弹性容器flex item:弹性元素main/cross axis:主/侧 轴main/cross start:主/侧 轴起点main/cross end:主/侧 轴终点main/cross size:一个弹性元素在 主轴/侧轴 ...原创 2020-03-29 17:38:26 · 517 阅读 · 0 评论 -
Bootstrap3动态添加的元素tooltip不生效
文章目录现象抄代码看这里现象使用tooltip的时候,发现动态添加的元素,鼠标移上去不会出现tooltip。然后官方文档找到GitHub上一个issue解决了抄代码看这里 // 动态添加的元素 不生效 // $("[data-toggle='tooltip']").tooltip(); // 动态添加的元素 生效 $('body')...原创 2020-03-25 11:43:42 · 1886 阅读 · 1 评论 -
js 替换空格和换行
文章目录替换换行替换空格指定字符串转空格指定字符串转换行替换换行textarea.replace(/[\r\n]/g,"_rn_");替换空格textarea.replace(new RegExp(" ", "gm")," ");指定字符串转空格intro.replace(new RegExp(" ", "gm"), " ");指定字符串转换...原创 2020-03-17 16:18:52 · 1409 阅读 · 0 评论 -
js 统计输入的字数 不包括输入法中的字母
文章目录HTMLJavaScriptHTML<input maxlength="15" type="text" onkeydown="onkeydown_(event);" onkeyup="onkeyup_(event,thisObj);">JavaScript //用来判断现在是输入汉字还是字母 var isChinese = false; f...原创 2020-03-11 13:18:11 · 393 阅读 · 0 评论 -
JavaScript rgb转成Hex
文章目录Codejquery使用$(e).css(‘background-color’)取到的颜色是rgb格式的,使用下面方法可转换成Hex格式。即:#xxxxxxCode function rgbTohex(rgb) { rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x...原创 2020-03-06 16:59:23 · 554 阅读 · 0 评论 -
Echarts 仪表盘 背景
效果代码option = { backgroundColor: ['#fff'], grid: { top: 10, }, series: [{ type: 'gauge', startAngle: 180, endAngle: 0, radius:...原创 2019-09-11 13:43:46 · 2127 阅读 · 0 评论 -
IE8 兼容 rgba
background: rgba(0,0,0,.8); /*支持rgba的浏览器*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); /*IE8支持*/原创 2019-09-12 16:09:49 · 336 阅读 · 0 评论 -
ajax 更新 Echarts
小哥哥、小姐姐,如果这篇博客对你解决问题提供了一点帮助,欢迎点赞或扫描分类专栏下的支付宝的二维码来请我喝阔落,一分一角也是爱,十分感谢文章目录ajaxEcharts个人主页ajax干货警告!在ajax回调函数里设置更新的那部分配置即可``$.ajax({ url: "http://www.example.com", type: "POST", success: f...原创 2019-09-20 21:26:12 · 347 阅读 · 0 评论 -
jquery 获取 父页面 元素
小哥哥、小姐姐,如果这篇博客对你解决问题提供了一点帮助,欢迎点赞或扫描分类专栏下的支付宝的二维码来请我喝阔落,一分一角也是爱,十分感谢,难为情.jpg文章目录iframe中使用jquery获取父页面元素个人主页iframe中使用jquery获取父页面元素iframe中使用 jquery 修改父页面中 id=‘title’ 的 span 的内容$(window.parent.document...原创 2019-09-23 16:30:15 · 2306 阅读 · 0 评论 -
正则 匹配 小括号
小哥哥、小姐姐,如果这篇博客对你解决问题提供了一点帮助,欢迎点赞或扫描分类专栏下的支付宝的二维码来请我喝阔落,一分一角也是爱,十分感谢,难为情.jpg文章目录正则表达式匹配小括号个人主页正则表达式匹配小括号错误用法:'1(aaa1'.replace(/1(aaa/g, 'b')正确用法:使用中括号[]将其包裹起来'1(aaa1'.replace(/1[(]aaa/g, 'b')...原创 2019-09-23 16:44:25 · 4665 阅读 · 1 评论