iWeb峰会的音讯是在收场前两天才从朋友圈看到，轻微有点急忙，只花了不到两个小时的时刻相识下相干主题。发明触及的学问照样蛮多的，以至一些日常平凡也没有打仗过。所以一些关注点，邃晓的条理都很有限，以至能够有误区，仅供参考及学问面的拓展。

东西运用类

峰会的主题是HTML5，又分为三个大的模块：游戏、东西及营销。我重要关注的东西专场，把这个放前面总结。

web前端的及时化

由野狗团结创始人肖光宇演讲的，一开始就提出一个题目：为何须要及时？随后举出一些例子加以申明：我们日常平凡不断的刷微博，就是想得到及时的数据；股票软件也须要及时展现出价钱的跌涨；一个团队举行协同开辟，假如代码能及时更新，可下降合作的本钱。
web前端为何不能及时，是由基因决议的。web 手艺险些都经由过程 HTTP 协定，而其特性：无衔接，寄义是限定每次衔接只处置惩罚一个要求，效劳器处置惩罚完客户的要求，并收到客户的应对后，即断开衔接；无状况，效劳器端在处置惩罚响应要求后不会保存任何客户端的信息。
接下来说到了基于 HTTP 及时化的尝试：polling与long polling。
后续说到了HTML5 时代的及时手艺WebSocket。
接着是及时基本即音讯定阅模子(pub/sub)，数据同步(Data Sync)。
末了是及时web的将来，两个手艺点：WebPush和WebRTC。

触及到的学问较多，只是有个隐约的印象。感兴趣依据手艺点搜刮下，也能够看下官网及 API，个人开辟者可免费运用。
搜到了相干的文章，应当和分享内容差不多： Web 前端的及时化
他们的博客： https://blog.wilddog.com/
他们的民众号：野狗

英特尔专场：HTML5手艺与硬件的连系

英特尔有两场演讲，主推了他们的开源项目Crosswalk。Crosswalk 能够简朴邃晓为增强版的 webkit，用于 Hybird 项目中，可替换原生的浏览器。
上风形貌了许多，比方多平台支撑，对 WEBGL支撑，对 VR，RealSense支撑，着名运用比方有道云接入，谷歌的Mobile Chrome App团队接入，对兼容性，对机能的处置惩罚等等。
有三种接入形式：嵌入形式，和native打包到一同，作为 HTML5页面的 webview 运用；同享形式：不必打包到单个App中，体系只须要一个 crosswalk供统统运用去挪用；另有一种下载形式：彷佛是运用须要依靠 crosswalk，然后自动会去 app store下载？这个没听很邃晓，我猜测是否是和PC上有些运用须要依靠 .net framework那种形式？
末了我以为想在团队中推行运用的硬伤照样体积题目，完整包还想是20M，轻
量版也有10M，为了引入 crosswalk 安装包多10M，产物不肯定能接收。
展位现场体验了webVR小游戏，结果很炫，觉得很实在，不由得想到了”刀剑神域”这部动漫。演讲中还讲到一项手艺web for RealSense，用手隔空操纵小车的挪动。手艺发展真的转变本身许多的熟习，之前的妄想将来也许就能够完成。

Weex

重要做了也许的引见，Demo展现，怎样调试，另有一些手艺完成细节。Weex现在照样私有项目也只要Android部份，能够在官网经由过程请求猎取权限，计划在6月份完整开源。
和react-native 是同范例的框架，但 weex 主打的是轻量，语法简朴，上手轻易。weex自创了 vue，而 vue 和 react 比拟进修本钱照样比较低的。
weex框架也再次肯定了用js开辟原生的这类形式，作为前端开辟职员照样须要去多关注下。另外，vue社区本年应当会更活泼，关注度更高。
相干的材料：
关于Weex你须要晓得的统统
深度揭秘阿里挪动端高机能动态化计划Weex
对无线电商动态化计划的思索
怎样对待阿里无线前端宣布的Weex?

怎样制订与实行ES6+代码作风和质量标准

贺先辈讲的，找到了演讲用的原版材料：http://johnhax.net/2015/es6-code-style/#0
在现场有印象的几个点：Eslint具有高度可设置、预置大批划定规矩、可同享复用(git搜刮 eslint-config)等等上风，能够在团队中推行运用起来。划定规矩分为：多是毛病，最好实践，变量声明等等，贺先辈的发起是能用的划定规矩都用上。ES6+的团体准绳：只管用Es6的语法，比方：ajax => promise,Class工场 => 原生 Class 语法，arguments => ...args，|| => 函数默许参数，回调函数 => 剪头函数等等。
接着议论了space和tab 题目，并分享贺老写的一个Atom插件: elastic-tabstops。已亲身尝试，灰常好用。同时引荐下Atom编辑器，据说 PC 上比较卡，本身Mac上运用很流通，插件很雄厚，轻易定制，颜值高。运用中遇到一个题目：插件不见效，处理要领：在设置中将Tab type这一项挑选为hard,然后重启。插件见效后发明假如制表符太显著，不美观，可自行定制款式（进口文件：Atom -> Stylesheet）。要领是commond+option+i调出调试东西，找到响应的class，然后在款式文件中重写。比方我是用的是Seti，代码以下：

atom-text-editor::shadow {
    span.hard-tab {
         box-shadow : inset -1px 0;
         display    : inline-block;

         &:not(.indent-guide) {
            color: rgba(255, 255, 255, .1);
         }

        &.indent-guide:first-child {
             box-shadow : inset 1px 0, inset -1px 0;
        }
    }
}

atom-text-editor::shadow span.hard-tab{
    color: rgba(255, 255, 255, .1);
}

天猫电商利器-Hilo 引擎&TidaSDK

Hilo是一款轻量的游戏开辟引擎，重要处理衬着题目，用于电商项目的疾速开辟，比方淘宝的双11中许多小游戏。界面构建依然能够运用原生的canvas和css。个中分享中讲到一个手艺点：将flash动画自动转成css动画，东西名彷佛叫做Tahiti，但网上未找到相干材料。
感兴趣能够看下官网，另有这篇文章： 揭秘天猫双11晚会与狂欢城背地的手艺

怎样打造靠谱的前端团队

是由去哪网的开辟总监杜瑶演讲，简朴说下本身有印象的几个点。
从本身动身，对内：思索本身在团队中的饰演的角色，所起到的作用以及本身的影响力；对外:推进才，资本的谐和才及判断力。
从团队动身：尽本身的才为团队多争夺好处，进步团队的稳定性。
发挥团队成员的最大才
职员构成与手艺栈：招团队现在须要的人材，比方推进react-native能够须要招一个原生开辟职员；招到差别性情的成员谐和搭配；
每一个项目指定负责人，变更主人翁精神
重要性优先战略，假如某段时代团队职员满足不了营业需求，依据重要性挑选举行开辟事情

有一名佳宾问到一个很普篇的题目，我以为很有参考意义。也许是如许：团队中新入职的员工才短缺，手头使命比较多又紧要。假如本身一人负担，不利于团队成员的生长；而假如使命分给新员工做，能够用在指点方面的时刻更多，而且怕影响项目进度？
复兴是如许的：将项目的架子搭好，让新同事做些营业方面的事情，逐步熟习，而本身也要在早期多加指导。实在也表现上面说到的变更主人翁精神，变更团队成员的积极性，进步他们的成就感，也更有利于其本身的生长。

关于HTML5游戏

游戏我日常平凡不太关注，但上午场是混在一同的，所以也轻微听了下。
首先是胡蝶互动的CEO凌海讲解了”HTML5游戏的质量与效劳”。胡蝶互动彷佛是国内HTML5游戏的老大哥，旗下的”传奇世界”网页版月流水2000万。我觉得全部演讲都给全部 HTML5游戏行业带来了一些愿望与向往。

其他：
写的很纠结，演讲中许多点能够没get到，但与毕业第一次列入D2比拟照样多了一些收成，记录下来年再举行对照。
另有几点履历和人人分享下：

当初以为去上海贫苦想看现场直播的，去了以后觉得现场气氛非常好，看直播不肯定能对峙下来；
列入分享会包含本身公司的内部份享，事前肯定要做一些预备。由于演讲者肯定想将本身学到的最中心的东西分享给听众，也花费了许多精神，而听众没有基本能够很难邃晓；有了一些基本，听分享时多思索，才提出一些比较有价值的题目，不糟蹋时机。
假如听不懂也没紧要，团体把握下前端手艺发展的趋向，或许就涨涨见地。说不定某个手艺框架或处理计划就比较合适本身的团队。

峰会中奖品挺多的，惋惜与我擦肩而过。不过也有一个小礼物是coding发的勺和叉，上面印了coding这个单词。总觉得很诡异，是用饭的时刻提示：假如不好好写代码就没饭吃的意义？