bushiai9web
&img src=&/v2-ca39f916d7d30dccf4ca2a2ef596077d_b.jpg& data-rawwidth=&0& data-rawheight=&0& class=&content_image& width=&0&&&p&其实复杂的东西都是可以简单化的，就算是PPT也一样，我们通常以为很复杂的图形，其实通过一个简单的辅助网站或者工具就可以轻松解决，所以，利兄今天就整理了6个非常好用的PPT辅助网站。&/p&&p&公众号：利兄日志
ID：yingxiaoxinren
&br&&/p&&p&&strong&1、Flat Surface Shader&/strong&&/p&&p&这是一个在线制作&strong&lowpoly背景&/strong&的网站，我们可以直接调节低面的多个参数来实现我们想要的效果，操作非常简单，用来做ppt的背景非常棒。&br&&/p&&img src=&/v2-f4af8eade3dc62a875f5e9_b.jpg& data-rawwidth=&903& data-rawheight=&465& class=&origin_image zh-lightbox-thumb& width=&903& data-original=&/v2-f4af8eade3dc62a875f5e9_r.jpg&&&img src=&/v2-dd98e5c90b78f5e43e6f104d98f95d9a_b.jpg& data-rawwidth=&640& data-rawheight=&414& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/v2-dd98e5c90b78f5e43e6f104d98f95d9a_r.jpg&&&br&&p&&strong&2、Weavesilk&/strong&&br&&/p&&p&weavesilk是一个&strong&光线的绘画&/strong&网站，可以用鼠标绘制一些简单但是很科幻的图，支持直接保存为jpg，用做PPT的背景非常的合适~&br&&/p&&img src=&/v2-ca39f916d7d30dccf4ca2a2ef596077d_b.jpg& data-rawwidth=&640& data-rawheight=&273& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/v2-ca39f916d7d30dccf4ca2a2ef596077d_r.jpg&&&img src=&/v2-3f113ce114cd38c679783d_b.jpg& data-rawwidth=&1264& data-rawheight=&493& class=&origin_image zh-lightbox-thumb& width=&1264& data-original=&/v2-3f113ce114cd38c679783d_r.jpg&&&br&&p&&strong&3、Uigradients&/strong&&br&&/p&&p&还有一个可以制作&strong&渐变色&/strong&的网站（&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&uiGradients - Beautiful colored gradients&i class=&icon-external&&&/i&&/a&），调整一下可以制作出很好看的PPT背景哦&br&&/p&&img src=&/v2-e2ed40d6988ffed1de92adc0d3be5b3b_b.jpg& data-rawwidth=&640& data-rawheight=&235& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/v2-e2ed40d6988ffed1de92adc0d3be5b3b_r.jpg&&&br&&p&&b&4、smallpdf&/b&&br&&/p&&p&号称可以免费解决pdf的所有问题，其中包括PPT和PDF的互相转换，以及PDF文件的合并及分割。&/p&&img src=&/v2-a88c733d8ad96f2f3d51b2eff1efc48f_b.jpg& data-rawwidth=&640& data-rawheight=&287& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/v2-a88c733d8ad96f2f3d51b2eff1efc48f_r.jpg&&&br&&p&&strong&5、Tagul&/strong&&/p&&p&Tagul是一个&strong&文字云&/strong&的在线生成网站，我们可以用它轻松实现我们想要的文字效果。&/p&&img src=&/v2-fd8fb7c8d22caeeeafc428_b.jpg& data-rawwidth=&640& data-rawheight=&569& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/v2-fd8fb7c8d22caeeeafc428_r.jpg&&&img src=&/v2-42cbaa9cd7b41e0fa5c06f1_b.png& data-rawwidth=&705& data-rawheight=&367& class=&origin_image zh-lightbox-thumb& width=&705& data-original=&/v2-42cbaa9cd7b41e0fa5c06f1_r.png&&&br&&br&&p&&b&6、PPT遥控器&/b&&br&&/p&&p&全球最简单的PPT遥控器之一，无需安装APP，用微信扫面二维码可直接使用，通过上下滑动可以进行幻灯片的切换。&/p&&img src=&/v2-fb13019dccec_b.jpg& data-rawwidth=&640& data-rawheight=&291& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/v2-fb13019dccec_r.jpg&&&br&&br&&p&本文完&br&&/p&&p&公众号：利兄日志
ID：yingxiaoxinren&/p&&p&By：利兄，&/p&&br&&p&觉得有用的话，记得安利一下哦&br&&/p&&p&推荐阅读&/p&&p&&a href=&/p/?refer=chenglijian& class=&internal&&PPT图片的8种处理方法（完整版） - 玩转PPT - 知乎专栏&/a&&br&&/p&&p&&a href=&/p/?refer=chenglijian& class=&internal&&配色手册：PPT常见的5种配色方式 - 玩转PPT - 知乎专栏&/a&&/p&
其实复杂的东西都是可以简单化的，就算是PPT也一样，我们通常以为很复杂的图形，其实通过一个简单的辅助网站或者工具就可以轻松解决，所以，利兄今天就整理了6个非常好用的PPT辅助网站。公众号：利兄日志 ID：yingxiaoxinren 1、Flat Surface Shader这是一…
&b&处女贴，最近我写的一个高票回答（后来被封了），发来纯属充数。&/b&&p&&b&一句话总结：&/b&利用信息差赚钱！&br&&br&上次被屏蔽的时候说是因为版权问题，我想说都是公开下载的东西 ，收集整理并测试完好出售给需要的人也算侵权？&br&&br&------------分隔线---------以下是正文内容-----------------&br&我是搞网络的，实体接触比较少，&b&就从虚拟的角度写写高利润产品，身边操作类似项目的朋友挺多的，网络这么大 人那么多 就分享出来。 &/b&&br&&br&对本钱几乎也没有要求。适合小白，对于多数人来说 &b&月入过万可能比较难，但是几千还是非常容易的，看完后感觉赚不到钱，思路不行，你就尽管在下面喷我&/b&。不要浮躁 认真看完。&br&&br&&b&没图没真相，先上几张张淘宝的图。我就是随便搜索几个词，大家看看购买量。&/b&&br&&img src=&/9927beb6ba07fb8d6b186a627bec3219_b.jpg& data-rawwidth=&1068& data-rawheight=&790& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&/9927beb6ba07fb8d6b186a627bec3219_r.jpg&&&img src=&/d663c65f569a6804b73fe_b.jpg& data-rawwidth=&1069& data-rawheight=&452& class=&origin_image zh-lightbox-thumb& width=&1069& data-original=&/d663c65f569a6804b73fe_r.jpg&&&img src=&/4d2faa69780c_b.jpg& data-rawwidth=&1068& data-rawheight=&837& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&/4d2faa69780c_r.jpg&&&/p&&p&&b&看了上面的图 你可能感觉有点奇怪，这东西怎么高利润了？&/b&&br&&br&这些都是虚拟产品，可以无限复制粘贴，换句话说 卖一个人也是卖，卖给1000个人还是卖，边际成本递减大家应该懂吧，就是卖的越多 你的成本无限趋向于0。&br&&br&&b&需求？&/b&&br&&br&再来一张图....&br&&img src=&/ae4cfdcd6df4a488ce6ffbf_b.jpg& data-rawwidth=&1028& data-rawheight=&586& class=&origin_image zh-lightbox-thumb& width=&1028& data-original=&/ae4cfdcd6df4a488ce6ffbf_r.jpg&&&br&&br&百度指数可以查到，类似的关键词搜索量基本都几千几万... ...&br&&br&所以需要的人还是很多的，要不然也不能可能这么多人在淘宝买。&br&&br&要解决两个问题！&br&&br&货源 和 销售渠道&br&&br&&b&货源：&/b&&br&A 淘宝购买 然后转卖&br&缺点，成本可能偏高&br&优点，可以选择销量高的，质量好的产品，减少自己的筛选成本。&br&&br&B 各大资源论坛 和 网站免费下载&br&缺点 ，挨个测试有点累&br&优点， 下载完全免费，想怎么搞就怎么搞&br&&br&&b&销售：&/b&&br&不知道大家有木有 看到很多人在微信上卖营销软件、免费看电影 之类的东西。&br&平时邮箱里是否也收到类似的广告。&br&包括并不局限于淘宝，都是非常不错的销售渠道，这个需要自己扩展，人多的地方都能卖...&br&&br&其实现在已经有很多团队在做这块，因为利润太高了.... 再来1张图，&br&下图这个是出售微信营销课程的网页，这玩意其实很多地方都能下载到...看看人家销售的价格，真高啊...&br&&img src=&/7ae76c36bc882f83b3820a_b.jpg& data-rawwidth=&600& data-rawheight=&397& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/7ae76c36bc882f83b3820a_r.jpg&&&br&今天先写到这&br&&br&内容预告：项目实操案例分析&br&&br&------------------日 13:13:24---------每天写一点-----天天好心情&br&&b&有朋友私聊问软件和教程的都在哪里下载，这里我就说说我常去的几个网站&/b&&br&&br&1 .&b&吾爱破解&/b&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&吾爱破解论坛-LCG-LSG|安卓破解&i class=&icon-external&&&/i&&/a&： 国内最大的破解论坛，跟多牛逼的软件都是从这里流出来的，淘宝很多出售的软件其实都是这里的，注册好像要收费。&br&&br&2. &b&资源大亨论坛 &a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&资源大亨-专业的商业网站源码论坛和免费教程资源游戏源码分享社区&i class=&icon-external&&&/i&&/a&&/b&：唯一免费的商业资源论坛，包括视频教程、商业源码、商业软件。&br&&br&3. &b&百度网盘论坛 &/b&&a href=&/?target=http%3A//baiduyun.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度云论坛|百度网盘论坛&i class=&icon-external&&&/i&&/a& ：这个网站我常去，资源比较多，比较杂，好东西不少。&br&&br&4.&b&搜虎源码&/b&&a href=&/?target=http%3A//souho.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&搜虎精品社区www.souho.net 房产门户源码,汽车门户源码,装修门户源码,家装门户源码,地方门户源码,商业源码,vip源码,搜虎精品,精益求精,打造最具知名度的站长源码论坛!&i class=&icon-external&&&/i&&/a& ：一个源码论坛，常见的源码都有，内容不错，就是VIP有点贵。&br&&br&&b&以上是我经常去的论坛，排名不分先后，纯粹是想起来那个是那个，论坛有个好处就是比淘宝的成本低多了，这就是一个不错的优势。&/b&&br&&br&就以上面的来举例，说实话 上图中的这个团队战斗力确实厉害，收入不可想象。&br&&img src=&/3edae769fcb9dcde92669_b.jpg& data-rawwidth=&1067& data-rawheight=&807& class=&origin_image zh-lightbox-thumb& width=&1067& data-original=&/3edae769fcb9dcde92669_r.jpg&&&img src=&/4cf28d7edee_b.jpg& data-rawwidth=&600& data-rawheight=&511& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/4cf28d7edee_r.jpg&&&br&&b&下面这个图是不是有点熟悉？像不像某宝的描述!&/b&&br&&br&这类教程在淘宝卖不上价，但是一包装，到这里价格里面翻N倍。&br&&br&不要在给我提暴利，谁能有这个暴利？&br&&br&好了，既然能人家能赚钱肯定还是有道理的，说说增加利润的卖点。&b&【注：淘宝可能会被下架，所以站外引流，自建销售网站销售 效果会更好】&/b&&br&&br&1. 不和其他淘宝卖家厮杀，自建销售渠道，避免竞争红海。&br&&br&2. 教程本身具有很高的价值，可以负载这个价格，几百块相对于那些动辄几千的培训费用算是很便宜了。&br&&br&3. 其他人都是用网盘发 是不是显得不专业？ 快递一个优盘给客户，显得有点上档次了，同时避免了很多人漫长的下载。&br&&br&4. 攻心的文案必不可少，这类长文案很多做竞价的做的相当到位，大家可以参考，我看了都忍不住想买，那些真正需要的人必然有更大的诱惑。&br&&br&说说成本吧，16G的优盘市场价40元，量大可以更便宜。视频来源非常多，淘宝、其他资源论坛等，销售虚拟产品所独有的边际成本递减大家都懂。&br&&br&&b&卖1套就回本，其余都是利润...&/b&&br&&br&回答经常动了很多人的奶酪，所以喷子相当多，但是又能怎样，帮助更多人赚到钱对我来说更有趣。&br&&br&--------&b&-----日13:08:12------上面更新的是教程怎么包装后出售，下面说软件--&/b&--------&br&&br&开始继续说项目吧，继续来两张图，看看天价软件怎么卖的&br&&img src=&/b5e938cf1233c0dff6a089db_b.jpg& data-rawwidth=&600& data-rawheight=&592& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/b5e938cf1233c0dff6a089db_r.jpg&&&img src=&/c6c98e33cdc5e7984ed2db_b.jpg& data-rawwidth=&600& data-rawheight=&340& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/c6c98e33cdc5e7984ed2db_r.jpg&&&br&这软件其实上面发的几个论坛里都能下载到，但他们价格挺高的，将破解版软件改个标题然后用加密软件授权一下，就能给别人卖了。&br&&br&那么无论是软件或教程 或 其他东西 究竟怎么让更多的人知道呢，也就是该怎么宣传&br&&br&这就牵扯到引流的问题，网上赚钱的人都信奉 流量为王，说说引流的步骤。&br&我常用的是贴吧 和 Q群，非常大的用户群，这里我就用出售教程举例 ... ...&br&&br&我的目标客户是学生，因为学生比较天真，购买力也必将强，所以就在学校群，学校贴吧做营销。&br&&br&1. 获取全国各个大学的名字，这个肯定不难。&br&2. 搜Q群、搜贴吧&/p&&p&&img src=&/c6da2fcc7ff5d_b.jpg& data-rawwidth=&589& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&589& data-original=&/c6da2fcc7ff5d_r.jpg&&&br&3. 加了Q群后，用软件批量导出群成员，群发邮件（都有软件的哦）&br&4. 在贴吧里发帖，一般都是免费送教程，诱惑别人留邮箱或加好友要，然后持续营销，操作过的人肯定懂。 &/p&&p&&img src=&/cd62cb958ca27ee68e2f3fd_b.jpg& data-rawwidth=&238& data-rawheight=&401& class=&content_image& width=&238&&&br&（这是我操作其他项目导出的Q群成员中的一部分）&br&&br&这样有了精准用户，有了项目，还怕没钱吗？ 有不懂的朋友可以留言，文字的表达能力有限...&br&&br&&b&有很多评论提到版权问题，请自行百度“避风港原则”&/b&&br&&br&--------------------日10:43:13 更新-----------------&br&&br&今天说说门槛 和 怎样让你的客户知道你。&br&&br&评论中有朋友提到：申请域名、虚拟主机、以及怎样宣传都是有门槛的。我很赞同，但这些门槛非常低，稍微用点心都能搞定，就说搭建网站，其实网上一堆的教程（上面的几个网站大家找找，肯定有），有空了 我会录系列教程免费分享了。&br&&br&&b&怎样引流？让10万目标客户看到你！&/b&&br&&br&&b&言语太苍白，我尽量截图吧，一图胜万言。&/b&&/p&&p&&img src=&/90e81ffebc5651_b.jpg& data-rawwidth=&600& data-rawheight=&386& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/90e81ffebc5651_r.jpg&&&br&上图的回复够多吧，这就是精准用户，我是不是可以把内容改为，送一套化妆教程、送一套网页设计教程 ... ... 同时发在目标用户聚集的贴吧，引导他们加你的QQ ，然后进行持续空间营销。&br&&br&同样的思路可以有无数种方法，你们懂得，只能教大家到这了。&br&&br&还有就是Q群，上面说的不详细这里多补充一点。&br&&br&1.加目标用户聚集的Q群&br&2.导出群成员&br&3. 自己发 或 找第三方邮件群发服务 进行群发，每篇也就几分钱成本。&br&4. 用营销QQ批量加好友（营销QQ有点贵，这个是非必要的）&br&5. 多个号码加同一个群，互相唱双簧。&br&&br&下图是某QQ营销大神的空间，这就是传说中的病毒营销 ^_^&br&&/p&&img src=&/178d8e83adcbeeea7f783_b.jpg& data-rawwidth=&600& data-rawheight=&149& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/178d8e83adcbeeea7f783_r.jpg&&&p&自我点评：篇幅有限，不能面面俱到，基本思路就是这样，这也是目前很多人在做的一个项目，感兴趣的朋友去试试吧。&/p&
处女贴，最近我写的一个高票回答（后来被封了），发来纯属充数。一句话总结：利用信息差赚钱！ 上次被屏蔽的时候说是因为版权问题，我想说都是公开下载的东西 ，收集整理并测试完好出售给需要的人也算侵权？ ------------分隔线---------以下是正文内容----…
&img src=&/v2-c114e6ff14ad99ffcbd2f05ff4ff0950_b.png& data-rawwidth=&0& data-rawheight=&0& class=&content_image& width=&0&&&blockquote&&p&原文链接：&a href=&/?target=https%3A///%40sachagreif/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&A Study Plan To Cure JavaScript Fatigue&i class=&icon-external&&&/i&&/a&&/p&&p&作者：&a href=&/?target=https%3A///%40sachagreif& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sacha Greif&i class=&icon-external&&&/i&&/a&&/p&&/blockquote&&p&和大家一样，最近我也看了Jose Aguinaga写的&a href=&/?target=https%3A///how-it-feels-to-learn-javascript-in-dd577f%23.5wjpn7svo& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&How it feels to learn JavaScript in 2016&i class=&icon-external&&&/i&&/a&.&/p&&p&显然这篇文章击中了人们的痛处。它在&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hacker News&i class=&icon-external&&&/i&&/a&上排了不止一次第一。同样也是&a href=&/?target=http%3A///r/javascript/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&/r/javascript&i class=&icon-external&&&/i&&/a&上最火的一篇，在Medium上也有超过10k的推荐。&/p&&p&这并不能算是哗众取宠：我很早以前就了解到，JS的生态圈确实很令人困惑。事实上，我开展&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&State Of JavaScript&i class=&icon-external&&&/i&&/a&调查正是为了了解真正受欢迎的JS库，去其糟粕，取其精华。&/p&&p&今天，我不只是简单地陈述JS的发展现状，我将会向你展现一个十分具体，一步一步掌握JS知识体系的学习计划。&/p&&h2&目标人群&/h2&&p&这份学习计划写给：&/p&&ul&&li&你熟悉例如变量方法一类的基本的编程概念；&/li&&li&你之前有了解过PHP/Python一类的后端语言，也使用过jQuery一类的库；&/li&&li&你想要更深入的了解前端开发，却迷失在无数的框架和类库当中不知道何去何从。&/li&&/ul&&h2&涵盖内容&/h2&&ul&&li&当前JS应用的构成&/li&&li&为什么仅使用jQuery是不够的&/li&&li&为什么React是最合适的选择&/li&&li&为什么你没必要一开始就“全面掌握JavaScript”&/li&&li&如何学习ES6语法&/li&&li&为什么以及如何学习Redux&/li&&li&GraphQL是个什么玩意儿&/li&&li&在这之后该学些什么&/li&&/ul&&h2&学习资料说明&/h2&&p&免责声明：文章会提到一些来自&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wes Bos&i class=&icon-external&&&/i&&/a&的教程链接，仅作推荐，并不是推广广告。&/p&&p&如果你想要找到别的相关资料，Mark Erikson在Github上有一个收集列表&a href=&/?target=https%3A///markerikson/react-redux-links& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React, ES6, and Redux&i class=&icon-external&&&/i&&/a&&/p&&h2&此JavaScript非彼JavaScript&/h2&&p&首先明确一下这份学习计划主要目的。随便你一搜“学习JavaScript”或者“JavaScript学习计划”，就能够找到无数有关学习&strong&JavaScript语言&/strong&的教程资源。&/p&&p&但这其实属于比较简单的部分。对一门语言的学习理解可以挖的很深，可是事实上大部分Web应用的代码是很简单的。换句话讲，编写Web应用所需的80%的知识在你看的JavaScript教程书籍的前几章就都涵盖了。&/p&&p&真正的困难在于掌握包含了数不胜数的框架和库的JavaScript的生态体系。这篇学习计划主要关注的就是这部分内容。&/p&&h2&JavaScript应用的框架结构&/h2&&p&为了理解当前JavaScript应用的复杂性，我们首先需要了解他们是如何运作的。&/p&&p&首先我们看一下2008年标准的Web应用的构成：&/p&&img src=&/v2-ff9bbf7083abdb598b2e1f_b.png& data-rawwidth=&1200& data-rawheight=&217& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-ff9bbf7083abdb598b2e1f_r.png&&&ol&&li&数据库为后端提供数据（后端可以是PHP或Rails等）；&/li&&li&后端解析数据并输出HTML；&/li&&li&HTML被发送到浏览器，以网页的形式展示。&/li&&/ol&&p&现在这类应用也有一些客户端的JS代码，用来增加交互（例如标签、模态窗口等），但本质上，浏览器仍是从服务器获取HTML的内容。&/p&&p&现在拿当前2016年的Web应用（也称作：单页面应用）与之比较：&/p&&img src=&/v2-b42f2b1a79ed9ec2ec309e_b.png& data-rawwidth=&1200& data-rawheight=&217& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-b42f2b1a79ed9ec2ec309e_r.png&&&p&发现其中的区别了么？并不是从服务器发送HTML内容，而是只返回数据，数据到HTML的渲染步骤都发生在客户端（同样也返回客户端如何根据会话进行反馈的代码）。&/p&&p&这么做有好有坏，首先好处是：&/p&&ul&&li&对于相同的某块内容，只发送数据要比发送HTML页面快。&/li&&li&客户端不需要刷新页面就可以进行交互改变内容（这也是为什么称其为单页面应用的原因）&/li&&/ul&&p&缺陷是：&/p&&ul&&li&初次加载需要更久，因为 “数据转换成HTML”的代码量会很大。&/li&&li&为了方便缓存和查询，你在客户端也需要有一块地方管理和存储数据。&/li&&/ul&&p&比较脏的是：&/p&&ul&&li&恭喜你，现在客户端的技术栈和服务器端一样复杂啦。&/li&&/ul&&h2&客户端与服务器的范畴&/h2&&p&既然有这么多缺陷我们为什么还要遭这份儿罪呢？就像以前那样使用PHP后端不好么？&/p&&p&那么，试想一下你开发一个计算器应用。如果用户想知道2+2的结果，在服务器端计算再返回是非常傻的，因为浏览器完全有能力实现这种需求。&/p&&p&但另外一方面，如果你只是搭建博客一类的静态站点的话，在服务器端直接生成HTML内容就挺合适的。&/p&&p&而事实上，大部分的Web应用都介于这两者之间，问题就是我们到底采用何种架构。&/p&&p&关键是两种架构是无法过渡的：你不能开始写一个纯服务器端应用然后慢慢迁移到纯客户端。有些情况下，你将不得不停下来把所有的部分都重构，或者遗留下一堆无法维护的杂乱代码。&/p&&img src=&/v2-15b1a832d1_b.png& data-rawwidth=&1200& data-rawheight=&217& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-15b1a832d1_r.png&&&p&这也解释了你为什么不能在所有项目中“只用jQuery”。你可以把jQuery想象成万金油。房间里需要修修补补的时候它有奇效，而你如果滥用的话只会让一切看起来很糟糕。另外一方面，当前的JavaScript框架就好像3D打印技术革新一样：耗时更久，但结果更简洁可靠。&/p&&p&换句话讲，掌握当前流行的JavaScript技术栈就是赌绝大多数的Web应用可能最终都将把服务器端客户端划分开来。你确实需要付出更多的学习成本。不过少壮不努力，老大只得徒伤悲。&/p&&h2&第一周：JavaScript基础&/h2&&p&除非你之前是个纯后端开发者，你多少都应该知道点JavaScript.即使你不懂，JavaScript的语法看起来也很像C，对于PHP或Java开发者来说应该不会太陌生。&/p&&p&要是你之前一点都不了解JavaScript也没关系。网上可以找到很多相关的免费教程让你快速入门。例如&a href=&/?target=https%3A///learn/javascript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Codecademy’s JavaScript lessons&i class=&icon-external&&&/i&&/a&就很不错。&/p&&ul&&li&&a href=&/?target=http%3A//.cn/js/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript 教程&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=http%3A///wiki/867bd51a89c25cc8b43bdb3000/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript全栈教程&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript MDN&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JavaScript 标准参考教程&i class=&icon-external&&&/i&&/a&&/li&&/ul&&h2&第二周：开始学习React&/h2&&p&掌握了JavaScript的基本语法之后，你多少明白些为什么JavaScript应用会如此复杂了，我们直接说点具体的，从哪里上手呢？&/p&&p&我想答案就该是&a href=&/?target=https%3A//facebook.github.io/react/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React&i class=&icon-external&&&/i&&/a&.&/p&&img src=&/v2-f11dca6eddc_b.png& data-rawwidth=&800& data-rawheight=&533& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/v2-f11dca6eddc_r.png&&&p&React是Facebook开源的UI工具库。换句话讲，它主要用来处理数据到页面的渲染步骤（视图层）。&/p&&p&不要误会我：我推荐你选用React不是因为它是全世界最好的框架（这太过主观了），而是因为它确实非常受欢迎。&/p&&ul&&li&React也许不是全世界最受欢迎的框架，但真的有很多人都喜欢它。&/li&&li&React也许不是最轻量的框架，但也并不臃肿。&/li&&li&React也许并不是最易上手的框架，但也挺友好的。&/li&&li&React也许并不是最优雅的框架，但也够优雅了。&/li&&/ul&&p&换句话讲，React也许不是所有情况下的最优选择，但它是最靠谱的。而其相信我，在你刚刚开始的时候，还是不要太特立独行的好。&/p&&p&学习React同样有助于你了解一些实用的概念。例如组件、应用状态、无状态方法等。这对你学习任何别的框架和库都是很有价值的。&/p&&p&最后，React有着当前最大的生态体系，许多包和库都能和它非常好地协同，同时它庞大的社区也可以让你比较轻松地在网上获取到帮助。&/p&&p&我个人推荐&a href=&/?target=https%3A///friend/STATEOFJS& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React for Beginners&i class=&icon-external&&&/i&&/a&这个教程。我自己当时就学了这个教程，而且它最近刚刚更新了React的最佳实践。&/p&&ul&&li&&a href=&/?target=http%3A///blog/2015/03/react.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React 入门实例教程&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=http%3A///react/react-tutorial.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React 教程&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=http%3A///yunfeifei/p/4486125.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&一看就懂的ReactJs入门教程-精华版&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=http%3A//blog.csdn.net/a/article/details/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&十分详细的React入门实例&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=https%3A///wxyyxc1992/Web-Develop-Introduction-And-Best-Practices/tree/master/Frontend/Framework/View/React& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React 入门与最佳实践&i class=&icon-external&&&/i&&/a&&/li&&/ul&&h2&你需要先“全面掌握JavaScript”么？&/h2&&p&假如你是个按部就班的同学，你可能希望先踏踏实实地牢固打好JavaScript的基础。&/p&&p&但对于大多数人来讲，这就好像为了学游泳去学人体解剖和流体力学一样。确实，这两门专业知识对游泳来说都至关重要，不过还是直接跳到池子里开始游爽啊！&/p&&p&这个问题没有对错，全在于你的学习方法。事实上，大部分的React基础教程都只需要很少一部分JavaScript知识，你只需要先掌握这部分内容就足够了。&/p&&p&这个道理同样适用于广义上的JavaScript知识体系。你并不需要担心不理解Webpack或Babel的输入输出。事实上，React推出的&a href=&/?target=https%3A///facebookincubator/create-react-app& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&命令行工具&i class=&icon-external&&&/i&&/a&可以让你完全不必担心配置就初始化好应用。&/p&&h2&第三周：你的第一个React应用&/h2&&p&在你学完了React的教程之后，你可能面临和我当时相同的状况：&/p&&ul&&li&你把你刚学的内容可能已经忘了一半了。&/li&&li&你等不及要带着剩下的一半知识上手实践一下。&/li&&/ul&&p&我坚信学习一个框架或一门语言的最好方法就是上手实践。而写一些个人项目则是实验新技术的最好选择。&/p&&p&一个个人开发项目可以简单到只是一个页面，也可以复杂到一个完整的Web应用。我感觉用新技术重新设计你的个人网站难度刚刚好，另外，你估计也很久没有更新过你个人站的架构了。&/p&&p&我之前提到过，用单页应用展示静态内容确实有些大材小用了，不过React有一款很棒的工具&a href=&/?target=https%3A///gatsbyjs/gatsby& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Gatsby&i class=&icon-external&&&/i&&/a&，一个React架构的静态站点生成器，可以让你体验React的所有优点。&/p&&img src=&/v2-18faef315fdedfc1f5b69f_b.jpg& data-rawwidth=&800& data-rawheight=&501& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/v2-18faef315fdedfc1f5b69f_r.jpg&&&p&使用Gatsby入门React的好处有以下几条：&/p&&ul&&li&一个预先配置好的Webpack，这意味着你要省下很多麻烦（Webpack配置简直太反人类）。&/li&&li&根据你的目录结构自动生成路由。&/li&&li&所有的HTML都会在服务器端渲染，弥补了客户端渲染的不足。&/li&&li&静态站点也可以不必担心服务器端，并且可以轻松托管在&a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Github Pages&i class=&icon-external&&&/i&&/a&上。&/li&&/ul&&p&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&State Of JavaScript&i class=&icon-external&&&/i&&/a&就是我用Gatsby开发的，不需要操心路由、构建工具配置、服务器端渲染等烦人的问题，为我节约了大量的时间。&/p&&h2&第四周：熟悉ES6&/h2&&p&在我学习React的过程中，我很快就发现我可以很轻松地复制粘贴代码示例，但剩下的很多仍然不懂。&/p&&p&尤其是不熟悉&a href=&/?target=http%3A//es6-features.org/%23Constants& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ES6&i class=&icon-external&&&/i&&/a&的语法：&/p&&ul&&li&箭头函数Arrow functions&/li&&li&对象解构Object destructuring&/li&&li&类Classes&/li&&li&展开操作符The spread operator&/li&&/ul&&p&如果你也有相同的感受，那就是时候花些时间好好学学ES6了。&a href=&/?target=https%3A//es6.io/friend/stateofjs& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ES6 for Everybody&i class=&icon-external&&&/i&&/a&就是一个很不错的教程。&/p&&p&你想要免费的教程也有，Nicolas Bevacqua的&a href=&/?target=https%3A///books/practical-es6/chapters& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Practical ES6&i class=&icon-external&&&/i&&/a&就不错。&/p&&ul&&li&&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECMAScript 6入门&i class=&icon-external&&&/i&&/a&&/li&&/ul&&p&掌握学习ES6的一个比较好的实践方法是重构你在第三周写的代码，尽量都转换为更简洁的ES6写法。&/p&&h2&第五周：掌握状态管理&/h2&&p&到现在这个阶段你应该已经能写一些静态内容的React前端了。&/p&&p&但真正的Web应用肯定不是静态的：他们需要从数据库一类的后端获取数据。&/p&&p&现在你可以用React给每个独立的组件传入数据，可应用一旦复杂了使用这种方式就会很凌乱。例如当两个组件需要展示同一组数据，或者需要相互通信的时候。&/p&&p&这就是引入&strong&状态管理&/strong&概念的时候了。与在你的各个组件中一小块一小块存储状态(state)不同的是，你可以将所有的数据存储在一个全局store中，然后再分发给每个React组件：&/p&&img src=&/v2-62ee4cbf759e55e_b.png& data-rawwidth=&1200& data-rawheight=&201& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-62ee4cbf759e55e_r.png&&&p&在React阵营里，Redux是最受欢迎的状态管理库。Redux不仅能帮助你集中管理数据，同样可以将对数据的操作限制在一定规范内。&/p&&img src=&/v2-2f1b635c9dd38cc8ef3cbccd7f34ba31_b.jpg& data-rawwidth=&600& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/v2-2f1b635c9dd38cc8ef3cbccd7f34ba31_r.jpg&&&p&你可以将Redux想象成一个银行：你不能直接修改你账户的存款数字（来来来，让我在后面多加几颗零吧！）。而是需要填写存款表单，让银行出纳认证后来完成这个操作。&/p&&p&相似的，Redux也不允许你直接修改全局state的数据。而是通过向reducers传递actions来进行，reducer其实就是一个接收旧状态和操作返回新状态的方法。&/p&&p&这些看似多余的工作可以让你很好地维护管理你应用中的数据流。&a href=&/?target=https%3A///gaearon/redux-devtools& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Redux Devtools&i class=&icon-external&&&/i&&/a&这样的工具可以很好地显示数据流的变化。&/p&&img src=&/v2-ce362dbff4bc5f3aa8ca0_b.jpg& data-rawwidth=&776& data-rawheight=&688& class=&origin_image zh-lightbox-thumb& width=&776& data-original=&/v2-ce362dbff4bc5f3aa8ca0_r.jpg&&&p&同样你也可以在Wes的网站上学习&a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Redux 教程&i class=&icon-external&&&/i&&/a&，这个是免费的。&/p&&p&或者你喜欢视频教程，也可以参考Dan Abramov在&a href=&/?target=https%3A//egghead.io/courses/getting-started-with-redux& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&egghead.io上的视频教程&i class=&icon-external&&&/i&&/a&&/p&&ul&&li&&a href=&/?target=http%3A///blog/2016/09/redux_tutorial_part_one_basic_usages.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Redux 入门教程&i class=&icon-external&&&/i&&/a&&/li&&li&&a href=&/?target=https%3A///wxyyxc1992/Web-Develop-Introduction-And-Best-Practices/tree/master/Frontend/Framework/StateManagement/Redux& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Redux 入门与最佳实践&i class=&icon-external&&&/i&&/a&&/li&&/ul&&h2&最后一周：使用GraphQL构造APIs&/h2&&p&到目前为止，我们谈论的大部分内容都在客户端，这只是整个应用的一半而已。即便你现在不需要完全了解Node的生态体系，你也需要了解对任何Web应用都至关重要的一点：数据是如何从服务器获取并传到客户端的。&/p&&p&同样也是由Fackbook开源的项目&a href=&/?target=http%3A//graphql.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GraphQL&i class=&icon-external&&&/i&&/a&，它可以作为传统REST APIs的替代解决方案。&/p&&img src=&/v2-71a2f1f78caeafd4426b34_b.png& data-rawwidth=&800& data-rawheight=&470& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/v2-71a2f1f78caeafd4426b34_r.png&&&p&不同于REST API根据你预先定义的数据集（例如 /api/posts, /api/comments, etc.）分发出不同的REST路径。GraphQL可以让你只通过一个数据端像操作数据库一样按需查询数据。&/p&&p&想象成一个人分别多次去生食店、面包店、果树店与他带着一个购物清单去的区别。&/p&&p&这种新的策略在你需要请求多组数据源的时候非常有意义。就像我们上面举的购物清单例子，你只需要一次请求就可以获取所有的数据。&/p&&p&GraphQL在过去的一年里火了起来，很多例如Gatsby的项目都开始打算使用它。&/p&&p&GraphQL本身只是一项协议，它最好的实现是能和Redux非常好地协同的&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Apollo&i class=&icon-external&&&/i&&/a&这个库。现在网上的相关教程确实比较少，不过&a href=&/?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Apollo 官方文档&i class=&icon-external&&&/i&&/a&已经能让你很好地了解它了。&/p&&h2&除了React之外呢&/h2&&p&我推荐你从学习React生态体系开始因为选它确实很靠谱。但并不意味着只有这一种可靠的前段技术栈。我这里还有两个别的推荐：&/p&&p&&strong&Vue&/strong&&/p&&p&&a href=&/?target=http%3A//vuejs.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Vue&i class=&icon-external&&&/i&&/a&是新近火起来的一个框架，很多百度阿里一类的大公司也都开始使用了。它也同样是PHP框架Laravel的官方前端实现。&/p&&img src=&/v2-d0aaf1b4036_b.png& data-rawwidth=&800& data-rawheight=&452& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/v2-d0aaf1b4036_r.png&&&p&相比React，它的主要卖点是：&/p&&ul&&li&官方提供维护的路由和状态管理类库&/li&&li&专注于性能表现&/li&&li&更低的学习成本，可以直接使用HTML模板而不是JSX&/li&&li&更少的模板代码&/li&&/ul&&p&React更强大的地方在于它庞大的生态体系，例如&a href=&/?target=https%3A//facebook.github.io/react-native/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React Native&i class=&icon-external&&&/i&&/a&一类的实现。不过Vue也在越来越壮大。&/p&&ul&&li&&a href=&/p/& class=&internal&&新手向：Vue 2.0 的建议学习顺序&/a&&/li&&/ul&&p&&strong&Elm&/strong&&/p&&p&如果说Vue还和React比较类似的话，&a href=&/?target=http%3A//elm-lang.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Elm&i class=&icon-external&&&/i&&/a&是更加前卫的一种实现。Elm不仅是一个框架，更是一种建立在JavaScript之上的语言，类似CoffeeScript/TypeScript等。&/p&&p&它有很多优点，例如性能提升，语义化的版本，没有运行异常等。&/p&&p&在&a href=&/?target=http%3A///2016/flavors/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&State Of JavaScript&i class=&icon-external&&&/i&&/a&调查中，有84%使用过它的开发者都很满意。&/p&&h2&接下来学什么？&/h2&&p&相信在学完上述的内容之后你已经熟练掌握了React的前端技术栈了。希望你在实际开发中也能很好地应用它。&/p&&p&但这并不能证明你已经精通了JavaScript！这仅仅是掌握整个JavaScript技术体系的开始而已。这里还有一些你可能感兴趣的内容（内容本来也是英文所以就不翻译啦）：&/p&&ul&&li&JavaScript on the server (Node, &a href=&/?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Express&i class=&icon-external&&&/i&&/a&…)&/li&&li&JavaScript testing (&a href=&/?target=https%3A//facebook.github.io/jest/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jest&i class=&icon-external&&&/i&&/a&, &a href=&/?target=https%3A///airbnb/enzyme& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Enzyme&i class=&icon-external&&&/i&&/a&…)&/li&&li&Build tools (&a href=&/?target=https%3A//webpack.github.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Webpack&i class=&icon-external&&&/i&&/a&…)&/li&&li&Type systems (&a href=&/?target=https%3A//www.typescriptlang.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TypeScript&i class=&icon-external&&&/i&&/a&, &a href=&/?target=https%3A//flowtype.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Flow&i class=&icon-external&&&/i&&/a&…)&/li&&li&Dealing with CSS in your JavaScript apps (&a href=&/?target=https%3A///css-modules/css-modules& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CSS Modules&i class=&icon-external&&&/i&&/a&, &a href=&/?target=https%3A///styled-components/styled-components& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Styled Components&i class=&icon-external&&&/i&&/a&…)&/li&&li&JavaScript for mobile apps (&a href=&/?target=https%3A//facebook.github.io/react-native/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&React Native&i class=&icon-external&&&/i&&/a&…)&/li&&li&JavaScript for desktop apps (&a href=&/?target=http%3A//electron.atom.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Electron&i class=&icon-external&&&/i&&/a&…)&/li&&/ul&&p&一篇文章远远不足以介绍所有这些内容。万事开头难，不过你要对自己有信心。等到你了解了JS的各部分实现是如何协同之后，接下来要做的也不过就是每个月都学习点火起来的新技术而已。&/p&&p&有任何问题以及好的意见或建议欢迎在评论区参与讨论。&/p&
原文链接：作者：和大家一样，最近我也看了Jose Aguinaga写的.显然这篇文章击中了人们的痛处。它在上排了不止一次第一。同样也是上最…
&p&推荐个大家都没提到的，给前面几个高票补充一下。&/p&&p&先插一句。。。有一个在银行工作的哥哥帮着管理了一下银行的公众号（某P姓银行），他跟我说用第三方最头疼的就是找不到&b&客服&/b&，比如有一些问题根本没办法沟通&/p&&br&&p&这次说正事。。。&/p&&br&&p&上面有个答主说自己码，我觉得也挺好，但既然需要第三方来解决，可能是觉得麻烦呀，不系统啊，或者技术条件不够完善呀等等原因吧，要求这样的平台建设需要外力支持。&/p&&p&其实对于高校而言，尤其是学生组织，一般都挺穷的（你懂的，团委拨款是拨款，老师肯给你的可以去摆个阵算一下）收费的第三方在这里就不赘述了。。。收费自然有他的道理，商业性质也会更浓一些，而这些第三方通常企业应用的会比较多&/p&&p&于是就跳转下一个问题，高校适用的第三方，最优解是&b&免费的&/b&&/p&&br&&p&再接下来是应用部分，&/p&&p&微信墙、抽奖、校园新闻、查课表。。。这些&b&基础功能&/b&其实很重要很重要&/p&&p&对于学生来说，第一要义是能用，第二才是颜值。第三方不是图文推帖，是跟进一种技术支持和框架，很难说从文字、图片、八卦等一些方面来寻求一种感官的共鸣。于是好用对学生来说很重要，同样的对平台管理来说，能用最简单的操作方式实现功能最大化是最重要的，操作方法越傻瓜越好，不然还不如去敲代码&/p&&br&&p&下一个问题，颜值。&/p&&p&其实说是颜值问题不如说是&b&个性化&/b&，对高校学生组织来说，A大学和B大学，一条马路南和北两个学校，都要办活动，搞抽奖，做微信墙，也都要查成绩查课表。。。所以大家只是教务系统不一样的差别吗？于是第三方在给高校提供服务的时候，个性化也显得尤为重要了。&/p&&br&&p&还有！&/p&&p&就是第三方能带给我&b&粉丝&/b&吗？&/p&&p&在高校做新媒体或者校园宣传的宝宝们，尤其到考核的时候，平台关注度和粉丝量是一项很重要的指标，不然谁没事社关注后投票！不都是为了涨粉吗！！！&/p&&br&&p&让我推荐十个八个第三方我也做不到。。。&/p&&p&推荐一个我用过的，用了一年多的&/p&&p&【校校】&a href=&///?target=http%3A//www.xiaoxiao.la/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&www.xiaoxiao.la&i class=&icon-external&&&/i&&/a&&/p&&p&首页打开是酱紫的&/p&&img src=&/070d684b22f4d8ab95d772aa9fcf4ac2_b.png& data-rawwidth=&359& data-rawheight=&573& class=&content_image& width=&359&&&img src=&/3dddb3dcf81be1b9104d_b.png& data-rawwidth=&848& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&848& data-original=&/3dddb3dcf81be1b9104d_r.png&&&img src=&/71da14d0bc2ecbcf9b426c829ca6aedf_b.png& data-rawwidth=&746& data-rawheight=&385& class=&origin_image zh-lightbox-thumb& width=&746& data-original=&/71da14d0bc2ecbcf9b426c829ca6aedf_r.png&&&img src=&/ff148f6c74e8ddef43c62d9_b.png& data-rawwidth=&967& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&967& data-original=&/ff148f6c74e8ddef43c62d9_r.png&&&img src=&/6ab6fbf62_b.png& data-rawwidth=&973& data-rawheight=&334& class=&origin_image zh-lightbox-thumb& width=&973& data-original=&/6ab6fbf62_r.png&&&img src=&/bc8a59ef349f61c839bfe2_b.png& data-rawwidth=&961& data-rawheight=&477& class=&origin_image zh-lightbox-thumb& width=&961& data-original=&/bc8a59ef349f61c839bfe2_r.png&&&br&&p&&b&（一）微首页&/b&&/p&&p&实际上我刚提到的那个“颜值”的问题在这个版块里能比较好的解决了&/p&&p&也就是我们常常提到的高校公众号的&u&独特性、个性化&/u&&/p&&br&&img src=&/ee3be8acb5_b.jpg& data-rawwidth=&720& data-rawheight=&1239& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/ee3be8acb5_r.jpg&&&br&&br&&p&后台提供微首页模板，板块的选择、排列以及微首页的背景都可以自定义来选择，让传统单调乏味的自定义菜单变得色彩化、趣味化以及立体化。&/p&&br&&br&&p&&b&（二）活动版块&/b&&/p&&img src=&/402cf3a3c6d20be41afdb01a4c0aaf2a_b.png& data-rawwidth=&220& data-rawheight=&188& class=&content_image& width=&220&&&br&&br&&br&&p&活动报名、晚会门票抢票功能，仅需要用户在前端进行信息输入，高校活动主办方即可在后台导出所有报名者信息的EXCEL表格，&/p&&p&做过excel的你们懂得。。。直接导出我终于可以睡觉了（摔）比左一张右一张的纸质表单方便很多。&/p&&p&重点是。。。&b&涨粉&/b&，很为平台吸粉。。。因为。。。不得不关注（doge脸）&/p&&br&&p&&b&（三）互动版块&/b&&/p&&p&1.微信上墙&/p&&img src=&/60af091eeadc0dd257f59eb_b.png& data-rawwidth=&129& data-rawheight=&220& class=&content_image& width=&129&&&br&&br&&br&&br&&p&微信上墙已经成为高校活动中必不可少的互动功能，办晚会撕个逼侃大山表个白什么的，基本都在这里了，也在很大程度上提高了微信平台的活跃度。&b&&u&涨粉，涨粉，涨粉，&/u&&/b&重要的事情说三遍&/p&&br&&p&2.投票功能&/p&&p&&img src=&/daecf9d1eff2a23_b.jpg& data-rawwidth=&124& data-rawheight=&220& class=&content_image& width=&124&&微信爸爸那个300*300的图片我已经无力吐槽了。。。&/p&&p&第三方的投票，好看好看好看（微笑）&/p&&p&微信后台那个页面颜值红红火火恍恍惚惚&/p&&br&&br&&p&3.大转盘抽奖功能&/p&&p&&img src=&/0e74a0f74446dee2c8e8_b.png& data-rawwidth=&220& data-rawheight=&171& class=&content_image& width=&220&&只需要设置名称、图片、抽奖频率，以及选择中奖者需要登记的信息&/p&&p&就&/p&&p&结束了。。。&/p&&p&而且后台也可以直接导出excel&/p&&br&&br&&br&&p&（四）权益板块&/p&&p&1.失物招领功能&/p&&img src=&/11b517b6631476ccbc95ba_b.png& data-rawwidth=&135& data-rawheight=&220& class=&content_image& width=&135&&&br&&br&&br&&p&招领，寻物，搜索，我的。一目了然。&/p&&br&&p&2.提案功能&/p&&img src=&/c884d7823ceb8bd0d93ae_b.png& data-rawwidth=&140& data-rawheight=&220& class=&content_image& width=&140&&&br&&br&&br&&p&分为四块：待解决、已解决、搜索、我的。&/p&&p&所有的问题简单清晰，一目了然。&/p&&p&点击未解决页面，可以帮顶未解决的问题，使得问题置顶。&/p&&p&点击已解决进入子页面，可看到组织者对问题的解答。&/p&&br&&p&3.成绩查询功能&/p&&img src=&/5e206d621daf9cd91edb427818dcf0ea_b.png& data-rawwidth=&140& data-rawheight=&220& class=&content_image& width=&140&&&br&&br&&br&&p&点击“立即进入”进入查成绩界面，选择左上角的学校，就可以查看自己的成绩、课表等项目。&/p&&p&选择成绩，进入子界面，学生的成绩按照学年、学期清楚的排列开。&/p&&p&并且还有测职业、属性分析这些嘤嘤嘤的功能。&/p&&br&&p&4.组织风采功能&/p&&img src=&/140f37b1b08ea7e0388e60_b.jpg& data-rawwidth=&720& data-rawheight=&1242& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/140f37b1b08ea7e0388e60_r.jpg&&&br&&br&&br&&p&把本校的所有学生组织的主页集中到一起进行展示，其中各个组织的主页包含组织的介绍、组织即将举办的活动报名、组织招新等功能，同时在下方可以点击按钮切换，看到全国各个地区高校的学生组织的信息。&/p&（然后他们跑过来看自己的页面于是关注了平台。。。）&br&&p&----------------------------------以上------------------------------------------&/p&&br&&p&别问我怎么知道这么多。。。&/p&&p&毕竟用了一年多了&/p&&p&总之高校学生组织在找微信第三方的时候，&/p&&p&其实和一般的自媒体或者企业选择的方向会不同，&/p&&p&&b&好用&/b&，真的很重要。。。&/p&&p&另外就是很多学校会有很多奇奇怪怪的需求，&/p&&p&&b&找得到客服去沟通也很重要&/b&&/p&&p&这个第三方团队全都是大学生，沟通起来会方便很多，&/p&&p&这样的第三方能知道高校在搞什么需要什么，不至于说起来有代沟。&/p&&p&而且（大学生嘛时间弹性也比较大随时找得到人）&/p&&p&当然了每个微信第三方都会存在一定的缺陷，&/p&&p&这样年轻人的团队在很多套路方面肯定不会有大公司那么老司机。&/p&&br&&p&贴心+耐心，用心做事，我觉得特别重要。&/p&&p&最后链两个链接吧&/p&&p&&a href=&///?target=http%3A///view/.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&校校_百度百科&i class=&icon-external&&&/i&&/a&&br&&/p&&p&&a href=&///?target=http%3A///news/4640965.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&90后获千万元融资 “靠关系”玩转高校市场&i class=&icon-external&&&/i&&/a&&/p&
推荐个大家都没提到的，给前面几个高票补充一下。先插一句。。。有一个在银行工作的哥哥帮着管理了一下银行的公众号（某P姓银行），他跟我说用第三方最头疼的就是找不到客服，比如有一些问题根本没办法沟通 这次说正事。。。 上面有个答主说自己码，我觉得…
出来工作两年多了，说说我一些所思所感，权当吐槽吧。&br&&br&1.要把每个月花在健身，读书，考证的钱，当做投资，而不是单纯的消费，这样你花在这方面的钱，才会理直气壮，而不是扭扭捏捏。&br&&br&2.你对时间的态度，一定侧面上，反应了你的生活轨迹。重视下班后的碎片时间，赋予它们以意义，而不是每天回到家，瘫坐在沙发上，看着娱乐节目，痴痴地笑。&br&&br&3.别做滥好人，处处释放你的爱心与热忱。千篇一律的老好人，只能给你带来「这个可以被欺负」的标签。&br&&br&4.不要在同一个圈子里面，说任何人的坏话。无论这个人对你多坏，毕竟这世界上，没有不透风的墙。&br&&br&5.别人对你表示出善意，你要给予回应。人情如同充电宝，只放不充，慢慢也会耗尽。&br&&br&6.还没做的事情，不要事先给自己造成压力。回想你之前一直顾虑的事情，是不是很多都只是杞人忧天，庸人自扰。&br&&br&7.没有任何困难，是不能通过「吃」来解决的。每天吃着自己做的饭菜，肚子满满的都是满足。&br&&br&8.在未充分了解他人的前提下，不要好为人师的给人建议。受建议的人，会觉得你装逼不讨好，而你也只能两手空空，什么也没有得到。&br&&br&这几天想到了一些，补充如下：&br&&br&9.拖延症是一个很可怕的魔鬼。它让你暂时性地逃避真正需要做的事情，纵然你可以玩乐，但空气却到处充满悔恨、内疚、提心吊胆的味道。&br&&br&10.只有行动能够治疗焦虑，与其脑子里规划着一条又一条路子，不如现在就迈出新的一步。&br&&br&11.收窄自己的兴趣，把自己的专注力，倾注在最重要的事物之上。别今天办张健身卡，不到三天，就后悔不已。&br&&br&12.你可以在学校看见成群成群的学生，但毕业后，独来独往，将会成为你的常态，好好享受属于你的独处时光。&br&&br&&br&&br&感谢阅读。
出来工作两年多了，说说我一些所思所感，权当吐槽吧。 1.要把每个月花在健身，读书，考证的钱，当做投资，而不是单纯的消费，这样你花在这方面的钱，才会理直气壮，而不是扭扭捏捏。 2.你对时间的态度，一定侧面上，反应了你的生活轨迹。重视下班后的碎片时…
&img src=&/v2-addfb8f5172f_b.jpg& data-rawwidth=&0& data-rawheight=&0& class=&content_image& width=&0&&&p&这个年代的特色之一就是人人都有智能手机，人人都能当摄影师，每天的朋友圈都能被各路人马的照片刷屏，基本上是个小文青，就能拍一手黑白又有哲思的照片，从民国风到小清新，涵盖各种风格。这里，我为大家推荐几款真正的摄影爱好者必备款网站/APP。&/p&1、500px&p&&img src=&/v2-3de89f3a25c823aa63ba7e_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-3de89f3a25c823aa63ba7e_r.png&&500px是我强烈推荐的一款产品，有网站的同时也开发了APP，主打的特色就是摄影人的社交网站，上面的图片都是世界各地的偏专业的摄影人上传的照片，非常棒，所以很适合用来提高审美，而且里面还有一个照片交易的功能，就是上传者的照片只要够好，引起了关注，就会有人来买使用权，非常不错。&/p&&p&2、magnum photos&/p&&p&&img src=&/v2-ee0fdf64c355baae295a_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-ee0fdf64c355baae295a_r.png&&马格南真的是好到哭出来了，这个网站才是真正摄影大师的作品发布网站，能被这个网站收录的照片，都是能用来当教材的。马格南的会员也是相当难进的，华人就没有几个，它的图片社号称全世界最重要的摄影图片社，是一家世界知名且具有重要影响力的摄影经纪公司。&/p&&br&&p&3、蜂鸟网&/p&&p&&img src=&/v2-e800a07b76d099f509a1ae_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-e800a07b76d099f509a1ae_r.png&&蜂鸟是一家专业的摄影门户，上面的内容从摄影入门教程到最近的活动指南，以及新近发布的摄影器材等等，门类多种多样，也是非常不错的。当然，蜂鸟也是有自己的APP的。&/p&&p&4、POCO社区&/p&&p&&img src=&/v2-5ee985d595a4e8b2c73b8f0aa6a4dc26_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-5ee985d595a4e8b2c73b8f0aa6a4dc26_r.png&&POCO社区和蜂鸟差不多，也是一个摄影时尚的网站，开发了自己的APP，上面有各种各样的摄影相关的信息，基本上各个门类的都能找到。&/p&&p&5、LOFTER&/p&&p&&img src=&/v2-a5a3a719aa4e17a97c90b6cac6bbda2e_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-a5a3a719aa4e17a97c90b6cac6bbda2e_r.png&&LOFTER是网易的产品，设计得非常小清新，主要是APP，网站的风格也向APP看齐，总之就是也很不错的。最主要的是，上面不止有图片，还有各类文章和音乐，是一个小清新气息十足的产品。&/p&&br&&p&6、花瓣&/p&&p&&img src=&/v2-0993910bcc95c138ddf2e1_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-0993910bcc95c138ddf2e1_r.png&&花瓣是国内最主要的图片类社交网站之一，也是很多设计师爱去的网站，当然，也开发有对应的APP，事实上，写微信公众号或者知乎的文章的时候，在上面找找配图，没准会有惊喜。&/p&&p&7、Pinterest&/p&&p&&img src=&/v2-d8f55d3f27d3e55767ab_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-d8f55d3f27d3e55767ab_r.png&&Pinterest也是蛮火的一个图片社交类APP，网站上也有精美的图片流。它的特色就是用各式各样的图片流来吸引人的目光，非常迎合这个读图的时代，所以一发布的时候，就火爆异常，风靡全球。&br&&/p&&p&8、Imgur&/p&&p&&img src=&/v2-36370ecb08dec5e71cf21_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-36370ecb08dec5e71cf21_r.png&&imgur是一个免费的图片分享网站，创办于2009年，提供了简单直接、带编辑功能的图片在线分享服务，用户成功上传图片后，可以通过分享代码外链到博客、论坛或者其他网站。Imgur还有对应的APP，可以试试看。&br&&/p&&br&&p&9、Flickr&/p&&p&&img src=&/v2-cfcabeb6724_b.png& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-cfcabeb6724_r.png&&Flickr是雅虎旗下的图片分享网站，提供免费及付费的照片储存、分享服务，也有网络社交的功能，功能非常强大，可以存放自己所有的照片，而且还非常地实用。当然，它也有开发自己的APP。&/p&&p&10、Instagram&/p&&p&&img src=&/v2-0b86ce118e096dcbcff866c_b.jpg& data-rawwidth=&500& data-rawheight=&200& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/v2-0b86ce118e096dcbcff866c_r.jpg&&Instagram就真的不需要多说什么了，地球人都知道，滤镜非常好用，出产了相当多的网红，只是在国内使用不了，蛮可惜的。&br&&/p&&br&&p&以上就是我要推荐的10款喜欢摄影的人需要知道的网站或者APP了，从图片社交到摄影作品欣赏，涵盖广泛，用起来很顺手，也十分不错，有兴趣的人可以试试看。&/p&
这个年代的特色之一就是人人都有智能手机，人人都能当摄影师，每天的朋友圈都能被各路人马的照片刷屏，基本上是个小文青，就能拍一手黑白又有哲思的照片，从民国风到小清新，涵盖各种风格。这里，我为大家推荐几款真正的摄影爱好者必备款网站/APP。1、500px…
系统组成&br&系统可以分为以下几个功能模块：&br&1. 论坛用户登陆注册模块：包括用户登陆，退出，注册等功能。&br&2. 论坛帐户信息模块：当用户登陆系统后，在个人中心，可以通过修改个人资料的链接来修改个人资料（其中用户ID是不允许修改的），通过我的话题来查看和修改自己发布的文章。&br&3．论坛文章发布模块：用户登陆系统后可以查看其他所有用户发的文章，并可以发布自己的话题，也可响应回复其他用户和自己发表的话题。&br&4．公告/制度模块：论坛管理员可以通过后台管理系统发布论坛公告，今日话题等功能，论坛的制度上可以设置对文章操作的得分，发帖数，精华帖。&br&5.
版块管理模块：论坛管理员可以通过后台管理系统控制论坛的版块，管理员可以完成下列功能：任命斑竹，修改版块等操作。&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&幸运网论文检测平台&i class=&icon-external&&&/i&&/a&&br&6．信息管理模块。社区信息配置；添加管理员； 编辑管理员；设定等级；配置权限；重新登录；安全退出；用户等级。
系统组成 系统可以分为以下几个功能模块： 1. 论坛用户登陆注册模块：包括用户登陆，退出，注册等功能。 2. 论坛帐户信息模块：当用户登陆系统后，在个人中心，可以通过修改个人资料的链接来修改个人资料（其中用户ID是不允许修改的），通过我的话题来查看…
已有帐号？
无法登录？
社交帐号登录