随着前端技术的发展，安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据，制造恶意的可以自我复制的蠕虫代码，让病毒在用户间传播，使服务器当掉。更有甚者可能会在用户不知觉得情况下，让用户成为攻击者，这绝对不是骇人听闻。富客户端的应用越来越广，前端的安全问题也随之增多，今天就简单介绍下一些常见的攻击方式和预防攻击办法。
　　常见攻击
　　XSS，跨站脚本攻击（CrossSiteScript）。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入的恶意html代码会被执行，从而达到恶意用户的特殊目的。XSS属于被动式的攻击，因为其被动且不好利用，所以许多人常呼略其危害性。但是随着前端技术的不断进步富客户端的应用越来越多，这方面的问题越来越受关注。举个简单例子：假如你现在是sns站点上一个用户，发布信息的功能存在漏洞可以执行js你在此刻输入一个恶意脚本
　　CSRF（CrossSiteRequestForgery），跨站点伪造请求。顾名思义就是通过伪造连接请求在用户不知情的情况下，让用户以自己的身份来完成攻击者需要达到的一些目的。csrf的攻击不同于xsscsrf需要被攻击者的主动行为触发。这样听来似乎是有“被钓鱼”的嫌疑哈哈。
　　多窗口浏览器这这方面似乎是有助纣为虐的嫌疑，因为打开的新窗口是具有当前所有会话的，如果是单浏览器窗口类似ie6就不会存在这样的问题，因为每个窗口都是一个独立的进程。举个简单例子：你正在玩白社会，看到有人发了一个连接，你点击过去，然后这个连接里面伪造了一个送礼物的表单，这仅仅是一个简单的例子，问题可见一般。
　　cookie劫持，通过获取页面的权限，在页面中写一个简单的到恶意站点的请求，并携带用户的cookie获取cookie后通过cookie就可以直以被盗用户的身份登录站点。这就是cookie劫持。举个简单例子：某人写了一篇很有意思的日志，然后分享给大家，很多人都点击查看并且分享了该日志，一切似乎都很正常，然而写日志的人却另有用心，在日志中偷偷隐藏了一个对站外的请求，那么所有看过这片日志的人都会在不知情的情况下把自己的cookie发送给了某人，那么他可以通过任意一个人的cookie来登录这个人的账户。
　　我们该怎么做？
　　大致可以分为两类1一般用户2网站开发人员。

变化盲点用格式塔理论解释今天看到一个哈佛做的实验，变化盲点实验（ChangeBlindness），有关UX，觉得很有趣。实验设计1。实验设置首先，一群可怜的志愿者被通知去参加一个实验……网上的超市们注：本文纯属贴图好玩，无技术含量。刚去一号店买东西，顺手搜索了几家国外的类似商店，截了些图，justforfun。一号店：我已经贡献了N百块销售额给他们了，不……闲言碎语：学会骑别人的马设计师成长之道好嘛，自从我说了其实并没有谁比谁更牛以后，大家认为交流沟通是一个很白菜的事情了，这两天加我QQ和发邮件的朋友明显热情高涨，群情有所失控。而当我和两个业界大牛闲扯以后，也终于发现……“按钮”的状态和交互混淆按钮有两个属性：1、说明。当前的属性状态文本，可预见的点击处理后果。2、动作。处理点击用户交互。思维模型：比如：我们常见的“提交注册”、“点击删除”、“……Checkout产品设计：一步走还是四步走从文字标题上来看，作者原本的意图是介绍一个通过AB测试来提高产品性能的案例（温哥华冬奥会官方特许商品购买网站），但大家实际留下的评论以及关注重点都被集中在这个具体的Checko……一个网站的气质经常听到一句话，形容某些人是气质美女或气质型男。同样是人，为什么又有些人会被形容为很猥亵，很对不起地球？那又为什么有些人虽然长的不咋地但你很愿意和他再交往？又为什么有些人你再也……马云对支付宝的用户体验评价：“烂，太烂，烂到极点”我的梦2001年底，我彻底爱上了“互联网”，发现只有这里才是一个自由的、理想的、平等的世界。我告诉自己，这辈子就她了。2003年2月15日，我决定离开郑州只身前往北……交互设计实用指南系列（7）避免迷路任何位置都能明确“我在哪里？这里有什么？从这里能去哪里？”小时候，童话故事都告诉我们，迷路可不是一件好事。那会伴随着困惑、沮丧、愤怒和恐惧。为了避免迷失方向，我们发明了各……浅谈前端安全随着前端技术的发展，安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据，制造恶意的可以自我复制的蠕虫代码，让病毒在用户间传播，使服务器当掉。更有甚者可能会在用户不知……数据表格的设计组织数据和信息是一个不可疏忽的能力。组织内容和文字的方式（一般以copy的形式）会在用户怎样接收内容上有直接的影响。网页设计需要找到一个方法组织内容以使其便于读者扫描和接收。其……用户习惯那点事最开始接触SNS的时候，我以为“首页”就是我的“个人首页”，于是我把我的“首页”地址链接发给好友，告诉他们来围观我的SNS个人主页。可是，后来发现这个“首页”点过去他……闲言碎语：非专业不复杂我之前写过一个关于设计师话语权的问题，应该是有很多小白没看懂，或者报着看了也做不了什么的祥林嫂心态，有激动着声称：“要获得话语权的第一步就是要表现得专业”这个逻辑基本上没什么错……