前端爬坑之路

不是学前端的，稍微记录一下自己遇到的坑。

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引入顺序错了，正确顺序如下