前端技术经验总结
未知
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

相关内容

XXX技术解析
本文详细解析了XXX技术的定义、特点、应用及发展趋势。该技术具有高...
2025-02-13 01:23:39
《哪吒2》中国影史第一个8...
《哪吒2》中国影史首个80亿大作,以卓越艺术与技术成就铸就辉煌,再...
2025-02-10 07:00:43
比亚迪第二代秦PLUS智驾...
比亚迪第二代秦PLUS智驾版明晚上市,以卓越的智能驾驶技术和外观设...
2025-02-10 04:46:50
网络木马攻击中的隐藏技术及...
本文详述了网络木马攻击中的伪装、加密、进程注入与隐藏等技术手段及其...
2025-02-10 04:23:42
剖析网络木马攻击的技术原理...
本文深入剖析了网络木马攻击的技术原理与攻击方式,包括其隐藏性、伪装...
2025-02-10 03:00:40
《哪吒2》打破好莱坞影片垄...
《哪吒2》国产动画电影打破好莱坞垄断,丰富剧情、精良制作技术与画面...
2025-02-10 00:00:41

热门资讯

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