2016-02-16 11:03:33

来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。

去年一直想写的Axure小技巧分享，终于还是动手写了，今天主要给大家分享关于axure高保真原型的一些东东。

本文核心内容点：

- 啥是高保真原型？（附简单说明原型）

- Axure可以画出什么水准的高保真？（给示例，开启装逼模式）

- 高保真原型图技巧：

- 啥时候上高保真？适用场景 and 不适用场景

啥是高保真原型 ？

啥是原型，从事互联网的同学，肯定非常熟悉，特别是产品岗同学。如果不是，那如下简单讲原型和高保真原型的：

原型：即产品草图。从产品流程来看，将想法形成草图原型，原型再有设计师形成效果图，程序猿们根据需求和效果图开发，出来的软件样子就是和效果图差不多。原型在过程中就是产品最终形态的骨架。

低/中/高保真：根据图的粗糙程度划分，以最终效果图为参照。保真程度越高，离最终效果图越接近。

Axure：工具只是实现想法的工具。在众多的原型软件中，最广泛使用的就是Axure了。

Axure可以画出啥水准的高保真？

在这里一图胜过千言，以下分享自己画过低/中/高保真原型截图。

低保真：最轻松和省时间的原型，粗犷的风格让我们只重视结构和流程，原型不在乎太多设计细节。

- 示例1：一个App官网下载页的低保真原型，我们甚至可以成为结果图，突出了这个需要哪一些元素。

- 示例2：wap版本下载页，同样低保真，突出结构和元素。

中保真：这类原型最常见，低保真不容易描述产品最终样子，高保真容易干扰设计师，中保真汇集了各类有点，也是比较常用的。

- 示例3：本示例图为微信酒店订房下的系列页面，中保真对比低保真，更能体现了交互细节和产品流程。

- 示例4：这是一个”邀请好友注册获取奖励“的流程，采用中保真并强调了多个页面的交互流程。

高保真：对比中低保真，高保真可以称之为效果图了，如果加深细节可以直接对着开发咯，换句话说，高保真更强调细节。

- 示例5：在校期间做的校园助手小项目，和同学的第一个5000+用户的项目，简直无以言必的自豪感。由于组内无设计同学，于是要求用Axur直接先画出类似最终效果的高保真，最后再开发。图中除了素材，其他都是使用Axure直接绘制出来。

- 示例6：在校期间某日看到了多年未更新的老版36Kr，根据自己兴趣画了新版效果图，也是可以直接通过Axure绘制出来。

- 示例7：近期众包某App中“我的”页面。

高保真的特殊技巧

高保真原型图技巧：

- 核心内功：目标清晰/理解设计规范

- 画图习惯：像素对齐/用浅色/上素材

核心：

目标清晰：不管采用低中高的原型，核心目标是交互稿就是想法的表达，产品流程的表达。可以采用“目标、堆叠、排序”方式来表达。目标指的是页面目的，流程目的，都是为了实现某些需求。堆叠指的是为了满足目的，一个新闻详情页需要哪些元素？一个登录页需哪些元素？建议先用思维导图或者手绘出基本包含的元素，先把包含的元素列出来，不在乎样式，正如HTML编码里面的”内容/样式/结构“，堆叠考虑的是内容和结构。等列出这个页面的所有元素，那就可以开始排列了，这就涉及涉及规范和画图习惯了。

了解设计规范：了解不同类型产品的设计规范是很有必要的。比如IOS、Android、Web设计规范，或者某个产品常用页面设计方法。没人会把登录按钮放在账户密码框的上面，了解设计规范的目标是调整好页面结构，将页面元素合理的摆放。推荐《UI设计模式》和《Web信息架构》这两本书，总结了移动端和Web端常用的页面设计知识。

习惯：

绘图习惯直接影响到了画出来的效果，如果想轻松画出颜值较高的原型，那么可以遵守以下细节。

控制组件到素级级别：低保真原型比较粗糙是因为不在乎细节，啥事细节，就是一个页面内元素的宽高圆角等。所以画高保真原型时候，最常用习惯就是计算和定义组件的宽高等属性。 比如App基础背景页面我们可以定义为320x480(Iphone4s的对半比例)、360x640(720P屏幕的对半)等其他比例，然后在此基础上，定义状态栏高度20PX像素，xxx栏高度44Px，几乎就是按照设计规范给的来画组件了，自定义组件一般取10px的倍数，如状态栏这类组件尽量复用。

善用对齐功能：对齐在Axure里面非常重要，善用Axure自带对齐功能！

1）不同组件间距尽量对齐相同，或者10px的倍数规律。

2）2个元素间关系善用向左/右对齐，居中对齐，页面内元素间必须存在对齐关系（左右居中）

3) 3个元素以上，善用间距对齐。

浅色为主，慎用深色：在组件颜色选择上，尽量采用浅色，首先是深色显得比较重，建议关键组件采用深色。

图标等采用真实素材：在低保真中，涉及图片图标等素材用占位符，而画高保真时，我们可以替换为真实素材。图标可以去Iconfont下载寻找，图片尽量找真是素材替换。

有兴趣适当配色：在不影响设计师的前提下，可以尝试配色，但是交付设计师的交互稿最好不带颜色。

啥时候上高保真？

并不是任何时候都适用于高保真原型，哪些场景下比较适合使用呢？

**适用场景**：

1. 不干扰设计师的前提下，想要尽量接近产品最终效果。

2. 涉及会议演示。

3. 做好方案对B/C端用户直接展示，越保真效果越好。

**非适用场景**

1. 产品流程还在探索期，此期强调流程而不是细节，建议采用低保真。 2. 周期短，那还是重点表达清流程和适当的细节。

总结，高保真原型：

- 制作周期：较长，耗时间。

- 适用场景：流程清晰的前提下，想要接近或者定义最终效果。

**END**

Axure小心得，望能对亲有所帮助，文笔粗糙请谅解，欢迎交流。

本文为作者@ygg（公众号：yggtalk） 原创发布于人人都是产品经理社区，并经人人都是产品经理编辑，转载请注明作者信息和本文链接。

2016-01-26 12:58:42

无线网桥ubnt（淘宝款）组网方案
直线可视，3km以内较好。
我家楼对楼，直线距离50米，普通家用路由器信号可以接收到，信号较弱。翻出以前购买的山寨ubnt网桥，设置好，一端进行发射一端接收，ping值在1ms左右，ccq在95%以上，信号强度-68左右。
问题是发射和接收速率一直在180Mbps，频段使用2.7g，就算山寨也好歹是300Mbps的，猜测可能是2.7g频段与天线不符，今晚试试优化。之后再来更新。

参考：http://www.right.com.cn/forum/thread-155294-1-1.html
http://bbs.mydigit.cn/read.php?tid=1201805
http://itbbs.pconline.com.cn/network/14908196.html
http://forum.anywlan.com/forum.php?mod=viewthread&tid=332328&fromuid=599302&_dsign=f8e6b924
http://forum.anywlan.com/thread-198079-1-1.html

2015-12-29 18:02:49

网上搜不到flashfirebug的破解版，就自己研究了一下代码，其实并不复杂。

使用的时候需要与flashplayer_debug一起使用。

含flashdebug包：
http://www.151051.cn/soft/flashfirebug/FlashFireBug-4.8.4.1-cracked&flashplayer_debug.7z

单独flashfirebug包：
http://www.151051.cn/soft/flashfirebug/flashfirebug-4.8.4-fx.xpi

2015-12-29 13:24:55

H5如此势头，不得不让营销人对H5页面的未来充满了期待，越来越多的人开始在营销中运用H5页面。其实在移动端各个领域，H5页面的叫法很多，也会称为翻翻看、手机微杂志、广告页、场景应用、海报\画报(动态海报、指尖海报、掌中海报、动画海报、微画报、微海报)等等，经常能见到的就是滑动翻页。

然而大企业大公司的土豪都在利用自己强大资源和技术比拼H5场景页面，一些小企业或普通独立营销者就只能眼巴巴看着吗？NO，实力差点技术差点效果差点，但是我们也能做。下面木木就给大家推荐一些H5场景页面免费制作神器来，排名不分先后！

搜狐快海报

快海报是搜狐快站平台上全新推出的免费H5页面制作工具，操作也极为简便易学，完全没有技术要求。采用拖拽式操作，属性式设置的模式。一拖一拽，简单配置，所见即所得，一分钟即可学会，三分钟便能完成。还有海量模板即将上线，替换内容即可生成。快海报还支持同一组件的多重动画设置，让画面更丰富更炫酷。和其他一样，搜狐快站海报也是适用于包括活动推广、企业宣传、产品展示、会议组织、预约报名、节日祝福等不同的场景。

体验地址：http://www.kuaizhan.com

初页

初页作为手机端制作动态海报的APP，门槛还是比较低的，容易上手，可以直接在手机上编辑，制作极为便利，图文混排的模板也很丰富。可免费下载安卓版和苹果版初页App,或通过电脑在线创建、编辑,轻松创作优雅、炫酷,利于微信传播的H5海报。

体验地址：http://chuye.cloud7.com.cn/

MaKa

MAKA这个平台制作起来非常简单，静态模板和动态模板都有，模板样式丰富，浏览体验不错。有多种动态效果以及交互效果可供选择，除收费版外提供免费版，不过免费版不提供自定义动效、支付、导航、预约等服务，也不能添加外链。

体验地址：http://www.maka.im/home/index.html

点点客海报

点点客是微信第三方开发服务商，大家都知道，不仅推出了微信营销服务，也有排版和免费的点点客海报，无需注册，扫码登录即可编辑动态海报，多种效果、翻页动画、背景音乐、可统计浏览量，也提供定制。

体验地址：http://www.dodoca.com/index

口袋通微杂志

口袋通是一个免费的微商平台，其场景海报也是为了其电商功能服务，不过免费得版提供的交互较为简单，没有多样的模板。

体验地址：http://youzan.com/

秀米秀制作

秀米在公众平台的图文排版上可是名声远扬。和秀米的图文神器一样，秀制作目前也是免费的，提供多种模板，傻瓜式操作，可以外链，可与秀米图文排版双剑合璧。

体验地址：http://xiumi.us/

易传单

编辑器界面比较友好，设计灵活方便，数据统计与表单上也是亮点所在。除了模板较少之外其他的都是相当好。

体验地址：http://www.echuandan.com/

epub360意派

这不是奇虎360的，意派的交互功能极为强大，可以说更适合专业的设计师打造的交互设计，动画效果出色，虽然简单傻瓜式的模板不多，但自由度相对较高。不过如果只是制作简单的单页，上手也并不是很复杂。只是免费版作品数量限制为10个，导出有logo。

体验地址：http://www.epub360.com/

易企秀

易企秀也是免费，有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios移动客户端，在手机上也可创建场景应用，以及数据统计功能。大体上和maka差不多，但是表单和统计是免费也可用。

体验地址：http://eqxiu.com/#/home

Liveapp场景应用/云来

云来Liveapp是面向企业方的移动场景APP云服务平台，许多企业都在使用，需购买场景应用。不过，现在云来场景应用正式免费开放，所有“认证企业”都可以申请获取。免费体验长达31天，体验结束后，也会永久保存并持续展示你的场景应用。

体验地址：http://www.yunlai.cn/

Vxplo

Vxplo也是专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。使用上相对较为复杂，不过其甚至也可以用来制作响应式网站，有时间可以试试。

体验地址：http://www.vxplo.cn/

最酷网

最酷网也是一个免费H5场景应用制作和发布平台。不用懂设计、不用会编程，1分钟上手制作，平台针对不同的应用场景和内容展现形式，提供海量的模板、丰富的控件、灵活的动画特效。用户可以简单快速的通过图片替换、内容编辑，就可以创建属于自己的、炫酷的云场景应用。

体验地址：http://www.zuiku.com/

FormFollowsFunction

严格来说，FormFollowsFunction不属于H5制作平台，而是一个预览平台。H5页面到底能实现什么样的动画效果？这一个网站几乎能看到所有H5能够实现的动画效果，引爆你的灵感，并且让你心中有数。

体验地址：http://fff.cmiscm.com/#!/main

Weebly

Weebly和Wix也是一款HTML5拖放式智能创建器，支持中文，拥有多种优秀网页模板和交互效果，并且有IOS和Android客户端可以管理自己的网页、随时随地跟踪。

体验地址：http://www.weebly.com/about/index.php?lang=zh

Wix

Wix基于H5技术，向用户提供多种网页模板，操作简单无需代码，智能拖拽即可实现网页建设。Wix每个类目下有上百的HTML5模板可供使用，响应式设计，在手机端也有很好的展示。

体验地址：http://www.wix.com/

Ceilfire

Ceilfire是一个创建H5游戏并分享的平台，点击进入你就会看到很多的H5页面游戏。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，对于想做简单的H5游戏的朋友可以用这种方式试试手。就算不做也可以看看已有的H5游戏来找找感觉。

体验地址：http://ceilfire.com/browse/most-played

做一些H5特效的动态页面，以前需要专业技术团队和设计师才能制作。现在通过这些简单的平台，你几分钟就能免费创作自己的H5页面。甚至有的你需要做的只是仅仅换上几张图，敲几个字，选自己喜欢的音乐\视频…一个不错的H5页面就出来了。

那么，工具地址都给大家了，接下来就是轮到你动手的时候了，找一个自己喜欢的平台，开始吧！

来源：木木博客

原文链接：http://mt.sohu.com/20150326/n410379051.shtml

2015-12-29 12:59:31

导语：美国专栏作家斯蒂芬·斯宾塞分享了如何从现有的数据中挖掘黑马词的经验。你如果已经完成了关键词的挖掘，并且制定出了关键词策略，你认为工作到此就结束了吗？远远不够。你确定没有错过任何高质量的关键词？我这有几个技巧帮助你利用现有数据和工具挖掘黑马词。

Keyword 关键字

SEO优化最关键的步骤之一，就是精准选择关键词。

有许多工具可以帮助你挖掘关键字，比如Google AdWords Keyword Planner, Searchmetrics, SEMrush, Keyword Discovery, WordStream等工具。（译者：国内有百度凤巢、站长工具、金花站长工具等。如果你需要了解更多关于SEO关键词挖掘相关的文章，请点击微信号的菜单查看。）开发站内搜索词

这是网络营销人员做关键词研究与策略时会忽略的主要领域之一。如果你的网站有一个搜索功能，请导出这些数据，从中找到可能被我们忽视的关键词。

当一个用户在你的网站上搜索时，他们会告诉你几件事：

①我觉得这个项目或是信息肯定在这个网站上的某个地方，但是我不知道具体在哪里。②我不知道你的网站上有没有这样的项目或信息，但我希望你有。③我知道这个项目或信息在你的网站上，但是通过你的网站搜索引擎比通过导航找到它们要更快。

在搜索那些确实存在于你的网站上的产品或信息的情况下，大量的搜索可能是提醒你将这些项目变得更容易被找到，或是将你的导航变得更加直观。

然而你可能会发现，用户很可能用你以前从来都没有考虑过的关键词来搜索你的产品。从本质上来讲，这是用户在告诉你，他们的搜索习惯是什么。

如果有相当多的人在你的网站上搜索一些特定的关键词，同时这些关键词也能带来转化，那么你一定要确保这些关键词已经包含在跟踪系统和优化策略中。

你可以优化这些关键词现有的着陆页，或是为这些关键词创建新的着陆页，当排名上升后就可以将用户从搜索引擎结果页直接指引到关键词着陆页上。你不仅可以获得更多的流量，而且用户通过搜索引擎找到想要的产品比通过导航寻找所需的时间更短。

你可以用GA（谷歌分析工具）跟踪用户的搜索行为，你只需要在GA进行设置，并且给URL进行打码即可实现，跟踪的参数和资源包括：

①?keyword= 跟踪关键词字符串②search? 搜索参数字符串③?query= 查询参数字符串④searchpage.jsp? 搜索页面参数字符串⑤search/?text= 搜索文本字符串

你可以对上面任意参数进行组合使用，只要确保这组参数不会和GA其他跟踪参数重复即可。

从这里开始，你就可以很便捷的在GA中查看数据报告，并且可以运用过滤器来筛选结果，其中包括识别搜索页面的字符串。

GA筛选出所有页面的报告

在下面的例子中，关键词已经被隐藏，第4行的关键词可能会给网站带来不错的价值。当关键词被足够多的用户搜索时，很可能会为网站带来销售转化。

谷歌分析筛选出所有的页面报告你应该优化网站以更好的突显产品，同时你也应该研究关键词，是否有新的关键词能带来新的流量。那些你所不知道关键字词才是真正机会

另一个不错的战术就是寻找那些你目前还没有追踪或定向的，但已经有排名的关键词。

我曾在过去的策略中写过怎样运用Searchmetrics挖掘那些“未被发现”的关键词，以便补充你的整个关键词体系和策略。去寻找那些未被发现的黑马词，并且创建友好型的页面内容，可以使关键词为网站带来更多流量。

我最近使用的另一个工具：AuthorityLabs的“Now Provided”功能，可以帮助我们挖掘关键词提升网站流量。

在搜索引擎跟踪、多平台跟踪、多域名跟踪的功能之外，这个工具还有一个快速而强大的功能：发现那些可以对你的网站造成巨大的影响的微小变化，同时也监测未优化却已经有排名的关键词。

这个报告中的数据是从谷歌分析和SEMrush中导出的，并且添加了AuthorityLabs中的数据，展现了有排名的着陆页和排名TOP50的关键词。

AuthorityLabs的“Now Provided”报告-登陆页面

当你深入研究某个页面时，这个报告可以告诉你每个关键词，或者至少是排名TOP50关键词的预估流量。

在下面这个例子中，“新关键词”是指网站没有追踪或优化的关键词。事实上，这些词就算没有优化仍然可以在谷歌的排名第十一位。然而，如果在这个关键词的着陆页面中重点突出相关产品，可能会带来不错的销售转化。

AuthorityLabs“Now Provided”报告-关键词排名的承接页

试想一下，如果他们对这个关键词稍微优化一下，比如增加关键词的密度、内部链接或者修改一下meta标签。这个词的排名可能会跃升至搜索结果页第2页的首位甚至是第1页。这会带来更多的自然流量。

这个工具还有一个强大的功能，就是可以以Excel CSV格式导出所有你正在挖掘的关键词数据。通过一个简单的数据查询，然后应用数据过滤器，你可以迅速地将有相同特质的关键词进行归类。

在为你展示着陆页、关键词、跳出率、排名位置、搜索量和PPC点击价格等数据的基础上，它也给出了关键词竞争力的评级（从0到1.0）和“关键词优化难度等级”。

AuthorityLabs基于各种因素计算出关键词优化难度等级。它可以快速排序，以此找到流量和价值最高的关键词。

AuthorityLabs“Now Provided”的报告-CSV的导出

你可以根据这个报告找到关键词优化的机会从而带来自然流量，相比购买最昂贵的CPC而言，这种渠道的投资回报率更高。

“排名位置排序”是我分析这个报告最喜爱的方式之一。将搜索引擎结果页的位置2移动到位置1可以导致非常大的流量变化，可能会使流量翻番。你可以分析究竟有多少位置2的关键词能够有潜力上升到位置1。

另外一个机会可能是根据排名11，12或13位置的关键词，来过滤这个报告。如果这些关键词只排在第2页，可能只带来较少的流量，相比较而言，将其中一些关键词优化到第1页也许并不需要花很大的精力。而在搜索结果首页的关键词会得到更高的点击率。

这里有许多排序或筛选报告的方法，你可以在已关注的关键词中寻找机会，也可以分析出是什么因素提升了提升了流量，也许此前你并不知情。

顺便说一句，一个我从来没有在其他地方（甚至是GA中，尽管所有的数据都来自那里）见到过的和AuthorityLabs一样的报告，即自然流量的承接页报告。这并不是流量或关键词报告，而是每天为网站带来自然流量的承接页的页面总和。这个报告可以作为你网站的“探测仪”。如果你发现有些页面的流量突然下降，那么可能是谷歌刻意对你的网站进行了降权，或是监测工具出现了问题，或是技术人员无意中封锁了网站的某个部分。

我喜欢将它用作关键词和内容优化的指导。如果带来自然流量的页面数量越来越多或者关键词排名逐渐靠前，这意味着，你的网页优化和内容创建工作卓有成效。

AuthorityLabs可以监测每天有多少页面带来了谷歌自然流量

在上面的例子中，你可以看到这个网站在2015年9月有一个转折点。转折点之后，伴随着新内容创建的完成，这个网站有相当多的页面带来了自然流量。最后的思考

我敢打赌你并不知道，在你现在的网站中，有一个绝好的关键词机会可以带来更多的流量、增加更多销售并且提升品牌知名度。永远不要认为你的关键字策略已经“完美”了，直到你已经用完了所有可以带来流量的关键词机会。

挖掘好关键词之后，创建良好的用户体验以及高质量的内容，自然流量就会得到提升。方法已经告诉你，剩下的就是你怎么去执行了。如果你有任何问题，可以在评论中留言。

注：本文内容由九枝兰团队翻译，转载请加上今日头条号：九枝兰网络营销 以及微信ID：jiuzhilan。对于不署名者，九枝兰将保留追究的权利。

原作者：Stephan Spencer

译者：郭雨知@九枝兰

转：http://toutiao.com/i6233234312968274433/

2015-12-29 12:58:40

本文来自微信公众号“给产品经理讲技术”（pm_teacher)，欢迎关注。

做为一名产品经理，你是否遇到过这样的窘境，“帮我把字体调成16号呗，颜色变成#FFFF00FF，老大说这里最好改一下”，作为一名app的开发只能无奈但心里窃喜的告诉你，“只能等下个版本了，必须要重新发布才能改”，如果你问为什么不能改了就生效啊，那说明你对技术的理解要么真的很差，要么你就是知道这项React-Native新技术所爆发出来的力量。

React Native是Facebook推出的一个用JavaScript语言就能同时编写ios，android，以及后台的一项技术，今年9月发布了android版本，又在程序员里面掀起了一波小高潮，不断有喜欢尝鲜的程序员投入到这个领域。

用大白话说，就是从此一名程序员自己就可以创业了，他只用这一门技术，就可以同时写出androidapp，ios app，以及后台应用程序，并且，请注意这里，它可以做到实时热更新（就像网页一样，改了一个字体，随时可上线），app也能做到随时都能更新了，第一段讲的那个需求可以分分钟秒杀解决，不用新发版本，只需在服务器改动一下代码即可，是不是很牛逼，是不是很牛逼，是不是很牛逼，真的很牛逼。

到这里，你只需要理解一句话，就是Facebook提供了一套解决方案，它利用JavaScript作为开发语言，可以同时来编写前端，移动终端，后台应用程序。

我们再来讲讲，为什么React Native受到了如此大的关注，以及它的优越性到底在什么地方。

目前，一个成熟的互联网产品基本囊括了：移动终端和网页两种主要形态。在移动终端app和网页的开发历程中，涉及了很多技术角色：前端开发（俗名叫做网站的），移动终端开发（android和ios开发，现在满大街都是），后台开发（他们的程序大多没有界面，主要是为网页和app提供数据和保障服务的稳定性），每个角色各司其职，分别需要不同的技能，比如前端开发需要精通html，css，javascript这些基本的web语言知识。Android开发用Java（这个词读“扎瓦”，别读成了“加瓦”，读成这样很Low B的）语言编写，ios开发用Objective-c（把他想象成当年过计算机二级的那个C语言就可以了）编写。后台开发，有的公司用Java，有的公司用C++，用啥的都有，能满足性能需要就可以了。

已经看崩溃了吧，对于一个非计算机专业的人，根本不会理解他妈的为什么要存在这么多语言，为什么这里要用C语言，那里要用C++，有的地方要用Python，而又有很大的一个人群对你高呼：“PHP才是世界最好的语言”。其实他们每种语言都有不同的使用场景，有的语言效率高，有的语言语法更简洁漂亮，有的是专为后台而生，有的是特定场景下的唯一选择。如果你还听不懂，我们就用大白话做个比喻，为什么避孕套有的是螺纹的，有的是颗粒的，有的是延时的，有的是超薄的，还有一个品牌号称一只手就可以打开的，它们也都是依据个人身体状态，以及不同场景分别发挥各自的强项。你随便类比，任何一个领域，都有很多不同的工具来满足不同的场景，是需求决定了当前状态。

现在好了，React整套解决方案完成了江湖统一，FaceBook也号称这们技术是“Learn Once，Write AnyWhere”，学习成本只有一次，却完成了所有开发角色的统一。

这意味着：

1. app将来都是可像网页一样热更新，随时发布。
2. 对于一名开发人员，将再也没有前端，终端，后台的区分，他所关注的就是做一整套应用程序，人力将得到最大幅度的整合与释放。
3. 代码复用将会是主旋律，因为是一种语言，大家重复造轮子的成本会越来越节省。

目前，React Native也还是有一些缺点的，比如他的sdk组件包size还比较大，crash还比较多，在ios上支持的内容已经相当不错，android还属于初级阶段，但是目前最新的版本也才是0.16，相信再过一年， 一定会牛逼闪闪。

Attention !! 36 氪正在招募全职创业公司作者，如果你对报道互联网创业感兴趣，充满好奇心，善于发现新事物，又能沉心做行业研究，恰好又对教育、社交、农业、大公司其中一个方向了如指掌，那么你就是我们想要的人 !!快把简历投至：zhaopin@36kr.com

转：http://36kr.com/coop/toutiao/5041233.html

2015-12-29 12:57:29

让我觉得我应该再写一篇文章站在全栈工程师的理由是，一本书《浮现式设计》和一个单词Re-Practise。

似乎这是一个新的思考，尽管在那之前我已经写了一篇《全栈工程师的思考》，只是事隔半年之后，我又有了一些新的感触。这半年来，除了增长了一些软技能，如沟通、表达 、英语，以及一点点的技术提升之外，并没有什么太大的变化。

每天我们似乎都在重复前一天的工作，生活似乎就像是一潭死水，日复一日地添加新功能，修复旧Bug。让我们觉得生活过于无聊的原因，怕是因为现有的项目已经很稳定，不会有太大的变化 ——不会有关键人员的离职，不会产生大的bug。

所以自然而然地，我们就不需要更多的技能能帮助我们成长。

个人的全栈

从个人的角度来说全栈似乎没有多大实际意义。以我的角度来说，我之所以选择全栈这条路线，不仅仅因为只研究一个东西太枯燥无聊——即使我可以成为这领域的大牛，更何况我对成为大牛一点兴趣都没有。并且我可以站在一个新的高度来看世界。

说到这里我突然就会有一种疑惑——你一直往某一个领域钻，只是因为你的工作需要吧！

这就变成了一个更有意思的话题，如果你并不是真正喜欢这个领域，那么你会对这个领域作出怎样的贡献？仅仅是让大家知道你对这个领域了解比较深？

而且还有一点特别有意思的是，你现在觉得你会为之奋斗许久的技术栈，并非是你的真爱。因为你还没有机会好好看看这个世界，这个世界到底是怎样的，到底会有怎样有意思的人、事。只是因为你过去熟悉这个领域，你就选择了这个领域。你听从了别人的片面之词就做了一个决定，而并没有自己好好地去做一个尝试。

记得还在学校的时候，我曾经花了很多时间去绕过Java语言——用Python、JavaScript来完成大部分的想法（不是计算机相关专业）。等到了工作，我发现让我受益最大的语言是Java——因为Java是一门很完备的语言。我从Java上并没有学到一些特别有用的东西，但是我从其相关的书籍上学习到了太多的东西。几乎所有的和软件工程相关的书籍，都以Java作为示例，当然还有一些C++。Python、JavaScript则是可以满足我的创造欲。

对了，是不是又想到了木桶效应。木桶效应还有很扯淡的一点是，只考虑到了板子的长度，而没有考虑到容器的大小。

mutong.jpg

如果你有更多的板子，你所能容纳的水量就是多。相似的，如果你有更多的技术栈，那么你的容量也就更大的。并且当你开始提升某一个长板时，剩下的长板也可以很容易提升。

全栈的优势无非就是学习能力和思维能力，同时带来更广阔的视野。

团队的全栈

在一个大型的互联网公司，这种全栈一点意义都没有。他们并不需要你有着良好的代码能力、架构能力，又或者是全局思考的能力。你只需要把你手头的那一点点技术细节完美实现即可，要知道0.1%的性能提升，可能会带来几百万刀的效益。相比于这样精分职责的团队，你只需要好好精通手上的技术栈即可，要知道那可是好几十个0.1%。

团队里面的人会拥有相同的技术栈，讨论着相同的知识。尽管存在能力上的差异，但是如果一个人员离职，由于其岗位所带来的价值，也会带来相似能力的人员。对于大的互联网公司来说，不会存在太多的问题。

然而作为一个小的团队来说，这个问题就变得很严重，在有时似乎是难以承受的。这似乎也就是结对编程得以在国外流行开来的原因，尽管结对编程会增加编程时间，也会在一定程度上减少Bug的数量。而事实上，结对编程带来的优点并非是这样的，而是分享业务知识。

这就意味着在一个敏捷团队里，你不得不全栈。看上去似乎有点被逼无奈的样子，但是实际上大型互联网公司也是如此，你不得不成为专家。

而事实上，大部分的人都不会只在一个领域里工作。

【本文转载简书，作者phodal ，转载请注明来自威客安全】

转：http://toutiao.com/i6231679981232062977/

2015-12-29 12:55:36

ZD至顶网CIO与应用频道 12月24日 专栏：如果没有网络的存在，你的企业——无论是小型、中型还是大型——就会消失无踪。但是，你可能已经知道这一点。只是你不知道从哪里开始，或者如何搭建你所需要的网络。大多数了解网络存在想法的人，假设他们必须深入研究神秘的编码语言来搭建自己的网站。所幸的是，事实并非如此：现在有大量工具可以帮你完成这个工作。

在我谈及这些工具之前，我要指出的是，是的，有很多网络服务可以帮你搭建网站。但是如果你可以选择有信誉的开发者或者服务，而且可以承担得起，那么这可能是你最好的选择。但是，如果你承担不起，而且你就有时间搭建一个属于你自己的网站，那么下面这5款工具可以很好地帮助你为企业轻松搭建一个网站。

有一个例外，这些工具都是可以托管在你自己服务器或者在第三方服务器上的主干框架。有些托管服务甚至提供了像Softaculous这样的工具，只需点击几下就可以安装这个框架。

1、WordPress

WordPress（如图A）是到目前为止全球最流行的博客平台。但是你知道有很多扩展插件和主题是可供使用的，让你可以将这个博客平台转变为一个业务就绪的营销或者电子商务工具吗？你会对它能够如此轻松地从原来一款简单的博客工具变身为完整的、业务就绪的网站而感到惊讶。更妙的是，WordPress让你可以非常轻松地搭建和管理你的网站。

图A

这真正是为用户各个层面准备的工具。甚至管理网站的各种设置都变得很简单。如果你可以发博客，你就可以搭建一个网站，相当简单。WordPress是开源的，所以代码可对外使用，你可以免费获得。

2、Drupal

Drupal（如图B）是用于管理Wordpress播客的内容的。但是不要认为你用Drupal只能搭建一个CMS。用这款简单的工具，你可以搭建后端办公和前端商店。在你深入了解Drupal之前，你需要知道会花费比Wordpress多一些的时间，你需要投入更多的时间和规划流程。结果对于你的企业来说将是强有力的连环出击。

图B

Drupal最好的一点是，你最后不仅可以得到一个强大的、灵活的网站，而且你的网站还包括高度可用的内容管理系统，有助于提升你的工作流。Drupal是一款开源工具，可以免费下载、安装和使用。

3、Joomla

Joomla（如图C）之于Drupal就像是Drupal之于Wordpress……适合于那些想要在线上有强大亮相的业务。Joomla让你可以为你的商店搭建一个后端和前端，它还包括嵌入式的banner管理——这样你就可以轻松地向网站中添加广告了。你还可以进行联系人管理、版本控制、联合，等等。

图C

如果你想要添加功能，Joomla拥有超过8000项的扩展库，所以你一定会找到你需要的。这款工具要求的技能要比Drupal多一些，但仍然是可以做到的。Joomla是开源的，可以免费安装。

4、XOOPS

XOOPS（图D）开始涉足到挑战普通用户的领域，因为它要求大量工作来搭建一个有用的企业网站。但是最后，你会得到一个包含了你想要的功能的网站。

图D

XOOPS还提供了扩展网站的功能，借助可安装模块。目前只有3个模块可以安装（私人邮件、用户配置文件以及保护器）。如果你想要更多，可以去XOOPS模块库找一找，看看有没有你需要的。XOOPS也是开源的，可以免费下载和安装。

5、Bluefish

Bluefish（如图E）是我们从预制框架出发、实际上潜入编码的地方。这个跨平台HTML编辑器还支持很多高级网络编程功能。真正美妙的地方是，Bluefish是全功能的，不会像竞争对手那样缓慢或者资源密集型的。

图E

Bluefish还提供了多线程支持、多文档支持（可以打开500多个文档）、强大的搜索、项目支持、片段侧边栏、无限次的撤销/重做、拼写检查、语法高亮和缩进、自定义编程语言支持，等等。Bluefish是开源的，可以免费安装和使用。

转：http://toutiao.com/i6231670363349058050/

2015-12-29 12:53:35

HTML5使得设计师和开发者在各个不同领域都比之前更强大了。快速，漂亮，安全，响应式，这些特性使使得设计师和开发者可以创造出更加强大更富有创意、更快速、性能优异的APP和网页。所以，接下来我所推荐的工具就是帮你搞定这些问题的。

简约的响应式图表 – CHARTIST.JS

由于社区对于图表类JS库的失望，Chartist.js 诞生了。尽管有上百种不同的库可供你选择，但是用它们的时候，你总会碰到意想不到的问题，需要不停调整。

FSVS – 全屏垂直滑块

这是使用jQuery和CSS3写的一个简约全屏垂直滑块组件，支持鼠标混动、点击并托拽，以及触摸手势。

Nikolay Talanoy 设计的的全屏滑块控件

组件本身的设计令人惊艳，更重要的是它还拥有不错的动效。

Cody House 设计的大图滑块控件

这是一个横跨屏幕响应式且易于定制的滑块控件

Elevator.js

Elevator.js 修正了老范儿的回到顶部按钮的效果，如果你非常在意这个细节的设计不妨来试试这个吧。

Pure CSS Questionnaire Concept (hover items)

固定背景特效

这是一个不错的模板，充分利用了background-attachment 的CSS属性来创造固定背景的效果。

使用SVG创造模糊效果

这是一个教程，教你如何借助JS和SVG模糊滤镜在HTML元素上创造模糊效果。

3D 折叠面板

使用jQuery和CSS创造出折叠控制面板的效果，隐藏次要内容。

圆形弹出式导航菜单

使用SASS和CSS3营造出来的过度、变换的动画效果，点击图表，弹出更多选项。

登录框概念设计

交互式托拽色彩概念设计

这是一个颇为好玩的插件，当你在处理网站视觉稿的时候，只需要将色彩腿拽到对应的地方就可以实现着色。

想认识志同道合的朋友一起学习web

加入我们的学习QQ群 190166743

丰富的学习资源，周一到周四免费直播公开课

转：http://toutiao.com/i6231038143353586178/

2015-12-29 12:52:09

 

转：http://toutiao.com/i6230846543017017857/