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

相关内容

掌握 PHP sg15:核...
本文介绍了PHP sg15的核心技术,包括面向对象编程、命名空间、...
2026-02-12 01:23:35
PHP sg15 实战教程...
PHP SG15实战教程:从基础到高级,学习PHP语言安全协议与技...
2026-02-11 01:23:35
使用PHP处理YAML数据...
本文介绍了使用PHP处理YAML数据的技巧和策略,包括解析、操作Y...
2026-02-01 01:23:40
PHP APC与Memca...
本文对PHP的三种缓存技术——APC、Memcached和Redi...
2026-01-20 01:23:42
PHP APC的使用技巧与...
本文介绍了PHP APC的使用技巧与最佳实践,包括安装、缓存类型选...
2026-01-19 01:23:42
利用APC缓存优化PHP应...
本文介绍了APC缓存的概念、原理及在PHP应用中的优化策略。通过开...
2026-01-13 01:23:46

热门资讯

downloadable fo... downloadable font: Glyph bbox was incorrect怎么处理
腾讯邮箱qq邮箱使用SMTP开... 第一步:登录 https://mail.qq.com/ 登录后点击设置---账号 第二步:点击【开启...
layui tooltip提示... 在layui表单中,我们想把一个标签做出提示,以标明这个表单元素是做什么有什么功能时,就可以用上提...
layui中出错Unexpec... layui中出错Unexpected identifier
解决Phpcms V9手机门户... 第一步:开启手机网站。位置:模块 》手机门户 》 添加手机站点,如果模块里面没有手机门户,那么就在模...
JavaScript获取当前协... JavaScript获取当前协议,域名,路径
JS实现html打印功能,打印... !DOCTYPE htmlhtmlhead meta charset=utf-8 title打印功能...
bootstrap 图片文字居... 问题描述: 让图片和文字居中显示。 解决办法: !-- style--.navbars img{ m...
bootstrap图片排版布局 问题描述: 在使用bootstrap的时候,出现了这样的问题。 排版对不齐。 解决办法: 通过上图发...