知识点整理
Heaven-lan
这个作者很懒,什么都没留下…
展开
-
flex弹性布局学习总结
一、简介: flex( flexible box:弹性布局盒模型),是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持: 其中在webkit内核的浏览器中使用时,必须加上-webkit-前缀。 flex的相关概念的示意图 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主...原创 2019-01-16 14:08:45 · 258 阅读 · 0 评论 -
封装函数(1)
//封装 $.fn.fixedBar = function(){ var that = $(this); $(window).scroll(function() { if ($(window).scrollTop() > 100) { that.stop(true,true).fadeIn(); ...原创 2019-01-23 17:26:45 · 98 阅读 · 0 评论 -
解决ios下不兼容keyup,keydown等事件
ios系统下搜索框内输入数字可以实现模糊查询,输入中文无法实现。 ios下不兼容keyup,keydown等事件: 使用原生js解决不兼容: document.getElementById(‘testautofocus’).addEventListener(‘input’, function(e){ }); 或者 $().on(‘input’,‘input’,function(){…}) ...原创 2019-02-21 17:04:01 · 513 阅读 · 0 评论 -
检测正确的电话号码
function isPhone(str) { var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; if (!myreg.test(str)) { return false; } else { return true; } }原创 2019-04-02 15:53:44 · 435 阅读 · 0 评论 -
写页面的小技巧
一、html 二、css部分 1、如果使用了浮动(flow),需要加display: inline,不然在低版本浏览器会多出1像素问题; 2、使用伪元素:befre或者:after,content有值,如果为中文,请使用转码; 转码地址:http://tool.chinaz.com/tools/unicode.aspx ...原创 2019-08-07 10:43:48 · 127 阅读 · 0 评论