7.13前端小技巧

1、div 和 p 元素都是块状元素，当div内部只有一个p元素时，直接对p元素或div进行css设计，不需同时使用。

2、class命名不要出现数字，起的类名，id名尽量使其有意义，看到名字就知道时哪一部分。

3、对input等可进行css样式设计。eg：input【name=f_username】{}。

4、absolute定位是相对css设计中上一个出现的relative出现的，使用absolute时要先搞清楚父元素是什么。默认是浏览器显示框，

5、在屏幕中定位一个块状元素div以适应不同大小的屏幕时，有两种方法：

方法一：左右方向采用相对定位，使用margin：0 auto；上下采用绝对定位，top：50%    margin-top：-50%width（计算具体数值）

方法二：上下左右都采用绝对定位。

6、 document.forms[0].action

forms[0] 是你网页中的第一个表单，form的action属性是发送请求去的文件，就是处理你表单请求的动态网页。
例如：document.form[0].action="1.asp" 就是你的表单提交时，处理你请求的网页时1.asp

7、input 的属性autocomplete 默认为on，其含义代表是否让浏览器自动记录之前输入的值。很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到，可以在input中加入autocomplete="off" 来关闭记录，系统需要保密的情况下可以使用此参数。

8、onsubmit=”reutrn false”  就是为了防止表单只有一个input时自动提交。

9、tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）

10、用<!---->注释jsp代码只能在客户端进行注释，其在加载的时候，仍然会经过服务器端进行加载解析，当加载解析不到的时候，就会在浏览器控制台进行报错，且注释掉的代码，在浏览器控制台可以看见。而用<%----%>进行注释的时候，会在服务端也进行注释，在解析的时候会解析不到，而注释掉的代码，在浏览器控制台也是不可见的。

 11、input设置默认显示文字的两种方式：

• placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。
• value属性。在输入框加载的时候输入框中的值。提交时可直接获取。

12、当背景图片铺满整个页面时，
       1、用background-img  eg：background-image:url(../img/bg.jpg);

        2、src="<%= request.getContextPath()%>/jsp/bsp/md5.js
页面中插入一个图片
<script src="<l:asset path='html5shiv.js'/>"></script>

13、z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

 

14、

MD5.js是通过前台js加密的方式对密码等私密信息进行加密的工具.
本MD5.js 共有6中加密方法:hex_md5(s), b64_md5(s) ,str_md5(s) ,hex_hmac_md5(key, data), b64_hmac_md5(key, data) ,str_hmac_md5(key, data).根据需求选择.

js加密的好处:
1,用js对私密信息加密可避免在网络中传输明文信息,被人截取数据包而造成数据泄露。

2,避免缓存中自动缓存密码.比如在使用谷歌浏览器登陆时,输入的用户名和密码会自动缓存,下次登陆时无需输入密码就可以实现登陆,这样就给别人留下漏洞,当别人用你电脑登陆或把input的type改为test 那么你的密码就泄露了.使用js加密时,缓存的加密后的密文,用密文做密码登陆是不成功的,即使泄露也是泄露的密文,对密码不会造成威胁.缺点是每次登陆时都要手动输入密码,较麻烦.

3,使用js加密,减少了服务器加密时的资源消耗,从理论上提高了服务器的性能.
为了安全,很有必要再做服务器端的加密.无论从理论还是实际,两道门比一道门要安全些.至少给攻击者造成了一个障碍,

 

15、border-radius 输入框半角元素，单位px

16、类名：hover {}修改鼠标划过时的效果。