ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

• • 6.1数据流图如下
• 七、需求分析图

一、引言

1.1项目背景

网上购物在线网站致力于提供产品展示及订购为核心的网上购物服务宣传自己商店的产品并将自己的产品展现给客户，让客户通过网站便能对自由的选择地购买产品。

分为两个系统模块：

• 用户前台系统

该网站是通过用户注册、登录、浏览商品、按分类搜索、关键字搜索、购买、确定购买、购买等实现用户模块功能。

• 商家后台系统

1. 商品管理：品牌管理、平台属性管理、sku管理、分类管理、spu管理
2. 权限管理：用户管理、角色管理、菜单管理
3. 娱乐功能：贪吃蛇、扫雷等
4. 数据可视化功能：即收集营业额情况，门店销售情况等

1.2 前期工作

我们在编写该需求前，首先是对各大网上销售网站进行了调查，其中包括：网页排版、顾客消费流程、以及后台商家需要进行哪些操作可以更简便的操作商品，这三大块进行了调查。并总结出了有自己特色的设计思路。

二、技术概述

前端技术：将Vue2、ElementUI、html、javaScript、css、echarts等结合起来使用。

后端技术：Node.js，javaScript，SQL，npm的各种包

前后端交互：前端用axios发送请求获取后端数据，

远程代码仓库：Github、gitee

三、功能需求

3.1 功能块划分

网上商城共分两个部分，一部分是面向用户的部分，包括：顾客在线注册、购物、提交订单、付款等操作；另外一部分是商城管理部分，这部分的内容包括：产品的添加、删除、查询、订单的管理、操作员的管理、注册用户的管理等。

3.2 功能块描述

3.2.1 面向用户部分功能：

1. 进入首页

• 用户通过输入首页网址进入首页。（操作手册中要提供首页网）
• .在首页右上显示会员中心、登录、退出
• 在首页中分页显示所有商品信息、每一项商品下面都有商品详情
  和购买两个功能按钮（或链接）。（提供商品信息数据20条以上）
• 在首页左侧显示购物车简要信息和以树状图的方式商品类别
• 后台登录的用户不能进入前台

2. 商品搜索

• 进入首页后，默认分页显示所有商品。
• 用户可根据商品大类、商品小类和关键字（即商品名称）三项或组合
  查询商品。关键字模糊匹配商品名称，如果没有商品则显示“查无
  商品”。
• 查询后，保留上次查询条件。如选择了大类中的电脑，小类中的笔
  记本，输入关键字是lenovo进行查询后，条件依然存在。
• 查得商品分页显示。每一项商品下面都有详细信息和购买两个功能
  按钮（或链接）。

3. 购买商品

• 进入首页后，输入相应条件进行商品查询查得所要商品；
• 在商品列表或者商品详细信息页上点击“购买”进行购买，（如果缺
  货不能购买，总购买数量不能大于该商品的库存)。

4. 商品类别显示

• 进入首页后，在首页左侧显示商品类别：
  商品类别列表以树状图的方式显示。
• 点击树状图中类别名，可根据商品类别查询商品。

5. 显示购物车简要信息

• 进入首页后，在首页左侧显示购物车简要信息；
  简要信息可包括：购物中商品总个数，商品种类总数，总金额等：
  2用户可点“进入购物车”链接，直接进入购物车管理页：

6. 前台注册

• 在首页点击“注册”进入用户注册页。
• 在用户注册页面输入用户名、密码、确认密码、真实姓名、性别、出
  生日期、电子邮箱、电话号码、地址、邮编等信息后，点提交按钮，
  进行客户端验证，验证通过后进行注册，如注册失败提示失败原因及
  重新提交；

7. 前台用户登录

• 在首页单击登录进入登录页面。
• 输入用户名、密码、验证码后单击登录按钮，首先进行客户验证，验
  证通过后进行登录；如登录失败进行相应提示并重新登录；
• 不管登录成功与否，都记住登录的用户名，下次登录自动输入用户名。

8. 前台用户退出

• 已登录的用户在首页上单击“退出”实现登录用户的安全退出。
  只有用户登录后在网页的菜单栏才显示“退出”。
• 安全退出后，进入首页

9. 购物车管理

• 在购物车管理页中，以友好方式显示购物车的商品信息和汇总信息：如
  购物车中无商品，则提示：
  商品信息包括：商品名称，商品缩略图，商品单价，商品数量，商品小
  计
  汇总信息包括：商品总价，商品总个数，商品种类数：
• 可以修改购物车中某种商品的数量，用户输入的新商品数量需是大于0
  的数字，并且不能大于商品库存数。
• 可以删除购物车中某种商品。
• 单击“清空购物车”可以清空购物车。
• 单击“继续购物”可以回到首页继续购物。
• 单击“结算中心”去结算下订单。

10.订单确认

• 在购物车管理页中点击“结算并下订单”：如已登录进入结算确认页：
  如未登录则进入登录页，用户登录成功后直接进入结算确认页。
• 选择付款方式、收货方式后，用户可点击“确认结算”进入下单页，也
  可点击“返回购物车”回到购物车管理页；
  注：付款方式、收货方式必选
• 如点击“确认结算”进入下单页，下单页收货人信息默认来自登录用户
  的信息但可进行修改；在下单页中点提交订单，进行下订单：
• 如下单失败则提示失败原因；下订成功提示成功信息（信息中包括订
  单编号，下订单日期)可进入会员中心我的订单页；

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。