最近更新时间:2017年7月13日22:38:59
《我的博客地图》
在实际项目的开发过程中,经常会遇到很多庞杂的问题需要实时处理,加上项目时间节点的控制,处理问题的效率和最优方案的选取是程序员需要不断提升的技能。因此,每一位程序员都需要建立自己的学习记录文档或知识点汇总文档,方便自我能力提升的循序渐进。
前端开发遇到的问题:
HTML篇:
1、常见复选框的设计方案,HTML结构如下:
2、a元素下载资源与跳转
下载资源:learn">
页面跳转:>
手机端拨打电话:>
CSS篇:
1、input元素和textarea元素在移动端显示,出现上阴影:
input[type="text"] {
-webkit-appearance: none;
}
textarea{
-webkit-appearance: none;
}
2、元素背景透明文字(子元素)不透明
background: rgba(255,255,1,0.55);//前三位参数为16进制色值,末尾参数为透明度
JavaScript篇:
1、禁止手机页面垂直滚动:
$('body).css("overflow","hidden");
$(document).on('touchmove',function(e){ e.preventDefault(); });
body{ position: fixed;}//根据需求添加top,left...
body{ overflow: hidden;
/*height: 100%;*/
}
html,html{ overflow: hidden; height: 100%; }
4、判断复选框是否选中的jQuery代码如下:
if ( elem.checked ){}else{}
if ( $(elem).prop("checked") ){}else{}
if ( $(elem).is(":checked") ){}else{}
5、选取第一个子元素的两种方案:
$('#table-report-htmltext-div > div').first().css('display','none');
$('#table-report-htmltext-div').children('div:first-child').css('display','none');
6、选取第一个子元素的两种方案:
$('#table-report-htmltext-div > div').first().css('display','none');
$('#table-report-htmltext-div').children('div:first-child').css('display','none');
持续更新中...