班会第 2 期

[ufologist]

• 技术

  • AngularJS中scope基于原型链的继承

    A "child scope" (prototypically) inherits properties from its parent scope.

  • 用$scope还是用controller as

  • 抛开 React 学习 React

    • 更新整个应用的 state
    • 更新 DOM（根据应用当前的 state 来调用 render 函数）
    • state 作为中间媒介，简化了事件和 DOM 元素之间的交互, 而不是通过事件来直接操作 DOM
    • 简单的单向数据流（one-way data flow）的原则

  • Web 应用架构指南 | 5分钟学会五个前端框架

    辣么多的前端框架？！怎么学得过来

    • Backbone.js 2010.10
    • React 2013.03
    • Vue 2014.03
    • Angular 2 2016
    • Knockout 2010.06
    • Ember.js 2011.12

    万变不离其宗

    • 第一式： 学会编写组件

      相比较 Angular1 庞杂的概念而言, React 提出的组件模式简单, 但也很强大. React 的流行, 影响了整个前端框架所提供的开发模式 -- 倾向于提供组件化开发的方式

      将应用中的任何 UI 相关的部分都看成了一个个组件, 就如 HTML 标签一样

      按照 MVC 的思路解构组件！

      • M 绑定到 V: 数据更新, View 自动更新
      • V 绑定到 C: 绑定 DOM 事件
      • C 更新到 M

    • 第二式： 用组件搭积木

      • 小组件组合大组件, 分而治之
      • 子组件存在关联关系, 可以通过大组件来处理
      • 大组件通过属性, 注入配置和事件回调, 来控制小组件的行为, 响应小组件的事件

    • 第三式：把模块的 Template、Style、JavaScript、Images 放到一个目录下！

      • 使用组件名作为样式的命名空间
      • 样式使用预处理器, 采用嵌套的方式编写
      • 业务复杂时，按照业务切分为多个独立的单页应用

  • Web Animation 制作指南

  • 聊聊职场规划那些事儿

    • 尽量选择快速发展的平台，尽量选择行业的领头羊
    • 争取在自己的专业领域有所积累，然后再做扩展
    • 优秀说白了就是一种习惯一种坚持
    • 把工作当成是创业，不但要保质保量完成自己的份内之事，还要争取再多干一点事情
    • 永远不要把自己的幸福完全建立在自己的事业是否成功，赚的钱是否比别人多的基础之上，要逐渐接受多元化的幸福观。你的健康，你的家庭，你的亲人，你的好朋友，你的知识，你的品味，这些都是你获取幸福的地方，职场只是其中之一而已，保持心态平和很重要

  • 滚动条君请别来挤我的界面

  • 简约而不简单的蒙板展开动画

• 产品
  • 常见的Loading进度条动效形式
  • Web 中文字体应用指南
  • 一个完整的UI设计流程是怎样的
  • 腾讯大数据：移动页面用户行为报告 @liuchuanfeng1
  • 产品经理精品文章周刊

[ufologist]

大家都很关心产品的方向, 以及产品的定位, 与其他竞争对手相比有什么核心竞争力

[xiaobaichiliangpi]

good~