招募前端队友，坐标北京（望京酒仙桥）
发展空间大，可谈期权

岗位职责：

1. 负责公司前端业务开发(PC Web/Mobile H5/App)；
2. 建设工具、提炼组件、抽象框架，促进前端工程化、服务化；
3. 持续提升研发效率，保障线上产品质量；
4. 页面性能优化方案制定及开发工作；
5. Web 前沿技术研究和新技术调研；
6. 指导和协助其他前端工程师；

任职资格：

1. 熟练掌握 HTML5/CSS3/JS，能够解决浏览器显示兼容性问题；
2. 熟练掌握 angular、vue、react 其中一种 MVVM 框架，了解其实现原理；
3. 熟悉前端依赖管理，构建，发布流程相关的工具；
4. 优秀的 Troubleshooting 的能力，良好的沟通能力和团队协作精神；

有以下任一经验的，优先录用：

1. 熟悉函数式编程、熟练掌握 Rx.js 。
2. 有全栈开发经验或熟悉一门后端语言 Node、PHP、Ruby。
3. 移动端混合应用开发经验 React Native。
4. Vue 技术栈实践过子 app 级别模块拆分。
5. React 技术栈能够实现 redux middleware。
6. JQuery 技术栈能够实现 JQuery。

邮箱： [email protected]
彩蛋：答对前三任一面试题，可申请加入技术组

面试题

一、请使用 css 实现侧栏菜单无限子级缩进效果。

考察基本功，对 html/css 的掌握

html 结构如下

<ul>
  <li>
    <a>item-1</a>
    <ul>
      <li>
        <a>item-1-1</a>
      </li>
      <li>
        <a>item-1-2</a>
        <ul>
          <li>
            <a>item-1-2-1</a>
          </li>
          <li>
            <a>item-1-2-2</a>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li>
    <a>item-2</a>
  </li>
  <li>
    <a>item-3</a>
  </li>
</ul>

<style>
/**
 * 请完成效果
 * 每级依次缩进 20px
 * 文字大小为 16px
 */
</style>

二、请使用 Vue 实现面包屑组件。

考察对 jsx, slot, 虚拟 dom 的理解

效果：首页 > 一级 > 二级

<Breadcrumb separator=">">
  <span>首页</span>
  <span>一级</span>
  <span>二级</span>
</Breadcrumb>

请完成 Breadcrumb.vue

<template>
<!-- 请完成 -->
</template>

<script>
export default {
  name: 'Breadcrumb',
  props: {
    separator: {
      type: String,
      default: '/',
    },
  },
  // 请完成
};
</script>

三、请用装饰器实现继承。

开放性问题。考察对 es6 新特性与 js 原型链的掌握

// 1. 继承方式
class ClassA extends ClassB {}

// 2. 装饰器方式
@extend(ClassB)
class ClassA {}

/**
 * 请完成 extend 方法
 */
function extend() {}

四、请用 4 个 0 和数学算式求出 24。

趣味益智题。考察大脑灵活度

/**
 * 请完成以下函数
 */
const output = (function () {
  const input = [0,0,0,0];

})();

console.log(output); // 24