D-day技术分享沙龙整理

第一次参加SegmentFault组织的活动，收获很大。活动现场氛围特别棒，特别是那个抽奖的页面真的很棒，很想把源码拿过来学习下。惟一的遗憾就是今天没有抽到奖。

寸志 前端开发与用户体验

今天主要是去听Teambition的寸志老师去的，想去听寸志分享前端干货。此次寸志老师分享的主题是《前端开发与用户体验》，以Teambition的产品为例介绍前端技术在改进产品用户体验方面的应用。
{}

以前有用过Teambition这个团队协做工具来和后端同窗进行合做过。感受这个产品的用户体验过特别好。今天从寸志老师才得知产品用户体验过好是由于他们老板齐俊元是很重视设计。（果真老板重视设计就是不同啊！）
Teambition采用的前端框架是Backbone。以前据说这个前端框架，一个和AngularJs差很少前端MVC前端框架。可是比AngularJs出来早，Teambition团队采用Backbone加上jquery的一些插件来打造无刷新的交互体验。为何选择Backbone是由于没有双向绑定，只会更新修改的部分，而不会更新其余部分。（对前端js框架还不是很了解，若是有叙述错误还请指正。）但我以为对于前端工程师我的而言，AngularJs仍是很适合咱们的，毕竟它帮咱们作了太多的事情。本身最近在研究Facebook的React,很想本身用React Native搞个本身的IOS APP出来。

本身最近一直在研究HTML5的一些新的JS API，今天寸志介绍他们在本身的产品Teambition中采用HTML5新的NotificationAPI 在用户关闭浏览器的状况下来通知用户新的信息。使用Offline Web Application来离线一些资源，这样在用户断网的状况下一样能够得到很好的体验。本身在最后的圆桌环节同时也向今天的四位分享人提问了在如今的成熟的Web产品中有哪些新的HTML5的特性在产品中有应用。
我这里初略整理了一下答案：

• 使用localStorage来储存一些用户的信息，在一些web的应用中会采用indexDB来储存一些数据到本地。
• 使用NotificationAPI在用户没有使用浏览器的浏览网站的状况下来通知用户一些信息。
• 使用Offline Web Application来离线一些资源，这样让用户特殊状况下没网时也能得到不错的体验!
• 使用CSS3的像animation这种新的特性来制做动画效果。

如今网页设计须要考虑多终端，也就是响应式，在分享中寸志老师分享了他们团队优化响应式的经验：

1. 他们会先设计手机的版本，而后由手机版本变动到PC版和PAD版本。
2. 对于iphone的Retina屏幕他们会把图片的大小作到两倍大小，而后使用CSS来把图片大小缩小到一倍。
3. 使用CSS单位rem,而后使用js来控制根元素html里面的font-size。
   此外分享中说起了：

• 利用CSS3的动画来制做动画，给用户带来愉悦感。
• 使用webfont来代替图片图标
• 用node-webkit来把网页应用分装成单个应用。

除了寸志老师的前端分享外以外,分享的嘉宾还有又拍云的张聪，扇贝网，暴走漫画的丁彦。由于本身最熟悉的是前端，对于后端和运维不是特别熟悉，因此这里不谢关于这三位大牛的总结了。

下面是这三位大牛的演讲文稿:

• 《Using ngx_lua in UPYUN》-又拍云的张聪
• 《Ansible 在云环境中的使用》-扇贝网的吴焱红
• 《暴走漫画数据挖掘从 0 到 1》—暴走漫画的丁彦

圆桌讨论问答

1. 从一个普通的技术开发，到稍有知名度的开发者，大家以为最艰难的时段是哪一个时段？

入门阶段，会受打击，但要端正心态。

每一个人作的选择不同，有不少路，没有哪一条是对的，要选择一条最合适你的。

技术面要广，多关注，多接触。

订阅技术博客，天天度技术文章，提升本身阅读量。

一个学习的心态，要不停的去了解新的东西，要不断更新你如今的知识。

对项目有要求，让项目造就你能力的提高。

找一个好的能解决技术问题的人，这样提高会快一点。