不是学前端的,稍微记录一下自己遇到的坑。
1.遇到前端界面用bootstrap框架给button设置了点击弹出模态框,但每次点击button后都无法弹出模态框,看了一下模态框跟菜鸟教程的demo写法一致,一直找不到原因,后来找学前端的同学帮忙看了才解决。
原因:button不加type=button会刷新界面,在设置模态框的时候,不加的话就看不到模态框了。
2.select标签由于用的少,在把input标签改为select标签时结束标记没有改为</selcet>,仍用的/>,导致界面布局部分没显示。
由此引申:
1)不允许写结束标记的
br、hr、img、input、link、meta、base、param、area、col、 command、 embed、keygen、source、 track、 wbr
2)可以省略结束标记的
li、 dt、 dd、 p、 option、 thead、 tbody、 tr、 td、 th、 rt、 rp、 optgroup、 colgroup、 tfoot
3)可以省略全部标记的
html、head、body、colgroup、tbody
3.最高级别css !important,要慎用,权重很大,曾因为懒得找网上下的框架的css的具体位置用过一次。
4.前端JS使用foreach写法的for循环在ie内核时无法生效,需改为正常for循环。
5.接上一条,ie内核不支持HTTP请求头中有中文,用GET方式时,需用encodeURI()方法转化URL,修改tomcat的server.xml文件,在里面增加maxHttpHeaderSize字段无效。
6.引入bootstrap的datetimepicker控件时,浏览器控制台一直报错 Uncaught TypeError: $(...).datetimepicker is not a function。原因是js引入顺序错了,正确顺序如下