前端技术经验总结
未知
2020-12-19 13:32:38
0
1,form表单验证(Validform) 
<input type="text" name="name" placeholder="请输入用户名/注册手机号码"  autocomplete="off"  datatype="*"  errormsg="请输入用户名" tipsrmsg="请输入用户名">
validform5.3.2版本

2,layui 手机电脑端两用  开源代码 https://gitee.com/Yuege909/lemocms/tree/master/

3,$("#listform").serialize();分隔用逗号
strs="a=1&b=2&c=3";
function dealStr(strs) {
  var strArr = strs.split("&")
  var str = ""
  for (const item of strArr) {
    str += item.split("=")[1] + ","
  }
  return str.slice(0, -1)
}
新知识: display:table-cell;display:flex;display:table;
1,手机页面点击a标签跳转到拔打电话页面  <a href="tel:{dede:global.cfg_sj/}" title="手机"></a>
      手机页面点击a标签跳转到发送短信页面  <a href="sms:{dede:global.cfg_sj/}" title="短信"></a>

2,个人使用场景:http://wpa.qq.com/msgrd?v=3&uin=995349001&site=qq&menu=yes
企业QQ在线咨询:http://b.qq.com/webc.htm?new=0&sid=800015546&o=www.cndns.com&q=7

3,hr这条线改变颜色、高度<hr style="background: #2A2F3C;  border: none; height: 1px; ">

4,div里面的图片和文字居中。

    <div style="height:100px;line-height:120px;">
       <img src="">天涯若比邻
     </div>

5,人民币符号  输入法是中文状态下,shift+4或者html中用&yen;  

6,ul里面的li浮动后居中显示,导航中使用。ul{display:flex;junstify-content:center;} 。设为Flex布局以后,子元素的floatclearvertical-align属性将失效。
7,背景图的两种方式:(1)div{background:url(ab.jpg) no-repeat;}。(2).contact-content{
    position: relative;
}
.contact-content > img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

8,border-bottom和box-shadow可以重叠。两条线重叠。



9,

当锚点遇到fixed定位

padding-top:100px;
margin-top:-100px;

10

相关内容

教育部新创《世界职业技术教...
教育部新创《世界职业技术教育》国际期刊,推动全球职业教育交流与合作...
2024-11-20 21:01:32
云服务器上Kubernet...
本指南详述了云服务器上Kubernetes集群的部署与运维步骤,包...
2024-11-20 16:23:44
云服务器上Kubernet...
摘要:本文详解了云服务器上Kubernetes集群的部署方案,包括...
2024-11-20 15:00:48
Webshell在网络攻击...
本文介绍了Webshell的原理与危害,以及其防御技术和应用场景。...
2024-11-20 01:46:36
tp5和layui表单提交...
form class=layui-form layui-form-...
2024-04-09 14:45:31
tp5 layui登录时失...
使用tp5和layui框架结合的登录页面,在首次登录时不出现验证码...
2024-02-26 09:59:58

热门资讯

JavaScript获取当前协... JavaScript获取当前协议,域名,路径
解决Phpcms V9手机门户... 第一步:开启手机网站。位置:模块 》手机门户 》 添加手机站点,如果模块里面没有手机门户,那么就在模...
layui tooltip提示... 在layui表单中,我们想把一个标签做出提示,以标明这个表单元素是做什么有什么功能时,就可以用上提...
layui中出错Unexpec... layui中出错Unexpected identifier
如何在html中禁止复制文字 问题描述: 如何禁止别人复制自己的文章? 解决办法: 在body标签中添加以下代码: onconte...
JS实现html打印功能,打印... !DOCTYPE htmlhtmlhead meta charset=utf-8 title打印功能...
bootstrap 图片文字居... 问题描述: 让图片和文字居中显示。 解决办法: !-- style--.navbars img{ m...
bootstrap图片排版布局 问题描述: 在使用bootstrap的时候,出现了这样的问题。 排版对不齐。 解决办法: 通过上图发...
手机端底部定位 问题描述: 需要实现的效果 解决办法: !-- 底部 -- div class=layui-row ...