前台开发总结03

1、原来Tomcat WEB-INF目录下的文件，浏览器一般无法直接方法，只能通过重定向后才可以访问，如果需要直接访问，可以放在和WEB-INF同级目录下。

2、在Web前台开发中，我们经常需要为页面元素加上边框，例如使用border:1px solid black;
但是，当你设置边框border-color属性值为透明时，border-color:transparent;边框会使用边框所在元素的背景颜色，并且以背景颜色平铺的样式在边框上呈现。若你将背景图片稍加设计，便会呈现出非常有意思的图像。
如下图所示：

3、在web前台开发中，我们可能会遇到这样的问题：需要将多个块级元素放到同一行中。
按照我以前的做法，我可能会将这几个块级元素进行浮动，然后分别设置这几个块级元素的左右边距，是他们保持适当距离。
但是，今天我看到另一种方法：可以讲这几个块级元素设为行内块级元素inline-block，然后设这几个行内块级元素的宽度，比如有三个，则可以设width:30%;还剩下的10%的宽度，分为两个5%（注意不要有边框）填充进三个块级元素的间隔中。

4、在前台开发中，有时候我们需要一些小图形，比如小圆圈、小方块什么的，这种东西完全不需要麻烦美工，可以自己使用前台代码制作。
比如小方块，其实就是一个小<div>，代码如下：

<div style="height:10px;width:10px;border:1px solid black;"></div>

小圆圈，代码如下：

<div style="height:10px;width:10px;border:1px solid black;border-radius:5px;"></div>

5、2017年3月1日学习感悟：
前台开发的发展方向，是由学会各种开发技能到提高系统性能转变的。此时，已经不是为了实现需求而使用某种架构，而是为了提高系统的性能而选择使用不同的架构。
当你学会各种主流开发框架时，只是刚刚迈入系统开发的殿堂而已，如何拾级而上，登顶为王，便需要学会何时何处使用何种框架了。

我想，这也是程序员到架构师的进价之路。

PS：现在看看，当时写的好中二，太羞耻了。本来想删掉的，但是想想，留着以后看看也蛮有意思的。

                                                                                                                                                -----2018年5月8日记

6、css和HTML对大小写不敏感，js和XHTML元素对大小写敏感。
注意：CSS中不要写 - 或者 _ ，因为IE6下 - 和 _ 均失效。

7、js中使用for in循环遍历对象属性值（key值）

  <fieldset>
    <legend>对象输出</legend>
    <input type="button" value="点击" class="but2">
    <hr>
    输出结果为：<span class="out2"></span>
    <script>
    $(function(){
      $(".but2").click(function(){
        var object={'name':'xyong','age':'24','tel':'none'};
        var out="";
        for(value in object){
          out+=object[value];
        }
        $(".out2").text(out);
      });
    });
    </script>
  </fieldset>

  8、键盘【Ctrl】+【f5】强制浏览器重新从服务器获取一次页面信息；若你只使用【f5】则浏览器显示的可能是浏览器缓存中的信息。