如何评价AngularJS和BackboneJS

• backbone具有依赖性，依赖underscore.js。Backbone + Underscore + jQuery(or Zepto)就比一个AngularJS 多出了2 次HTTP请求.

• Backbone的Model没有与UI视图数据绑定，而是需要在View中自行操作DOM来更新或读取UI数据。AngularJS与此相反，Model直接与UI视图绑定，Model与UI视图的关系，通过directive封装，AngularJS内置的通用directive，就能实现大部分操作了，也就是说，基本不必关心Model与UI视图的关系，直接操作Model就行了，UI视图自动更新
• AngularJS的directive，你输入特定数据，他就能输出相应UI视图。是一个比较完善的前端MVW框架，包含模板，数据双向绑定，路由，模块化，服务，依赖注入等所有功能，模板功能强大丰富，并且是声明式的，自带了丰富的 Angular 指令

谈谈你对重构的理解

• 网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化， 在扩展的同时保持一致的UI

• 对于传统的网站来说重构通常是：

  • 表格(table)布局改为DIV+CSS

  • 使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)

  • 对于移动平台的优化

  • 针对于SEO进行优化

  • 深层次的网站重构应该考虑的方面

说说你对前端架构师的理解

• 负责前端团队的管理及与其他团队的协调工作，提升团队成员能力和整体效率；带领团队完成研发工具及平台前端部分的设计、研发和维护； 带领团队进行前端领域前沿技术研究及新技术调研，保证团队的技术领先负责前端开发规范制定、功能模块化设计、公共组件搭建等工作，并组织培训

什么样的前端代码是好的

• 高复用低耦合，这样文件小，好维护，而且好扩展。

谈谈你对webpack的看法

WebPack 是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系，最后 生成了优化且合并后的静态资源

页面重构怎么操作？

• 网站重构：不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。

• 页面重构可以考虑的方面：

  • 升级第三方依赖
  • 使用HTML5、CSS3、ES6 新特性
  • 加入响应式布局
  • 统一代码风格规范
  • 减少代码间的耦合
  • 压缩/合并静态资源
  • 程序的性能优化
  • 采用CDN来加速资源加载
  • 对于JS DOM的优化
  • HTTP服务器的文件缓存

列举IE与其他浏览器不一样的特性？

• IE 的渲染引擎是 Trident 与 W3C 标准差异较大：例如盒子模型的怪异模式
• JS 方面有很多独立的方法，例如事件处理不同：绑定/删除事件，阻止冒泡，阻止默认事件等
• CSS 方面也有自己独有的处理方式，例如设置透明，低版本IE中使用滤镜的方式

是否了解公钥加密和私钥加密？

• 私钥用于对数据进行签名，公钥用于对签名进行验证
• 网站在浏览器端用公钥加密敏感数据，然后在服务器端再用私钥解密

WEB应用从服务器主动推送Data到客户端有那些方式？

• AJAX 轮询
• html5 服务器推送事件 (new EventSource(SERVER_URL)).addEventListener("message", func);
• html5 Websocket
• (new WebSocket(SERVER_URL)).addEventListener("message", func);

你怎么看待 Web App/hybrid App/Native App？（移动端前端 和 Web 前端区别？）

• Web App(HTML5)：采用HTML5生存在浏览器中的应用，不需要下载安装
  • 优点：开发成本低，迭代更新容易，不需用户升级，跨多个平台和终端
  • 缺点：消息推送不够及时，支持图形和动画效果较差，功能使用限制（相机、GPS等）
• Hybrid App(混合开发)：UI WebView，需要下载安装
  • 优点：接近 Native App 的体验，部分支持离线功能
  • 缺点：性能速度较慢，未知的部署时间，受限于技术尚不成熟

• Native App(原生开发)：依托于操作系统，有很强的交互，需要用户下载安装使用

  • 优点：用户体验完美，支持离线工作，可访问本地资源（通讯录，相册）
  • 缺点：开发成本高（多系统），开发成本高（版本更新），需要应用商店的审核

Web 前端开发的注意事项？

• 特别设置 meta 标签 viewport
• 百分比布局宽度，结合 box-sizing: border-box;
• 使用 rem 作为计算单位。rem 只参照跟节点 html 的字体大小计算
• 使用 css3 新特性。弹性盒模型、多列布局、媒体查询等
• 多机型、多尺寸、多系统覆盖测试

在设计 Web APP 时，应当遵循以下几点

• 简化不重要的动画/动效/图形文字样式
• 少用手势，避免与浏览器手势冲突
• 减少页面内容，页面跳转次数，尽量在当前页面显示
• 增强 Loading 趣味性，增强页面主次关系

平时如何管理你的项目？

• 规定全局样式、公共脚本
• 严格要求代码注释(html/js/css)
• 严格要求静态资源存放路径
• Git 提交必须填写说明

如何设计突发大规模并发架构？

• 及时响应(NoSQL缓存)
• 数据安全(数据备份)
• 负载均衡

说说最近最流行的一些东西吧？

• ES6、Node、React、Webpack