下面列举一些常见的前端安全知识：
1. 跨站脚本攻击（XSS）：
• 原理：攻击者通过在网页中注入恶意脚本，当其他用户访问该网页时，恶意脚本会在用户浏览器中执行，从而窃取用户数据或进行其他恶意操作。
• 防范措施：
• 对用户输入进行消毒和转义，例如将特殊字符转换为 HTML 实体。
• 设置合适的 CSP（内容安全策略），限制页面能够加载的资源类型和来源。
示例代码（对用户输入进行转义）：
function escapeHtml(str) {
var div = document.createElement('div');
div.appendChild(document.createTextNode(str));
return div.innerHTML;
}
2. 跨站请求伪造（CSRF）：
• 原理：攻击者诱导用户在已登录的其他网站上执行恶意请求。
• 防范措施：
• 在关键请求中添加 CSRF 令牌，服务器验证令牌的有效性。
• 避免使用 GET 请求进行敏感操作。
3. SQL 注入：
• 原理：如果前端将用户输入直接拼接到后端的 SQL 查询中，攻击者可能构造恶意输入来篡改查询逻辑。
• 防范措施：前端不直接参与 SQL 操作，后端对输入进行严格验证和参数化查询。
4. 点击劫持：
• 原理：攻击者通过将恶意页面嵌套在合法页面之上，诱使用户在不知情的情况下点击恶意页面的元素。
• 防范措施：设置 X-Frame-Options 响应头来禁止页面被嵌入到其他框架中。
5. 信息泄露：
• 例如错误消息中包含过多的系统信息，或者通过 URL 参数传递敏感数据。
• 防范措施：避免在错误消息中暴露敏感信息，对敏感数据进行加密传输。
6. 密码安全：
• 前端不应明文存储密码，最好使用加盐哈希来处理密码。
7. 授权与认证：
• 确保用户的权限得到正确的管理和验证，防止未经授权的访问。
8. DNS 劫持：
• 攻击者篡改 DNS 解析结果，将用户引导到恶意网站。
• 防范措施：使用可靠的 DNS 服务，验证网站的 SSL 证书。
前端安全需要综合考虑多种因素，从输入验证、数据处理到与后端的交互等各个环节都要采取相应的安全措施。
