前台开发总结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日学习感悟：

前台开发的发展方向，是由学会各种开发技能到提供系统性能转变的。此时，已经不是为了实现需求而使用某种架构，而是为了提高系统的

性能而选择使用不同的架构。

当你学会各种主流开发框架时，只是刚刚迈入系统开发的殿堂而已，如何拾级而上，登顶为王，便需要学会何时何处使用何种框架了。

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

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

7、js中使用forin循环输出对象属性值

<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】则浏览器显示的可能是浏览器缓存中的信息。