php怎么把元素对象转换字符串处理_百度知道
php怎么把元素对象转换字符串处理
span&gt： &span class=&abc&&&/jquery JAJX提交给php后，php是当做是元素处理，php要怎么把他转换成字符串处理我再文本框输入代码字符如
我有更好的答案
abc&&&/span&gt你的意思是把它直接输出在页面上是看不见&span class=&/span&&);echo&$str，例如：$str&=&&&&htmlspecialchars(&&span&class=&abc&&&//&&这样在页面上显示的就是&&&span&class=&abc&这个的吧，因为浏览器直接把它给解析成html元素了，想直接这样显示的话要转义处理一下在输出
采纳率：74%
来自团队：
没太理解你想要的，大概htmlentities这个方法可以htmlentities($html)html的标签转成字符串html_entity_decode($a)字符串转成html标签
本回答被网友采纳
为您推荐：
其他类似问题
php的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。- Copyright & 2017 www.xue63.com All Rights Reserved在web2.0的概念中，标签是个时常出现的东东，可是在设计时中文不象英文那样在表现标签云时表现的那么好，主要是中文词组的成为标签后，有时会出现长标签在标签云中被断行的问题。
今天发现有人在问这个问题，以前遇到过，没有解决，这次乱试竞然被我试出来了，主要是用 display:inline- 这个属性～，具体代码如下：
&style type=&text/css&&&!--body{font-size:12 color:#}div{width:110 background:#000;}span{padding:10di...
《这将是一场革命》一文出来以后。得到业界大伙的认同，当然与此同时也得到部分来自内部与外部的挑衅，不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了，半夜在一个梦中醒来，梦里正在和小学的同学玩一个游戏&&&The Next&。醒来以后觉得自己需要做点什么，于是终于将TMENU修改了（拖了很久了）；然后觉得近期需要对之前提到的五点详细的出一部分实在的案例写得详细点，于是开始写本文。
梦里回到小学，是有道理的。一是那个&The Next&的游戏提醒我，另外一个则是我和飘飘经常和别人说的，要学好HTML先回去看看小学...
阿里云大学为您免费提供
相关信息，包括
的信息 ，所有
相关内容均不代表阿里云的意见！投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员5个工作日内回复。StringBuffer和StringBuilder的区别跟JVM又没关系…为啥这个问题打着JVM的标签？&br&&br&国内国外软件开发都有高端有低端职位。面试问这种问题的职位也高端不到哪里去吧，或者只是用来过滤掉什么都不知道的人用的热身问题。&br&题主嫌人家low的话就别去就是了呗，高端职位也大把的是嘛。&br&&br&既然是面试的话题，顺带放俩传送门吧，&br&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&Java instanceof 关键字是如何实现的？ - RednaxelaFX 的回答&/a&&br&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&怎么在面试时回答Java垃圾回收机制（GC）相关问题？ - RednaxelaFX 的回答&/a&
StringBuffer和StringBuilder的区别跟JVM又没关系…为啥这个问题打着JVM的标签？ 国内国外软件开发都有高端有低端职位。面试问这种问题的职位也高端不到哪里去吧，或者只是用来过滤掉什么都不知道的人用的热身问题。 题主嫌人家low的话就别去就是了呗，高端…
StringBuffer，StringBuilder 问题档次并不低，如果仔细思考的话，这是一个历史悠久，并且至今仍在困扰很多程序员的问题。&br&&br&这是个字符串内存管理策略问题。&br&&br&几十年前 在C和Pascal的时代，就有字符串存储形式 是 \0 结尾还是 长度+内容的争论，这个问题严重影响了API的设计，内存的管理，甚至程序架构。&br&&br&字符串是一种非常常用的 生命周期通常很短的对象，而且它的size是不固定的，长度为 1 或 1GB都有可能，导致内存管理非常麻烦复杂。&br&&br&用长度+内容表示，每个串都要额外付出4个字节，用\0结尾吧，算长度就很麻烦，万一结尾忘了\0就要崩溃，选哪个好&br&字符串的长度放哪里，放到起始指针的位置，还是起始指针的前面&br&如果放前面，那么字符串起始指针和内存块起始不一致怎么解决&br&字符串拼接的时候把源串复制到目标串结尾，那么目标串剩余内存不够怎么办，重新分配要多一次赋值，频繁拼接性能有问题怎么办&br&函数返回值如果是字符串，那么这个串是调用者分配内存还是被调用者分配，谁来负责释放。&br&如果调用者分配，那么调用者怎么知道字符串将有多长。&br&频繁分配释放大小各异的字符串，会不会导致内存碎片化&br&对于小字符串是分配在堆上还是栈上&br&怎么把常量串和变量串分别处理&br&如果设计面向对象的字符串，字符串加法怎么定义，是在原来对象上加，还是生成一个新对象&br&如果每加一次都生成新对象会不会导致构造析构太频繁&br&如果是托管语言会不会太频繁GC&br&要不要设计单独的辅助类来解决字符串拼接问题&br&那这个辅助类怎么设计，要不要考虑线程安全&br&如果考虑线程安全的话，怎么兼顾性能&br&&br&你把这些问题都思考透彻了，再遇到问此类问题的面试官，就给他上上课，保证他懵逼。
StringBuffer，StringBuilder 问题档次并不低，如果仔细思考的话，这是一个历史悠久，并且至今仍在困扰很多程序员的问题。 这是个字符串内存管理策略问题。 几十年前 在C和Pascal的时代，就有字符串存储形式 是 \0 结尾还是 长度+内容的争论，这个问题严重…
其实都写在我的博客里，许多都是业余时间（我本职工作原本不是游戏行业，大家可以看我的博客里写的）一点点想法然后慢慢做的，很多东东当初都写的很稚嫩，但确实记录的是真实的自己~ 欢迎大家指点&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&博客地址-码农成长日记&/a&&br&&br&&p&节选几篇链接，见证我的成长和思考：&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5265255& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&数值测试，张无忌VS段誉&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5265260& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小翻译一篇介绍SDL的文章&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5271287& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& 一次失败的总结，HGE引擎该如何用？&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5307367& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&对HGE游戏引擎的一次封装&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5307438& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一个简单的游戏引擎核心状态机的C++实现&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5343605& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SDL小尝试，是男人就坚持20秒&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5474771& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&silverlight & C#实验成果，GDE-silverlight准备开始启动&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/5707771& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& silverlight超小游戏开发包SmallGameLib（三）—— Mouse终极大特训&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/7344323& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&金庸群侠传资源压缩数据结构研究&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/8026959& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&最近用业余时间在做的一个小游戏&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/9171249& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&独立制作小游戏发布 《金庸群侠传X》&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&原创游戏 - 金庸群侠传X0.4发布&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& 原创游戏，金庸群侠传X 0.5发布&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& 一次http服务器优化的经验和教训（silverlight游戏 - 金庸群侠传X0.5上线记）&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&silverlight开发游戏中的大坑&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& 关于对FLASH开发，starling、starling feathers、starling MVC框架的理解&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一个基于社交群的破冰游戏设计&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&谨以此纪念即将诞生的《江湖X》&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&《江湖X》开发笔谈 - 谈谈配置表的那些事&/a&（）&br&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//blog.csdn.net/rcfalcon/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从0开始搭建一个战棋游戏的AI(初级教程）&/a&（）&/p&
其实都写在我的博客里，许多都是业余时间（我本职工作原本不是游戏行业，大家可以看我的博客里写的）一点点想法然后慢慢做的，很多东东当初都写的很稚嫩，但确实记录的是真实的自己~ 欢迎大家指点 节选几篇链接，见证我的成长和思考：
作者：贾大方&p&&b&谁控制了过去，就控制了未来；谁控制了现在，就控制了过去。&/b&&br&&/p&&p&－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－&/p&&p&今天发现了一款&strong&人设非常炸裂&/strong&的游戏，名字叫做《&strong&叛逆女孩大战杨永信&/strong&》！&/p&&p&（唔，并不是。人家的官方名字叫《&strong&篱笆庄秘闻&/strong&》来着~）&/p&&p&在游戏里，你会不断地被&strong&网戒中心的杨教授&/strong&找茬，然后拉你去电击。而且，每次接受电击都会影响你的精神状况。&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-0f31c028f73db2fede45ba_b.jpg& data-rawwidth=&750& data-rawheight=&469& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/v2-0f31c028f73db2fede45ba_r.jpg&&&/figure&&i&杨教授&/i&&/p&&p&你需要找到&strong&逃跑线索&/strong&，同时收集这个杨教授的&strong&罪恶证据&/strong&，然后揭发他。根据你的一步步选择，游戏有多个不同的结局，我就不剧透了，嘿嘿。&/p&&p&来说一下&strong&玩家的人设&/strong&吧&/p&&p&&figure&&img src=&https://pic1.zhimg.com/v2-16bf074d218c17811bfd1_b.jpg& data-rawwidth=&750& data-rawheight=&469& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-16bf074d218c17811bfd1_r.jpg&&&/figure&&i&唔，从打扮来看就是个很酷的小姐姐，戴着十字架耳坠，脖子上系着choker项圈，还化着浓浓的眼妆。&/i&&br&&/p&&p&游戏里，你是个&strong&单亲的叛逆女孩&/strong&，家里很有钱，但妈妈总是没空管你。&/p&&p&&strong&虽然你逃课、喝酒、烫头、纹身、打耳洞，还在网吧通宵打游戏，但你知道你是个好女孩&/strong&！&/p&&p&这一切都只是因为想得到妈妈的疼爱！&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-0e55a9edfcec_b.jpg& data-rawwidth=&750& data-rawheight=&818& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/v2-0e55a9edfcec_r.jpg&&&/figure&&i&游戏的背景音乐好让人入戏，我差点都信这个女孩就是我了&/i&&br&&/p&&p&终于，母上大人注意到了这些改变。&br&&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-e396a18c_b.jpg& data-rawwidth=&750& data-rawheight=&1011& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/v2-e396a18c_r.jpg&&&/figure&&i&游戏里的你妈，没有眼睛！瑟瑟发抖&/i&&br&&/p&&p&然后？然后你们就开始&strong&吵架&/strong&。&/p&&p&再然后？再然后你妈就说带你去&strong&旅游&/strong&散散心。&/p&&p&开心吗？&strong&假的！&/strong&&/p&&p&其实，你是被你妈骗到一个叫&strong&篱笆庄&/strong&的小村子，还被架进了&strong&网戒中心&/strong&的治疗室。&/p&&p&&strong&故事，就从这里开始了……&/strong&&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-7ed54d24af4c7e0e75a3_b.jpg& data-rawwidth=&750& data-rawheight=&458& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/v2-7ed54d24af4c7e0e75a3_r.jpg&&&/figure&&i&戴上了电击设备的小姐姐&/i&&br&&/p&&p&在这个治疗室里，你终于见到了&strong&了不起的杨教授&/strong&。&br&&/p&&p&&figure&&img src=&https://pic1.zhimg.com/v2-78991eeaaf4d212ccf236cb_b.jpg& data-rawwidth=&750& data-rawheight=&469& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-78991eeaaf4d212ccf236cb_r.jpg&&&/figure&&i&不要放弃治疗！！！&/i&&br&&/p&&p&在一番&strong&相互辱骂&/strong&和&strong&被吐口水&/strong&之余，你终于了解了自己现在的处境，以及&strong&这个游戏该怎么玩&/strong&。（好像哪里不对）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-63b164cb1ec4f611b477ce9_b.jpg& data-rawwidth=&750& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-63b164cb1ec4f611b477ce9_r.jpg&&&/figure&&p&上图画面左边那个像心电图的玩意儿，显示&strong&精神值&/strong&。每次被电击都会消耗它，&strong&当精神值变成0的时候，你就崩溃了，游戏结束。&/strong&&/p&&p&游戏里，还有很多&strong&对现实世界的细节再现！&/strong&&/p&&p&比如你会在游戏里发现，网戒中心经常有些记者过来，采访被家长们看做是&strong&“救世主”&/strong&的杨教授。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c317c1bdb0b7bbd0186f9_b.jpg& data-rawwidth=&750& data-rawheight=&448& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-c317c1bdb0b7bbd0186f9_r.jpg&&&/figure&&p&以及，如果你问杨教授，自己已经知道错了，以后再也不会打架或者偷跑上网，&strong&为啥还要接受治疗？&/strong&&/p&&p&杨教授就会微微一笑：“&strong&你有这种疑问，说明你还是没好。&/strong&”&/p&&p&&figure&&img src=&https://pic1.zhimg.com/v2-cd1dbc97fe1de9d566944_b.jpg& data-rawwidth=&446& data-rawheight=&426& class=&origin_image zh-lightbox-thumb& width=&446& data-original=&https://pic1.zhimg.com/v2-cd1dbc97fe1de9d566944_r.jpg&&&/figure&&i&（简直无法反驳）&/i&&br&&/p&&p&而证明自己改过自新的方法，就是&strong&把自己的其他朋友骗过来？？？&/strong&&/p&&p&在游戏里你还有自己的&strong&室友&/strong&，实话讲穿得有点像囚服……&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-8be2b034d323b3c5c0ed4b008245ccd0_b.jpg& data-rawwidth=&750& data-rawheight=&742& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/v2-8be2b034d323b3c5c0ed4b008245ccd0_r.jpg&&&/figure&也会有人（你室友），选择用&strong&跳楼&/strong&结束在这里的痛苦……&br&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-1a9da67dac1e3b4b0a4182fdb45db2ce_b.jpg& data-rawwidth=&750& data-rawheight=&242& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic2.zhimg.com/v2-1a9da67dac1e3b4b0a4182fdb45db2ce_r.jpg&&&/figure&跳楼女孩偷偷写下的&strong&日记&/strong&……&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b500abbc0a847b71e10b99fa21fbdddf_b.jpg& data-rawwidth=&750& data-rawheight=&498& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic2.zhimg.com/v2-b500abbc0a847b71e10b99fa21fbdddf_r.jpg&&&/figure&&p&甚至学员之间还会互相看不惯对方，向杨教授&strong&举报&/strong&其他人……&/p&&p&&strong&当叛逆女孩，还是当憋屈女孩？&/strong&&/p&&p&在游戏里，会面临很多次的&strong&选择&/strong&。&/p&&p&比如，所有的学员需要写“&strong&学员日志&/strong&”——有些会给媒体当作素材。治疗师会告诉学员，如果有抵触情绪，就代表&strong&治疗不够彻底，需要继续治（dian）疗（ji）&/strong&。&/p&&p&这时候会出来三个选项：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c191d99c5f31a1b7c0be4_b.jpg& data-rawwidth=&750& data-rawheight=&336& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic2.zhimg.com/v2-c191d99c5f31a1b7c0be4_r.jpg&&&/figure&&p&你选哪个？我觉得很多人都会跟我一样，觉得既然是&strong&这么酷的叛逆女孩，当然是选吃枣药丸了&/strong&！！！&/p&&p&然后，游戏中写出来的学员日记是这样：&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-fa557e44a8c6f195c1df_b.jpg& data-rawwidth=&750& data-rawheight=&426& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic3.zhimg.com/v2-fa557e44a8c6f195c1df_r.jpg&&&/figure&&i&（手真好看）&/i&&br&&/p&&p&于是……就又被安排治疗了。（摔！）&/p&&p&后来就会发现，&strong&只要反抗或者叛逆，就会被电击&/strong&，然后精神值下降。每次电击治疗，都会以“&strong&我知道错了&/strong&”这句话结束。&/p&&p&然后我本人的精神力就真的崩溃惹，被这个游戏设定搞得非常憋屈：&/p&&p&&strong&想活命，就得装孙子；想潇洒，就得被电击。&/strong&&/p&&p&感觉像我这种人，秒秒钟就可以把自己玩死——&strong&毕竟在游戏里，是非常把命不当命的&/strong&。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-1e2e7f2ab4890_b.jpg& data-rawwidth=&750& data-rawheight=&469& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-1e2e7f2ab4890_r.jpg&&&/figure&&p&后面的部分，还会有很多寻找线索的小游戏，我就不剧透了。&strong&至于能走到哪一步，出现哪一个结局，必须是你亲自玩一遍才有意思。&/strong&&/p&&p&在这种潇洒和憋屈的选择之间，我想到当年，那些真正被送到网戒中心的孩子们。他们呢？他们若反抗，遭受到的可是实实在在的电击。&/p&&p&&strong&在游戏里，我可以无所畏惧地叛逆；但我根本不难想象，在现实中，我会不断选择懦弱与妥协。&/strong&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-9b53df37d0d0c6b2c115c_b.jpg& data-rawwidth=&750& data-rawheight=&469& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic1.zhimg.com/v2-9b53df37d0d0c6b2c115c_r.jpg&&&/figure&&p&一位曾接受过杨永信“电击疗法”的少年，&a href=&https://link.zhihu.com/?target=http%3A//news.qq.com/a/730.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&这样描述自己的感受&/a&：&/p&&blockquote&&p&那种对人心理的把控，让人确实感受到你是真的错了，电击会让你真正心服口服。就像小说《1984》，你想什么，老大哥都知道。&/p&&/blockquote&&p&现在再想起初次看到的这段话、再想起《1984》的最后一部分，以及自己这种最肤浅的的纠结感，三段体验突然叠加在一起，让人有点精神恍惚。&/p&&p&目前，这款游戏已经登陆&a href=&https://link.zhihu.com/?target=http%3A//steamcommunity.com/sharedfiles/filedetails/%3Fid%3Dsearchtext%3DMysteries%2Bof%2BFence& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Steam青睐之光&/a&，网页上现在有300多条留言。&/p&&blockquote&&p&谁控制了过去，就控制了未来；&/p&&p&谁控制了现在，就控制了过去。&/p&&/blockquote&&p&愿更多人记得真相。&/p&&p&－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－&/p&&p&更多精彩请关注我们的微信公众号：PingWest品玩（wepingwest）&/p&
作者：贾大方谁控制了过去，就控制了未来；谁控制了现在，就控制了过去。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－今天发现了一款人设非常炸裂的游戏，名字叫做《叛逆女孩大战杨永信》！（唔，并不是。人家的…
一个学期前我也和楼主差不多不知道这些都是啥，一个学期之后差不多都弄懂了，来讲讲自己的理解吧 & & 因为接触的时间不是很长，有错误的地方欢迎指正~&br&&br&首先要知道网站访问大概是什么个过程：&br&假设你在浏览器地址栏输入这个问题的地址&br&&div class=&highlight&&&pre&&code class=&language-text&&http://www.zhihu.com/question/
&/code&&/pre&&/div&访问过程和下图差不多，浏览器和服务器交流，服务器和数据库交流（有时候数据库就在服务器那台机子上）&br&&br&&figure&&img data-rawheight=&591& data-rawwidth=&842& src=&https://pic4.zhimg.com/581ae59a16e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&842& data-original=&https://pic4.zhimg.com/581ae59a16e_r.jpg&&&/figure&&br&&b&HTML 与 CSS&/b&&br&你家电脑拿到一个 html （就是上图 HTTP 响应的 body 里的内容）之后，就会对它进行解析渲染。HTML 就是一种标记语言。类比一下，大家在论坛上经常会用一些代码来添加富文本内容，举一些栗子：&br&&ul&&li&&div class=&highlight&&&pre&&code class=&language-text&&[img]图片地址[/img]
&/code&&/pre&&/div&
用来贴图&/li&&li&&div class=&highlight&&&pre&&code class=&language-text&&[url]超链接[/url]
&/code&&/pre&&/div&
用来贴地址&/li&&li&&div class=&highlight&&&pre&&code class=&language-text&&[del]呵呵[/del]
&/code&&/pre&&/div&
表示标签里的文字应该被删掉（默认添加删除线效果）&/li&&/ul&这种&b&论坛代码&/b&也是一种标记语言，HTML 的作用就和它差不多。服务器返回给你的html文件里面，写的是一些代码，大概是这样的：&br&&figure&&img data-rawheight=&384& data-rawwidth=&511& src=&https://pic3.zhimg.com/def15af96af6_b.jpg& class=&origin_image zh-lightbox-thumb& width=&511& data-original=&https://pic3.zhimg.com/def15af96af6_r.jpg&&&/figure&浏览器拿到这些代码之后，分析一下给你渲染好页面显示出来，如果不用css，效果是这样的，按照浏览器默认的样式显示出列表、图片、超链接、输入框、按钮等等：&br&&figure&&img data-rawheight=&362& data-rawwidth=&330& src=&https://pic2.zhimg.com/8df8c13db4c5_b.jpg& class=&content_image& width=&330&&&/figure&&br&是不是觉得默认样式有点看瞎狗眼呢……所以很多时候我们需要自定义样式，现行通用的规定样式的语言是CSS，我们可以用它写一些定义样式的代码，然后在 html 文件里用一个&link&标签把这些规定样式的 CSS 代码与表达内容语义的 HTML 代码关联起来，然后你就能看到一个符合人类正常审美的页面了:&br&&figure&&img data-rawheight=&296& data-rawwidth=&662& src=&https://pic1.zhimg.com/09c5fafc7cc4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&662& data-original=&https://pic1.zhimg.com/09c5fafc7cc4_r.jpg&&&/figure&&br&CSS 代码的格式基本是&br&&div class=&highlight&&&pre&&code class=&language-text&&属性:值
&/code&&/pre&&/div&比如知乎顶上那个蓝色的导航条，它的 CSS 大约是这样的&br&&figure&&img data-rawheight=&256& data-rawwidth=&408& src=&https://pic2.zhimg.com/3f351f51aff2be4742b1_b.jpg& class=&content_image& width=&408&&&/figure&&br&第一个属性对应的代码翻译成人话，就是它的位置（position）应该是不动（fixed）的，浏览器会兢兢业业地去实现这段代码要求实现的效果，
所以你在页面上翻来翻去顶上那个导航条都会死死地黏在窗口顶部不跟着滚动。&br&再拿里面的其他几个属性做栗子解释一下就是：&br&&ul&&li&left 和 top
为零指明这个导航条要紧贴着窗口的左上角&/li&&li&width 和 height 指定这个导航条的宽和高&/li&&li&background
指明这个导航条的背景是一种渐变的蓝色&/li&&/ul&浏览器就会根据这些 CSS 代码，“画”出对应的样式。&br&&br&&b&HTML 5 与 XHTML&/b&&br&像人的语言一样，网络上的网页里的 HTML 代码也不一定是标准的，好比有时候你发音不太标准，别人会去猜测你说的到底是什么一样，有些时候前端程序猿不小心写错了 HTML，浏览器也会试图猜测他们原来想写的是什么，做对应的渲染，而猜是要有一个常识做依据的。加上有些浏览器支持一些标签，有一些又不支持，以及其他混乱的情况，为了防止大家鸡同鸭讲，我们需要对 HTML 代码里能有什么标签，标签怎么写，标签可以有什么属性这些东西有一定的共识，建立一个通行的标准，HTML5 就是其中一个比较新的标准。这个标准新加了很多可以用的标签和属性，然后各大浏览器也吭哧吭哧按这个标准去实现了很多这些新加的标签和属性，本来前端程序员要写一堆代码去实现的效果，现在浏览器都给你实现好了，只要写两三行，调用一下浏览器给你实现的部分就能搞定，简单愉快，所以很多人都在热情地推广这个标准~（当然新标准也不可能是完美的，总会有一些问题，怕跑题这里按下不表~）&br&&br&至于 XHTML，就是 HTML 的近亲 XML 和 HTML 自己的杂交品种，对语法要求比较严格，并且为了兼容 XML，在语法上与 HTML 有一些不同~&br&&br&&b&JavaScript 与浏览器脚本&/b&&br&有了表示内容和语义的 HTML，规定样式的 CSS，得到的是一个静态的页面，没什么动画（其实用 CSS 还是可以有一些动画的，不过这个跑题了），按 F5 才会刷新数据，都 21世纪了，这么呆板单调的网页怎么能展现我大智人种族的创造性口胡！于是我们有了 Javascript（JS） 来给页面添加一些动态的效果，比如知乎问题的标签，鼠标移上去会弹出一个小窗口，这个就是 JS 实现的效果啦。&br&&br&&figure&&img data-rawheight=&274& data-rawwidth=&532& src=&https://pic4.zhimg.com/dcb4e911b7ee1e363213_b.jpg& class=&origin_image zh-lightbox-thumb& width=&532& data-original=&https://pic4.zhimg.com/dcb4e911b7ee1e363213_r.jpg&&&/figure&&br&浏览器都会帮你实现一些 JS 可以用的工具（函数，对象什么的），你只要写一些 JS 的代码，保存在 xxx.js 里，在 html 文件中用
&script& 关联进来就可以用了，像上图这个效果应该就包括了 &br&&ol&&li&鼠标悬停到标签上时创建一个新的 &div& 小窗口 &br&&/li&&li& 用 JS
向知乎服务器发送一个请求，得到这个小窗口应该显示的数据，放在这个小窗口里（这就是所谓的AJAX，不用刷新就能与服务器进行交互，更新页面的一小部分~）&/li&&/ol&浏览器拿到这样的代码，就会解析并实现出相应的效果，楼主问的浏览器脚本，指的就是这样子的代码。其实用来写浏览器脚本的，也不是非得JavaScript 不可，当年还为到底用什么语言写这种代码有过一段战火纷飞的时期，但现在尘埃落定，各大浏览器都默认了：请用
JS 写这些动态效果的代码给我解析~&br&&br&以上就是前端部分的内容，下面简述一下后端的东西吧& &&br&&br&&b&Web Server 和 Web Services&/b&&br&浏览器给服务器发一个请求，服务器不是一看就知道怎么响应的。首先这些请求和响应要有一个通用的写法，也就是要有一个协议，常用的是 HTTP 协议。&br&像最前面的图，服务器的响应写了一个状态码 200 OK ，是 HTTP 协议里约定俗成的一个东西，服务器写 200 OK 在响应里，表示“你请求的这个东西我有”，如果是404 Not Found，就是“你请求的这个东西我这里没有”。&br&HTTP 响应里还包括很多东西，比如 Content-type 表示服务器发过来的文件类型是什么（文本？动画？图片？音频？），这样发过去了人家浏览器好知道怎么展示给用户看。人家服务器怎么知道按协议要写什么东西进去呢，这就是 Web Server 干活的时候了。&br&&br&形象化一下HTTP响应，大概就长这样：&br&&figure&&img data-rawheight=&351& data-rawwidth=&284& src=&https://pic1.zhimg.com/73fc01d295c7e015c1d80_b.jpg& class=&content_image& width=&284&&&/figure&&br&再上个锤子，浏览器和服务器之间请求响应的过程大致是长这样的，右下角的那些东西就是由 Web Server 生成的（服务器脚本可以做一些改动，但这些一般是 Web Server 的份内活）：&br&&figure&&img data-rawheight=&349& data-rawwidth=&1364& src=&https://pic2.zhimg.com/2fdad81d11618addfbdf65_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1364& data-original=&https://pic2.zhimg.com/2fdad81d11618addfbdf65_r.jpg&&&/figure&&br&&br&再比如说很多时候你访问一个网站，浏览器里输的地址并没有写明你请求的文件，比如这个问题的地址是：&div class=&highlight&&&pre&&code class=&language-text&&http://www.zhihu.com/question/
&/code&&/pre&&/div&但知乎的服务器其实返回了一个html给你，服务器怎么知道这个地址对应要返回什么样的 html 代码给你的？也是 Web Server 干的活。&br&&br&除了浏览器输地址敲回车这种赤裸裸的访问，客户端与服务器的交互还有很多种，比如：&br&&ul&&li&前面提到的用 JS 完成的 AJAX，有点像浏览器和服务器之间的悄悄话~&/li&&/ul&还有其他应用软件与服务器的交互，比如：&br&&ul&&li&微信、QQ 与腾讯的服务器的交互&/li&&li&网游客户端与网游公司服务器的交互&/li&&li&搜索引擎用来搜集网页信息的程序（爬虫）与各种各样的网站服务器的交互&br&&/li&&li&只要你知道用什么地址访问、怎样访问人家的服务器，并且有相应权限，你也可以自己写一些程序去和他们的服务器交互（比如用&a class=& wrap external& href=&//link.zhihu.com/?target=http%3A//open.weibo.com/wiki/%25E5%25BE%25AE%25E5%258D%259AAPI& target=&_blank& rel=&nofollow noreferrer&&微博API - 新浪微博API&/a&获取微博，开发第三方应用或者做数据分析）。&/li&&/ul&从这些栗子里可以看出，客户端与服务器的交互的主体、客体、载体是五花八门的：&br&&ul&&li&服务器可以是大型机也可以是个人电脑，只要能跑相应的程序就行&/li&&li&客户端像前面举的栗子里一样，可以是各种软件，而且这些软件不一定运行在个人电脑上，也可以是手机、平板、智能穿戴设备等等&/li&&li&有时候不是传生成好的 HTML 或者其他服务器上已经有的文件，而是传输经过一定逻辑处理后生成的字符串或者其他各种封装好的数据&/li&&/ul&像前面提到的 HTML 需要有一定标准一样，为了防止混乱和鸡同鸭讲，我们又需要先对这些机器需要怎么交互达成一定共识，再让它们进行交流。人与人之间通信，需要先有一种大家都认识的写法（比如简体字/繁体字）和一种彼此都懂的语言（比如普通话/广东话）。要让这些形形色色的机器能够通过网络进行交互，我们就需要指明一种协议（比如 HTTP/HTTPS）和一种数据封装格式（比如 HTML/XML），Web Server 提供的 Web Service，指的就是这种协议+格式的交流体系。不过 Web Service 的生态系统和 HTML 的标准不一样，用户可以选择的协议和数据封装格式更多，普通的网站访问用的 HTTP + HTML 只是其中一种，一些封闭系统内的交流还可以自己定义一个协议和格式来用（比如 QQ）。&br&&br&Web Service 传输的数据再经由本地客户端（浏览器、QQ/微信，网游客户端等）的分析渲染，就能够以普通人能够理解的形式展现出来。此外还有一些 Web Service 并不是为普通用户设计的，像前面提到的微博API，是用来给程序猿进行二次开发的~ &br&&br&除了提供 Web Service， Web Server 还会兼顾很多功能，包括提供缓存，平衡负载，这样在访问量比较大的时候能有有条不紊地接客。常见的现成的 Web Server 有开源的 Apache、Nginx和微软的IIS，你也可以用一些工具（比如 Node.js ）自己定制一个。因为 Web Server 需要比较好的性能，所以投产时用的 Web Server 通常是C/C++/Java写的，但是其实很多语言都可以写，而且配合上语言底层的优化和好的模型，其他语言写的 Web Server也可以有不错的表现。&br&&br&&b&PHP ，服务器脚本，Web Framework&/b&&br&开头那张图里服务器接到请求之后可以给访客发送对应的文件，但21世纪的服务器怎么可能只会“接请求-发文件”这么弱智的一招呢，人家还可以处理你上传来的文件的！还可以接受你发过来的各种请求，去操作服务器本地的文件or数据库的！要干这些事，自然服务器那边也少不了要有代码了，这些代码就是服务器脚本。前面说的 Web Service 传输的数据，主要也是由服务器脚本生成，再交由 Web Server ，按照某种协议套好整个响应的格式，返回给客户端的。&br&&br&同一个网址，每个人看到的页面不一定是一样的，比如知乎首页的网址都是&br&&div class=&highlight&&&pre&&code class=&language-text&&http://www.zhihu.com/
&/code&&/pre&&/div&但是没登陆和登陆之后看到的东西不一样，登陆之后每个人看到的导航栏的用户信息，关注的动态，都不一样。服务器脚本可以对这些不同的状态，生成不同的页面，交给 Web Server 返回给浏览器。&br&知乎的主页给大家看到的 html 整体来说是差不多的，都有导航栏，左边是关注的动态，右边是广告和边栏，每一块的整体构造大同小异，只是一些地方内容有所区别。服务器脚本就是利用已知的数据，在这些因人而异的地方填入相应的内容，生成给每个人看的页面。&br&比如我的主页，导航栏右边的头像和名字跟别人看到的不一样，就是因为这块地方有一个放图片的&img&标签和一个写名字的&span&标签，服务器脚本在查询本地的数据之后给我返回的页面里&img&的标签填了我头像的图片链接，&span&标签里填了我的名字，给别人的页面就填其他链接、其他名字，这样每个人看到的页面就不一样了。&br&&figure&&img data-rawheight=&56& data-rawwidth=&597& src=&https://pic1.zhimg.com/500c9bdd6bf249eec5b084_b.jpg& class=&origin_image zh-lightbox-thumb& width=&597& data-original=&https://pic1.zhimg.com/500c9bdd6bf249eec5b084_r.jpg&&&/figure&&br&&figure&&img data-rawheight=&93& data-rawwidth=&559& src=&https://pic3.zhimg.com/11f27dccc90da76a1ac3c2_b.jpg& class=&origin_image zh-lightbox-thumb& width=&559& data-original=&https://pic3.zhimg.com/11f27dccc90da76a1ac3c2_r.jpg&&&/figure&&br&PHP 就是一种常见的用来写服务器脚本的语言，其实只要是能拿来写大家传输数据的通用接口（CGI）的语言都可以用来写服务器脚本（也就是说几乎所有编程语言都可以写 = =b），只是因为现成工具的丰富程度和专攻程度不一样，所以有一些语言在写服务器端脚本的时候会比较热门。&br&&br&为了方便，我们在写服务器脚本的时候，通常还会用个同语言写的 Web Framework 来处理各种细节，防御一些常见的攻击，提供跨站认证（比如用已有的微博账号注册其他网站）的接口，利用cookie处理登陆状态和用户设置，生成网页模版之类的。如果你用 C# 或者 Visual Basic 写服务器脚本，就可以用 &a href=&//link.zhihu.com/?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&/a& 这个框架实现这些功能，帮你省点麻烦。不过现在不少人是反过来为了一个好用的 Web Framework 去选择它对应的服务器脚本语言的。&br&&br&&b&一个普通网站访问的过程&/b&&br&简单概括一下，对于我们普通的网站访问，涉及到的技术就是：&br&&ol&&li&用户操作浏览器访问，浏览器向服务器发出一个 HTTP 请求；&/li&&li&服务器接收到 HTTP 请求，Web Server 进行相应的初步处理，使用服务器脚本生成页面；&/li&&li&服务器脚本（利用Web Framework）调用本地和客户端传来的数据，生成页面；&/li&&li&Web Server 将生成的页面作为 HTTP 响应的 body，根据不同的处理结果生成 HTTP header，发回给客户端；&/li&&li&客户端（浏览器）接收到 HTTP 响应，通常第一个请求得到的 HTTP 响应的 body 里是 HTML 代码，于是对 HTML 代码开始解析；&/li&&li&解析过程中遇到引用的服务器上的资源（额外的 CSS、JS代码，图片、音视频，附件等），再向 Web Server 发送请求，Web Server 找到对应的文件，发送回来；&/li&&li&浏览器解析 HTML 包含的内容，用得到的 CSS 代码进行外观上的进一步渲染，JS 代码也可能会对外观进行一定的处理；&/li&&li&用户与页面交互（点击，悬停等等）时，JS 代码对此作出一定的反应，添加特效与动画；&/li&&li&交互的过程中可能需要向服务器索取或提交额外的数据（局部的刷新，类似微博的新消息通知），一般不是跳转就是通过 JS 代码（响应某个动作或者定时）向 Web Server 发送请求，Web Server 再用服务器脚本进行处理（生成资源or写入数据之类的），把资源返回给客户端，客户端用得到的资源来实现动态效果或其他改变。&/li&&/ol&注意这只是小网站里比较常见的模型，大网站为了解决规模问题还会有很多处理，每个环节都会有一些细微的差异，中间还会使用各种各样的工具减轻服务器的压力，提高效率，方便日常维护~&br&&br&&b&延伸阅读&/b& —— &b&那些看花眼的名词&/b&&br&为了方便调试，很多 Web Framework 会自带一个简单的 Web Server，或者有些 Web Server 会自带一个简单的 Web
Framework ，实际部署到服务器上开放使用的时候为了性能或者安全等多方面的考虑，可以把内置的 Web Server 换成其他的，比如
Apache 或者 Nginx （举个栗子，知乎用的是 Tornado 做 Framework，Server 换成了 Nginx，见&a class=&internal& href=&http://www.zhihu.com/question/&&知乎使用了哪些框架和开源库？&/a&）。如果是开源的东西，还可以在遵守开源协议的前提下自己改一下再用~&br&&br&因为后端不像前端已经有 HTML + CSS + JS 这样的既定事实标准，服务器脚本与 Web Framework
的选择很多，所以新手会听到很多眼花缭乱的技术名词的地方多在这里~
举一些栗子，早年常见的服务器端语言有：&br&&ul&&li&开源的 PHP&/li&&li&Sun 公司的 JSP 中使用的 Java&/li&&li&微软的 ASP 中使用的 VBScript&/li&&/ul&现在在这方面的应用热起来的语言有&br&&ul&&li& Python，对应常见的 Framework 包括知乎和Quora有用到的 Tornado（其实是自带 Framework 的 Web Server），社区很成熟的 Django （用户包括 Instagram、Pinterest）等&/li&&li&Ruby，一般都用 Rails 这个 Framework，用户包括 Github、早期的 Twitter 等&br&&/li&&li&逆天的 JavaScript，有了 Node.js 这个平台，Web Server、服务器脚本和浏览器脚本全都可以用
JavaScript 来写……Node.js上最常用的 Framework是Express&br&&/li&&li&微软家的则跟着 &a href=&//link.zhihu.com/?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&/a& 转移到了C# 或者 Visual Basic&/li&&li&Erlang，擅长大规模的并发，不少游戏公司拿来写服务器，靠几十个工程师支撑几亿用户的WhatsApp也是用的这个~&/li&&/ul&几种常见的架构包括：&br&&ul&&li&LAMP = Linux + Apache + MySQL + PHP（P还可能是Python或Perl。有时候L会改成W=Windows。），也就是服务器上的操作系统是 Linux，Web Server 用 Apache，数据库用 MySQL，服务器脚本用 PHP，这些都是开源技术，网站起步时用起来的成本会比较低，所以是普通网站里非常常见的架构（虽然对于发展得很大的网站会遇到很多瓶颈），Facebook就是这种，淘宝也曾经是。&/li&&li&J2EE，Java 世界的架构，通常是企业用的（银行、大型公司,.etc），比较常见地还会搭配一种 UNIX 做操作系统，Apache 做 Web Server，Tomcat 转换 JSP 到 Java 给服务器程序用（其实它也自带 Web Server），Oracle 数据库等等。不一定拿来建站，常常用来提供企业里的各种需要用到网络的业务。我们学校教务系统就是用J2EE做的=。= 淘宝现在也是从LAMP转型到了这个。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&/a&，微软家的架构，通常会搭配 Windows Server 操作系统，SQL Server 数据库，IIS 做 Web Server。StackOverflow和京东（曾经）就是这个架构。&/li&&li&神奇的MEAN架构，MongoDB做数据库，Express做 Web Framework，Angular 做前端的 JavaScript 框架，Node.js 用于编写 Web Server。神奇之处在于这几个东西的语言都是 JavaScript （MongoDB的实现不是，但与外界沟通用的语言是）。因为是比较新的架构，还有待时间的考验，不过被很多人（尤其是靠 JavaScript 吃饭的前端程序猿们）热切关注。&/li&&li&一般来说重点不在技术而且在乎成本的新网站比较喜欢用 LAMP，重视安全稳定和速度的企业和机构喜欢 J2EE，想省事的网站喜欢 &a href=&//link.zhihu.com/?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&/a&，比较 Geek 的网站和创业公司喜欢折腾各种 Python、Ruby、Node.js世界的东西，Google 这样现成的技术都解决不了需求的超大型网站就自己折腾解决方案。&br&&/li&&/ul&虽然可以用的语言和所属体系五花八门，其实服务器端程序要做的事情本质上都差不多的，就好比自然世界中要表达“吃过了没”这句话的意思，你可以用各种各样的语言在各种各样的场景里表达出来~
一个学期前我也和楼主差不多不知道这些都是啥，一个学期之后差不多都弄懂了，来讲讲自己的理解吧 & & 因为接触的时间不是很长，有错误的地方欢迎指正~ 首先要知道网站访问大概是什么个过程： 假设你在浏览器地址栏输入这个问题的地址 http://www.zhihu.com/…
&p&做为一名新手，首先你要明白一个真相，《21天精通JAVA》是不现实的。然后你要做的是，摆正心态，脚踏实地，打好基础。&/p&&p&那么这个过程嘛，这样的：&/p&&p&&b&第一步，首先你要了解JAVA&/b&&/p&&p&为什么要了解java? 这个当然很重要你既然要学习java肯定要了解它，它可以干什么，做什么，有什么特性，用在哪儿？什么多线程，什么多态性，什么面向对象，什么移植性balabalabala等等等，对不对，以后你真成了高手了不还可以和人家家谈谈java的历史嘛，哪怕某天有人问你java和javascript有什么区别，你也不会回答说“多了个script”吧。&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DY-2fhZ37dKqLB_9djpMFso54xg6JsA7K8q80bOOUz7rRLG974LYeItg1Al1ZInOtT47TkhOUZCznQazeR0bBY_& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java ( 计算机编程语言 ) - 百度百科&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-intro.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 简介&/a&&/p&&br&&p&&b&第二步，JAVA程序环境&/b&&/p&&p&了解了语言历史，特性之后，也该动动手了吧，不能光看不练嘛，那么要动手肯定要先搭建环境。&/p&&ul&&li&下载JDK&/li&&li&配置环境变量&/li&&li&验证配置环境变量&/li&&/ul&&p&&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-environment-setup.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 开发环境配置&/a&&/p&&p&&u&&a href=&//link.zhihu.com/?target=http%3A//www.oracle.com/technetwork/java/javase/downloads/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JDK下载&/a&&/u&&/p&&br&&p&&b&第三步，JAVA基本程序设计结构&/b&&/p&&p&环境搭建好了就可以开始边学边练习了，在这我简单分下知识点：&/p&&ul&&li&数据类型
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-basic-datatypes.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 基本数据类型&/a&&/li&&li&变量
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-variable-types.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 变量类型&/a&&/li&&li&运算符
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-operators.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 运算符&/a&&/li&&li&字符串
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/zhuYears/archive//2339574.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java基础字符、字符串&/a&&/li&&li&输入输出
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/u/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA输入输出流学习&/a&&/li&&li&控制流程
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/d5bbfd0a.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA流程控制&/a&&/li&&li&大数值
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/shangboerds/article/details/7517896& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA大数值&/a&&/li&&li&数组
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-array.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 数组&/a&&/li&&/ul&&br&&p&&b&第四步，对象和类&/b&&/p&&p&面向对象程序简称oop，是当今主流程序设计范型，面向对象程序设计于面向过程程序设计还是有一定的区别的，如果不懂建议好好学习。&/p&&ul&&li&类，使用现有类
&a href=&//link.zhihu.com/?target=http%3A//www.educity.cn/help/Java/441301.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java经典教程什么是类?&/a& &a href=&//link.zhihu.com/?target=http%3A//www.educity.cn/help/Java/191217.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java使用现有的类&/a&&/li&&li&用户自定义类
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_4d5d736f0102uwny.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java用户自定义类&/a&&/li&&li&静态域于静态方法
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/wccchangchun/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java静态域与静态方法&/a&&/li&&li&方法参数
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lixiaolun/p/4311863.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java中方法的参数传递机制&/a&&/li&&li&对象构造
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_5f6a2a1d0100cm42.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA对象的构造和初始化&/a&&/li&&li&包
&a href=&//link.zhihu.com/?target=http%3A//www.runoob.com/java/java-package.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 包(package)&/a&&/li&&li&路径类
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/d5da26e69b41.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA类路径说明(新手必读)&/a&&/li&&li&类的设计技巧
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/losesea/p/3577650.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中类的设计技巧&/a&&/li&&/ul&&br&&p&&b&第五步，继承&/b&&/p&&ul&&li&超类，子类
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/xujinsmile/article/details/8528965& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 继承，类，超类和子类&/a&&/li&&li&Object
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/centre10/article/details/6847981& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中的Object对象理解&/a&&/li&&li&泛型数组列表
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/zkatt/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&泛型数组列表&/a&&/li&&li&对象自动打包
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_8ir9.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java对象包装器 自动打包解包&/a&&/li&&li&枚举类
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/zhaoyanjun/p/5659811.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 枚举类的基本使用&/a&&/li&&li&反射
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/lzq198754/p/5780331.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java反射机制详解&/a&&/li&&/ul&&br&&p&&b&第六步，接口 and 内部类&/b&&/p&&ul&&li&接口
&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3Dp6m85GHs7OIGHFzFv2qZrSpMhxp-j0fxehH-fO928U6FDio3sllFgXoALKmCDQVwUozJ_5Ym6EtUkldCIaygwLzZ8LBMmFu1QK7Od_VStZq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java接口_百度百科&/a&&/li&&li&对象克隆
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_70eom09.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA对象的克隆&/a&&/li&&li&接口和回调
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/aoguren/p/5544865.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&回调函数、Java接口回调总结&/a&&/li&&li&内部类
&a href=&//link.zhihu.com/?target=http%3A//www.iteye.com/topic/442435& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&内部类详解&/a&&/li&&/ul&&br&&p&&b&第七步，Swing图形程序&/b&&/p&&ul&&li&Swing框架
&a href=&//link.zhihu.com/?target=http%3A//www.oschina.net/project/tag/324/swing-dev& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Swing开发包&/a&&/li&&/ul&&br&&p&&b&第八步，事件处理&/b&&/p&&ul&&li&事件处理
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/38cbad68fadb7.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java程序设计-事件处理&/a&&/li&&li&动作
&a href=&//link.zhihu.com/?target=https%3A//jingyan.baidu.com/article/bea41d438f40c9b4c51be6c3.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA入门之Swing如何监听用户动作&/a&&/li&&/ul&&br&&p&&b&第九步，部署应用程序&/b&&/p&&ul&&li&jar文件
&a href=&//link.zhihu.com/?target=https%3A//jingyan.baidu.com/article/ff42efa904b4d7c19e220282.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java 可执行Jar包打包方法&/a&&/li&&li&Java web start
&a href=&//link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_58b9cb3a0100b7xy.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java Web Start完整的开发和调用&/a&&/li&&li&Applet
&a href=&//link.zhihu.com/?target=http%3A//www.jb51.net/article/56449.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&教你构建第一个Java Applet程序&/a&&/li&&/ul&&br&&p&&b&第十步，异常，日志，断言和调试&/b&&/p&&ul&&li&处理异常
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/beidou321/article/details/6499288/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中如何正确处理异常&/a&&/li&&li&捕获异常
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/hguisu/article/details/6155636& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&深入理解Java异常处理机制&/a&&/li&&li&断言
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/albert0420/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java断言开启、断言使用&/a&&/li&&li&记录日志
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/seven__________7/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA日志记录方法&/a&&/li&&li&调试
&a href=&//link.zhihu.com/?target=http%3A//www.csdn.net/article//2809495-Java-Debugging-Tips-with-Eclipse& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java程序员应该知道的10个调试技巧&/a&&/li&&/ul&&br&&p&&b&第十一步，泛型程序&/b&&/p&&ul&&li&约束和局限性
&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/p/f1b70ae8858d& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型o约束和局限性&/a&&/li&&li&继承规则
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/l/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型 泛型类型的继承规则&/a&&/li&&li&通配符类型
&a href=&//link.zhihu.com/?target=http%3A//www.cnblogs.com/wanqieddy/p/4015922.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java 泛型详解（普通泛型、 通配符、 泛型接口）&/a&&/li&&li&反射和泛型
&a href=&//link.zhihu.com/?target=https%3A//wenku.baidu.com/view/7cfba0d8d74786.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java泛型和反射机制&/a&&/li&&/ul&&br&&p&&b&第十二步，集合&/b&&/p&&ul&&li&集合接口
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/davidweini/article/details/2029058& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 集合中主要接口的介绍&/a&&/li&&li&集合框架
&a href=&//link.zhihu.com/?target=http%3A//www.open-open.com/lib/view/open4.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java - 集合框架完全解析&/a&&/li&&li&集合算法
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/u/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java的集合之算法篇&/a&&/li&&li&遗留的集合
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/PacosonSWJTU/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&java集合--遗留的集合&/a&&/li&&/ul&&br&&p&&b&第十三步，多线程&/b&&/p&&ul&&li&线程属性
&a href=&//link.zhihu.com/?target=https%3A//my.oschina.net/hongdengyan/blog/194629& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JAVA线程5 - 线程属性&/a&&/li&&li&同步
&a href=&//link.zhihu.com/?target=http%3A//developer.51cto.com/art/965.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java 多线程同步的五种方法&/a&&/li&&li&阻塞队列
&a href=&//link.zhihu.com/?target=http%3A//ifeve.com/java-blocking-queue/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java中的阻塞队列&/a&&/li&&li&线程安全的集合
&a href=&//link.zhihu.com/?target=http%3A//www.jianshu.com/p/eccb5f350c12& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程理解：线程安全的集合对象&/a&&/li&&li&执行器
&a href=&//link.zhihu.com/?target=http%3A//www.mamicode.com/info-detail-504671.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程--执行器&/a&&/li&&li&同步器
&a href=&//link.zhihu.com/?target=http%3A//blog.csdn.net/wfg/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Java多线程编程之同步器&/a&&/li&&/ul&&br&&p&－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－&/p&&br&&p&如果你刷完上面那些知识点并且可以熟练运用，那么恭喜你你已经成功迈入java的大门， 这个时候需要做一些完整的项目来的获取更多的经验值升级，同时你可能会遇到更多的知识点：比如:流和文件，I/O，XML，树，awt，分布式对象以及各种框架等等等，假如你足够努力，在这个过程中你会成长的很快，但良好的基础会让你走的更远。&/p&&br&&p&如果你对Java或开发感兴趣的可以关注我专栏，&a href=&https://zhuanlan.zhihu.com/dreawer& class=&internal&&极乐科技 - 知乎专栏&/a&&/p&
做为一名新手，首先你要明白一个真相，《21天精通JAVA》是不现实的。然后你要做的是，摆正心态，脚踏实地，打好基础。那么这个过程嘛，这样的：第一步，首先你要了解JAVA为什么要了解java? 这个当然很重要你既然要学习java肯定要了解它，它可以干什么，做什…
&figure&&img src=&https://pic1.zhimg.com/v2-fada6f7d3d1_b.jpg& data-rawwidth=&1168& data-rawheight=&630& class=&origin_image zh-lightbox-thumb& width=&1168& data-original=&https://pic1.zhimg.com/v2-fada6f7d3d1_r.jpg&&&/figure&这个案例，分享14级同学大一时实现的打僵尸小游戏，电脑点击下图可以看到动图效果：&p&&figure&&img src=&https://pic3.zhimg.com/v2-702d87ff6fb6d11b6d560a4835cebbe6_b.jpg& data-rawwidth=&680& data-rawheight=&384& class=&origin_image zh-lightbox-thumb& width=&680& data-original=&https://pic3.zhimg.com/v2-702d87ff6fb6d11b6d560a4835cebbe6_r.jpg&&&/figure&这个案例的代码不复杂，但是结合了游戏角色的动画效果、射击声音特效，实现后还是挺酷的。对应的游戏素材、分步骤代码，可从百度网盘下载：&a href=&https://link.zhihu.com/?target=http%3A//pan.baidu.com/s/1o8dMXQi& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&pan.baidu.com/s/1o8dMXQ&/span&&span class=&invisible&&i&/span&&span class=&ellipsis&&&/span&&/a&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-dc59bcc5614_b.jpg& data-rawwidth=&846& data-rawheight=&123& class=&origin_image zh-lightbox-thumb& width=&846& data-original=&https://pic3.zhimg.com/v2-dc59bcc5614_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-629d7ccf8eaafa2f16e564c875e92484_b.jpg& data-rawwidth=&1731& data-rawheight=&674& class=&origin_image zh-lightbox-thumb& width=&1731& data-original=&https://pic1.zhimg.com/v2-629d7ccf8eaafa2f16e564c875e92484_r.jpg&&&/figure&&br&&p&网盘上5个分步骤代码的主要内容如下，大家可以自己先尝试实现，有问题再参考对应的分步骤代码。&/p&&br&&br&&br&&p&Code1:游戏框架&br&&/p&&p&主要内容：&/p&&p&
游戏背景图片与僵尸图片的初始化、背景音乐的插入、僵尸的单向移动。&/p&&p&主要技术方法：&/p&&p&1、图片插入用IMAGE先定义，后loadimage载入图片，Resize设置图片的大小，最后用putimage插入图片；&/p&&p&2、背景音乐用mciSendString函数导入，然后要用“open&来开始播放。要注意的是音乐文件要放在.CPP文件同一目录下，否则不能运行。&/p&&p&3、该步骤的僵尸只是单纯的单向移动，用的是for循环语句
&/p&&br&&br&&br&&p&Code2：角色的移动&br&&/p&&p&主要内容：&/p&&p&
角色的上下左右移动与输出子弹的按键，僵尸的随机出现与僵尸的单向移动，闪屏问题的解决。&/p&&p&主要技术方法：&/p&&p&1、角色的移动使用的是switch,case选择语句来实现&/p&&p&2、僵尸设定为6只随机出现在左边和右边，设定了3种不同的速度，随机函数用的是rand&/p&&p&3、每一帧用的是背景图片覆盖&/p&&p&4、闪屏问题运用到三个函数：BeginBatchDraw();FlushBatchDraw()；EndBatchDraw();分别放在插入图片前，插入图片后且背景覆盖前与结束程序前。&/p&&br&&br&&br&&p&Code3:子弹输出&br&&/p&&p&主要内容：&/p&&p&
子弹的输出与移动。&/p&&p&主要技术方法：&/p&&p&
用数组定义子弹坐标，定义子弹方向，用for语句来实现
&/p&&br&&br&&br&&p&Code4:相撞判定&br&&/p&&p&主要内容：&/p&&p&
修复子弹打不出的问题，加入了开始时的背景与游戏的logo，加入了子弹与僵尸、角色与僵尸的相撞判定函数&/p&&p&主要技术方法：&/p&&p&
碰撞判定函数主要是计算两张图片的距离的绝对值&/p&&br&&br&&br&&p&Code5：bug修复&br&&/p&&p&主要内容：&/p&&p&
修复了子弹可能打不到僵尸的bug，加入了音效，胜负判定，结束画面&/p&&p&主要技术方法：&/p&&p&
将Game函数内判定两图片距离的公式改为计算两图片中点距离，而不是之前的右上角坐标距离，增加了判定的精确性
&/p&&br&&br&&br&&p&补充：百度云盘上的工程代码，需要先调整图片音乐素材所在的文件目录。这块代码写死了，大家可以进一步改进。&/p&
这个案例，分享14级同学大一时实现的打僵尸小游戏，电脑点击下图可以看到动图效果：这个案例的代码不复杂，但是结合了游戏角色的动画效果、射击声音特效，实现后还是挺酷的。对应的游戏素材、分步骤代码，可从百度网盘下载： 网盘上5个…
评论区有人暴露了&br&&br&&figure&&img data-rawheight=&229& src=&https://pic4.zhimg.com/61d484eeb04f068a1ce37d77f0ac60ab_b.jpg& data-rawwidth=&750& class=&origin_image zh-lightbox-thumb& width=&750& data-original=&https://pic4.zhimg.com/61d484eeb04f068a1ce37d77f0ac60ab_r.jpg&&&/figure&&br&&br&&br&&br&——&br&&br&&br&强答一个，今天看B站纪录片，看到的一位牛人&br&&br&河南一位女青年，2008年的时候，面对北京体系严密安保林立的鸟巢安保，如入无人之境，多次进入场馆观看开闭幕式彩排，用警察的话说，他知道的东西跟张艺谋知道的差不多，远超其他演员。神奇的是，她还记录下了参加彩排的明星名单，节目流程，做这一切的目的，仅仅是为了接近一个河南男性老乡，太极那个节目的一个导演，对！是爱情！23岁的无业女青年自学了《演员的自我修养》，而她进入鸟巢的手法，简直可以说，是奇志大兵相声《白吃》的现实写照，在多次直接进入鸟巢后，居然和门卫混了个脸熟，都不拦她了，直接进！&br&&br&&figure&&img data-rawheight=&550& src=&https://pic3.zhimg.com/63a666c1fc997bdb77a0bae_b.jpg& data-rawwidth=&861& class=&origin_image zh-lightbox-thumb& width=&861& data-original=&https://pic3.zhimg.com/63a666c1fc997bdb77a0bae_r.jpg&&&/figure&&figure&&img data-rawheight=&498& src=&https://pic1.zhimg.com/fb04af4cdeba7fab5d5ac_b.jpg& data-rawwidth=&853& class=&origin_image zh-lightbox-thumb& width=&853& data-original=&https://pic1.zhimg.com/fb04af4cdeba7fab5d5ac_r.jpg&&&/figure&&figure&&img data-rawheight=&525& src=&https://pic4.zhimg.com/4c8d43df51eab22d786073_b.jpg& data-rawwidth=&862& class=&origin_image zh-lightbox-thumb& width=&862& data-original=&https://pic4.zhimg.com/4c8d43df51eab22d786073_r.jpg&&&/figure&&figure&&img data-rawheight=&520& src=&https://pic3.zhimg.com/3ed46a7ec1caefa0a9932_b.jpg& data-rawwidth=&857& class=&origin_image zh-lightbox-thumb& width=&857& data-original=&https://pic3.zhimg.com/3ed46a7ec1caefa0a9932_r.jpg&&&/figure&&figure&&img data-rawheight=&517& src=&https://pic1.zhimg.com/15cad482f8a844b50e7f026fc534498c_b.jpg& data-rawwidth=&857& class=&origin_image zh-lightbox-thumb& width=&857& data-original=&https://pic1.zhimg.com/15cad482f8a844b50e7f026fc534498c_r.jpg&&&/figure&&figure&&img data-rawheight=&515& src=&https://pic4.zhimg.com/152ccc251ac16d44bc31f_b.jpg& data-rawwidth=&856& class=&origin_image zh-lightbox-thumb& width=&856& data-original=&https://pic4.zhimg.com/152ccc251ac16d44bc31f_r.jpg&&&/figure&&figure&&img data-rawheight=&505& src=&https://pic4.zhimg.com/810bd8ea47_b.jpg& data-rawwidth=&855& class=&origin_image zh-lightbox-thumb& width=&855& data-original=&https://pic4.zhimg.com/810bd8ea47_r.jpg&&&/figure&&figure&&img data-rawheight=&499& src=&https://pic3.zhimg.com/f4b1a39f35b0fd07a2f2ca190e9835a2_b.jpg& data-rawwidth=&854& class=&origin_image zh-lightbox-thumb& width=&854& data-original=&https://pic3.zhimg.com/f4b1a39f35b0fd07a2f2ca190e9835a2_r.jpg&&&/figure&&figure&&img data-rawheight=&500& src=&https://pic4.zhimg.com/7ba494f226dcfd6c6c9130df_b.jpg& data-rawwidth=&854& class=&origin_image zh-lightbox-thumb& width=&854& data-original=&https://pic4.zhimg.com/7ba494f226dcfd6c6c9130df_r.jpg&&&/figure&&figure&&img data-rawheight=&509& src=&https://pic2.zhimg.com/5fbf8b0faaced_b.jpg& data-rawwidth=&853& class=&origin_image zh-lightbox-thumb& width=&853& data-original=&https://pic2.zhimg.com/5fbf8b0faaced_r.jpg&&&/figure&&figure&&img data-rawheight=&514& src=&https://pic2.zhimg.com/bd5b136c7a825770ace75d29_b.jpg& data-rawwidth=&857& class=&origin_image zh-lightbox-thumb& width=&857& data-original=&https://pic2.zhimg.com/bd5b136c7a825770ace75d29_r.jpg&&&/figure&&figure&&img data-rawheight=&499& src=&https://pic2.zhimg.com/fbef136b624bad1b50dd62ebcd2c95dd_b.jpg& data-rawwidth=&857& class=&origin_image zh-lightbox-thumb& width=&857& data-original=&https://pic2.zhimg.com/fbef136b624bad1b50dd62ebcd2c95dd_r.jpg&&&/figure&&figure&&img data-rawheight=&507& src=&https://pic3.zhimg.com/beac11b642b98d6882182_b.jpg& data-rawwidth=&859& class=&origin_image zh-lightbox-thumb& width=&859& data-original=&https://pic3.zhimg.com/beac11b642b98d6882182_r.jpg&&&/figure&&figure&&img data-rawheight=&502& src=&https://pic1.zhimg.com/e01fba6c1777dbb1288767c_b.jpg& data-rawwidth=&855& class=&origin_image zh-lightbox-thumb& width=&855& data-original=&https://pic1.zhimg.com/e01fba6c1777dbb1288767c_r.jpg&&&/figure&&figure&&img data-rawheight=&502& src=&https://pic4.zhimg.com/a4a0be765bf5faa3ac34773_b.jpg& data-rawwidth=&860& class=&origin_image zh-lightbox-thumb& width=&860& data-original=&https://pic4.zhimg.com/a4a0be765bf5faa3ac34773_r.jpg&&&/figure&&figure&&img data-rawheight=&515& src=&https://pic4.zhimg.com/d543f0b83d4b802fb906a6e9a4dd8037_b.jpg& data-rawwidth=&851& class=&origin_image zh-lightbox-thumb& width=&851& data-original=&https://pic4.zhimg.com/d543f0b83d4b802fb906a6e9a4dd8037_r.jpg&&&/figure&&figure&&img data-rawheight=&514& src=&https://pic2.zhimg.com/3f012f74e77d8bd944c475_b.jpg& data-rawwidth=&854& class=&origin_image zh-lightbox-thumb& width=&854& data-original=&https://pic2.zhimg.com/3f012f74e77d8bd944c475_r.jpg&&&/figure&&figure&&img data-rawheight=&511& src=&https://pic4.zhimg.com/99d54df83046cfd0c16d67_b.jpg& data-rawwidth=&852& class=&origin_image zh-lightbox-thumb& width=&852& data-original=&https://pic4.zhimg.com/99d54df83046cfd0c16d67_r.jpg&&&/figure&&figure&&img data-rawheight=&515& src=&https://pic4.zhimg.com/ebb4d0311f_b.jpg& data-rawwidth=&856& class=&origin_image zh-lightbox-thumb& width=&856& data-original=&https://pic4.zhimg.com/ebb4d0311f_r.jpg&&&/figure&&figure&&img data-rawheight=&501& src=&https://pic1.zhimg.com/9412ead5d396ef1ff90124_b.jpg& data-rawwidth=&850& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&https://pic1.zhimg.com/9412ead5d396ef1ff90124_r.jpg&&&/figure&&figure&&img data-rawheight=&505& src=&https://pic3.zhimg.com/eec2ec44cd8220a2dbc0e_b.jpg& data-rawwidth=&857& class=&origin_image zh-lightbox-thumb& width=&857& data-original=&https://pic3.zhimg.com/eec2ec44cd8220a2dbc0e_r.jpg&&&/figure&&br&&br&当然对于当事人解释的，混在演出队伍就能进去，警察是不信的，你当几千人的安保团队吃干饭的啊，武警、公安、特警几大系统的安保，是你靠混队伍就能蒙混过关的？&br&&br&于是&br&&br&&figure&&img data-rawheight=&488& src=&https://pic4.zhimg.com/6d6e80c88eaf_b.jpg& data-rawwidth=&850& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&https://pic4.zhimg.com/6d6e80c88eaf_r.jpg&&&/figure&&figure&&img data-rawheight=&500& src=&https://pic3.zhimg.com/2acfed35bfa_b.jpg& data-rawwidth=&849& class=&origin_image zh-lightbox-thumb& width=&849& data-original=&https://pic3.zhimg.com/2acfed35bfa_r.jpg&&&/figure&&figure&&img data-rawheight=&492& src=&https://pic1.zhimg.com/352c52c40b1a1a71f3de3aac796e63ac_b.jpg& data-rawwidth=&859& class=&origin_image zh-lightbox-thumb& width=&859& data-original=&https://pic1.zhimg.com/352c52c40b1a1a71f3de3aac796e63ac_r.jpg&&&/figure&&figure&&img data-rawheight=&490& src=&https://pic2.zhimg.com/9eeada3ecd0d_b.jpg& data-rawwidth=&848& class=&origin_image zh-lightbox-thumb& width=&848& data-original=&https://pic2.zhimg.com/9eeada3ecd0d_r.jpg&&&/figure&&figure&&img data-rawheight=&490& src=&https://pic3.zhimg.com/1ac490b2f2cb603c8feade0fbd54941a_b.jpg& data-rawwidth=&861& class=&origin_image zh-lightbox-thumb& width=&861& data-original=&https://pic3.zhimg.com/1ac490b2f2cb603c8feade0fbd54941a_r.jpg&&&/figure&&figure&&img data-rawheight=&491& src=&https://pic4.zhimg.com/84df89cd53a9b49fde65687_b.jpg& data-rawwidth=&854& class=&origin_image zh-lightbox-thumb& width=&854& data-original=&https://pic4.zhimg.com/84df89cd53a9b49fde65687_r.jpg&&&/figure&&figure&&img data-rawheight=&480& src=&https://pic1.zhimg.com/b3fa040b803f46faedab00_b.jpg& data-rawwidth=&846& class=&origin_image zh-lightbox-thumb& width=&846& data-original=&https://pic1.zhimg.com/b3fa040b803f46faedab00_r.jpg&&&/figure&&figure&&img data-rawheight=&479& src=&https://pic4.zhimg.com/2b0dae7c024ca0ef164a107_b.jpg& data-rawwidth=&846& class=&origin_image zh-lightbox-thumb& width=&846& data-original=&https://pic4.zhimg.com/2b0dae7c024ca0ef164a107_r.jpg&&&/figure&&figure&&img data-rawheight=&493& src=&https://pic2.zhimg.com/fe508d37f2cc6d_b.jpg& data-rawwidth=&852& class=&origin_image zh-lightbox-thumb& width=&852& data-original=&https://pic2.zhimg.com/fe508d37f2cc6d_r.jpg&&&/figure&&figure&&img data-rawheight=&480& src=&https://pic4.zhimg.com/9afbc79bb75c9a0040aca0426ecdd25f_b.jpg& data-rawwidth=&853& class=&origin_image zh-lightbox-thumb& width=&853& data-original=&https://pic4.zhimg.com/9afbc79bb75c9a0040aca0426ecdd25f_r.jpg&&&/figure&&figure&&img data-rawheight=&486& src=&https://pic2.zhimg.com/4e92ec60b8451facf6d383d_b.jpg& data-rawwidth=&844& class=&origin_image zh-lightbox-thumb& width=&844& data-original=&https://pic2.zhimg.com/4e92ec60b8451facf6d383d_r.jpg&&&/figure&&figure&&img data-rawheight=&475& src=&https://pic3.zhimg.com/ca4da538c100bd56a2cc2befa2d2d39a_b.jpg& data-rawwidth=&845& class=&origin_image zh-lightbox-thumb& width=&845& data-original=&https://pic3.zhimg.com/ca4da538c100bd56a2cc2befa2d2d39a_r.jpg&&&/figure&&figure&&img data-rawheight=&490& src=&https://pic4.zhimg.com/f2ef1f201bab2204282ddf_b.jpg& data-rawwidth=&848& class=&origin_image zh-lightbox-thumb& width=&848& data-original=&https://pic4.zhimg.com/f2ef1f201bab2204282ddf_r.jpg&&&/figure&&br&&br&警察快笑疯了啊，政治局常委亲自抓的安保啊，so easy ，我们基层警察都不一定能进鸟巢，一个没任何证件的无业女青年就这么进去从头看到尾几个版本的开闭幕式。&br&&br&而她的目的呢？人家才不是为了追星&br&&br&&figure&&img data-rawheight=&473& src=&https://pic2.zhimg.com/e6b477eab775b69cbe45f0e1_b.jpg& data-rawwidth=&850& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&https://pic2.zhimg.com/e6b477eab775b69cbe45f0e1_r.jpg&&&/figure&&figure&&img data-rawheight=&482& src=&https://pic1.zhimg.com/60cab395f68f77baf31cb84b_b.jpg& data-rawwidth=&847& class=&origin_image zh-lightbox-thumb& width=&847& data-original=&https://pic1.zhimg.com/60cab395f68f77baf31cb84b_r.jpg&&&/figure&&figure&&img data-rawheight=&480& src=&https://pic3.zhimg.com/da1e0ffa8bae_b.jpg& data-rawwidth=&850& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&https://pic3.zhimg.com/da1e0ffa8bae_r.jpg&&&/figure&&figure&&img data-rawheight=&466& src=&https://pic2.zhimg.com/5bfeffe65a5_b.jpg& data-rawwidth=&847& class=&origin_image zh-lightbox-thumb& width=&847& data-original=&https://pic2.zhimg.com/5bfeffe65a5_r.jpg&&&/figure&&figure&&img data-rawheight=&476& src=&https://pic2.zhimg.com/51c3f0ea5d6da9ce5eb59_b.jpg& data-rawwidth=&844& class=&origin_image zh-lightbox-thumb& width=&844& data-original=&https://pic2.zhimg.com/51c3f0ea5d6da9ce5eb59_r.jpg&&&/figure&&figure&&img data-rawheight=&478& src=&https://pic4.zhimg.com/e0a81cdea30ba0d36390ebedae6768eb_b.jpg& data-rawwidth=&850& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&https://pic4.zhimg.com/e0a81cdea30ba0d36390ebedae6768eb_r.jpg&&&/figure&&figure&&img data-rawheight=&482& src=&https://pic1.zhimg.com/19f8d8d670bcb02f3b84_b.jpg& data-rawwidth=&839& class=&origin_image zh-lightbox-thumb& width=&839& data-original=&https://pic1.zhimg.com/19f8d8d670bcb02f3b84_r.jpg&&&/figure&&figure&&img data-rawheight=&481& src=&https://pic1.zhimg.com/d6aaba2cb053b997caeebc3e09692d40_b.jpg& data-rawwidth=&837& class=&origin_image zh-lightbox-thumb& width=&837& data-original=&https://pic1.zhimg.com/d6aaba2cb053b997caeebc3e09692d40_r.jpg&&&/figure&&figure&&img data-rawheight=&496& src=&https://pic1.zhimg.com/222f7a0d04_b.jpg& data-rawwidth=&850& class=&origin_image zh-lightbox-thumb& width=&850& data-original=&https://pic1.zhimg.com/222f7a0d04_r.jpg&&&/figure&&figure&&img data-rawheight=&486& src=&https://pic1.zhimg.com/aeb564ed770c_b.jpg& data-rawwidth=&851& class=&origin_image zh-lightbox-thumb& width=&851& data-original=&https://pic1.zhimg.com/aeb564ed770c_r.jpg&&&/figure&&figure&&img data-rawheight=&482& src=&https://pic2.zhimg.com/9de9edbbaaff4b4437a9_b.jpg& data-rawwidth=&843& class=&origin_image zh-lightbox-thumb& width=&843& data-original=&https://pic2.zhimg.com/9de9edbbaaff4b4437a9_r.jpg&&&/figure&&figure&&img data-rawheight=&472& src=&https://pic2.zhimg.com/b11aebced1_b.jpg& data-rawwidth=&840& class=&origin_image zh-lightbox-thumb& width=&840& data-original=&https://pic2.zhimg.com/b11aebced1_r.jpg&&&/figure&&figure&&img data-rawheight=&483& src=&https://pic3.zhimg.com/e768af2e28cd2bc9fa51a_b.jpg& data-rawwidth=&846& class=&origin_image zh-lightbox-thumb& width=&846& data-original=&https://pic3.zhimg.com/e768af2e28cd2bc9fa51a_r.jpg&&&/figure&&figure&&img data-rawheight=&478& src=&https://pic1.zhimg.com/4faf27722dbcf5c0dd58b3f58beedf78_b.jpg& data-rawwidth=&854& class=&origin_image zh-lightbox-thumb& width=&854& data-original=&https://pic1.zhimg.com/4faf27722dbcf5c0dd58b3f58beedf78_r.jpg&&&/figure&&figure&&img data-rawheight=&476& src=&https://pic1.zhimg.com/e6f5355ef9af