web前端安全编码规范整合

在web的开发的开发过程中，前端总是在处理后端打的各种变量，变量可以包含着中的各种各样的字符，如果不对这些字符进行”特殊“处理的话，轻者导致页面不正常的显示，潜入了其他的东西，亦即页面挂了，或者弹出不应该弹出的东西，这些都是我们不期望看到的，重者可能导致密码泄露，网站的访问量突然猛增，服务器挂掉。那么怎么做好web前端安全编码规范整合。

网络安全小知识：

1）直接显示在页面上，eg：<div>{%username%}</div>,<input type="text" value="{%username%}"/>

2）在script标签中，eg：<script>var test = '{%username%}';var test="{%username%}"</script>

3）在页面事件中，eg:<div onclick="alert('{%username%}')">334455</div>

4）在innerHTML的语境中，eg:<div id="test"></div> <script>var test="{%username%}";document.getElementById('test').innerHTML =test; </script>

5）在页面链接的url中：eg：<a href="{%username%}"></a>

6）提交url参数处理