班会第 3 期

[ufologist]

• 技术

  • 淘宝首页性能优化实践

  • 了解HTML/HTML5中的download属性

  • JS函数式编程指南

  • CSS Filter Blend

  • 烤 Promise 串

  • 2016年的前端技术栈展望 @Monine

    React/Redux/ES6/npm/Webpack/测试/Lodash/Fetch/CSS 模块/JavaScript 同构/Electron

  • Houdini：也许是你从未听过的在CSS领域最令人兴奋的发展

    Houdini是一个新的W3C工作组，他们致力于让这些问题永远消失。他们计划通过引入一整套API来让开发者首次拥有扩展CSS的权利，并且会提供出一套工具来与浏览器的渲染引擎的样式与布局进行挂钩.

    每次我为一些全新的CSS特征编写文章或者构建一个demo，必然会有人在评论或者推特上说，“这真的很棒！不过我们可能未来十年都不会用到它们。”

    你并不能控制你的浏览器如何解析HTML和CSS也不能控制他如何把HTML和CSS转化成DOM和CSS对象模型(CSSOM)。你无法控制级联。你无法掌控浏览器如何在DOM里布局元素，如何在屏幕上绘制元素。你也无法控制合成器。唯一一个你可以全部控制的进程就是DOM。CSSOM部分开放

    想像一下如果你可以使用任何CSS属性，并且知道他们一定会生效，在每个浏览器里面表现都是一样，那么你的开发工作会变得多轻松。如果你今天就可以使用它们并且它们的性能表现的就像原生的CSS功能一样。而你所有需要做的就是从Github上面获取代码。这就是Houdini的梦想。这就是他们期望的未来。

    • CSS解析器API
    • CSS属性和值API
    • CSS Typed OM
    • CSS布局API
    • CSS绘制API

  • GitHub 中国区前 100 名到底是什么样的人？

    来认识下明星程序员是什么样子的, 认个脸熟, 面试的时候用得上 :)

  • 这些年，我们知道的那些pages平台

    如何选择代码托管平台托付你的博客

• 产品

  • 为什么有些设计初衷很好，结果却很糟糕

    如何处理"会话已过期"的问题

  • UI动效的必备原则总结 @liuchuanfeng1

    • 功能性
      • 优化用户对界面的感知，使其感到更轻快更全面。
      • 引起用户的注意。
      • 提供（用户操作后的）视觉（功能）反馈，并为下一步的跳转做准备。
    • 物理性
      • 在一致的动画原则和物理的（符合物理定律的）UI模型基础上构建动画。
      • 定义屏幕和UI元件之间的空间相对关系，他们的相对高度，权重以及速度。
    • 趣味性
      • 在上面两个部分都满足的情况下，加入一些有趣的动画。
      • 使它感觉独特，能在诸多动画中能让人眼前一亮。
      • 娱乐用户，并让他们一想到动画就能想到该产品或者反之。

    cta.js animate any element ("action") onto any other element ("effect") on the page.