• JS 数据类型相关的 15 道面试题

  • 1.JS 有哪些原始数据类型？
  • 2.除了上述数据类型还有哪些？
  • 3.值类型与引用类型有什么区别？
  • 4.如何判断上述数据类型？
  • 5.Undefined 与 Null 有什么区别？
  • 6.如何判断空对象？
  • 7.如何判断对象是否有某个属性？
  • 8.数组都有哪些常用的方法？
  • 9.map()与 forEach()有什么相同处，什么不同处？
  • 10.slice()与 splice()有什么区别？
  • 11.简述 reduce()的使用
  • 12.普通函数与构造函数有什么区别？
  • 13.Set、Map 是什么？
  • 14.Set、Map 与 WeakSet、WeakMap 有什么不同？
  • 15.类型隐式转换有哪些？

• JS 模块化、组件化、工程化相关的 16 道面试题

  • 1.什么是模块化？
  • 2.简述模块化的发展历程？
  • 3.AMD、CMD、CommonJS、ES6 模块化的区别，以及如何使用？
  • 4.它们是如何使用的？
  • 5.export 是什么？
  • 6.module.export、export 与 export defalut 有什么区别？
  • 7.什么是组件化？
  • 8.组件化的原则是什么？
  • 9.全局组件与局部组件的区别？
  • 10.如何注册一个全局组件，并使用它？
  • 11.局部组件又是如何注册并使用的？
  • 12.如何封装一个高复用的 Vue 前端组件？
  • 13.什么是工程化思想？
  • 14.工程化可以解决什么问题？
  • 15.是如何处理这些问题的？
  • 16.工程化需要注意哪些问题？

• 对象相关面试题

  • 1.如何定义一个对象？
  • 2.使用 Object.defineProperty(),与普通的赋值定义有什么区别？
  • 3.简述对象的遍历方法
  • 4.解释 Object 的继承、原型以及原型链
  • 5.实现对象的浅拷贝与深拷贝
  • 6.对象的 keys()、valuesOf()、toString()、toObjString()以及 JSON.stringify()有什么区别？

• 数组相关面试题

  • 1.什么是类数组?
  • 2.常见的类数组数据有哪些?
  • 3.类数组如何转换为数组?
  • 4.数组使用 for 循环、for-of 分别遍历有什么区别？
  • 5.如何分别使用 for 循环、for-of 遍历同一个数组输出不同结果？
  • 6.类数组如何转换为数组?
  • 7.类数组如何转换为数组?
  • 8.手写数组去重的几种实现
  • 9.如何将多维数组转换为一维数组？手写几种实现
  • 10.如何实现一个动态长度的数组？
  • 11.分别介绍 filter(),map(),forEach(),sort(),reduce(),some(),every()的使用以及区别

• JS 作用域与 this 相关面试题

  • bind 与 apply 的实现以及具体应用

• 数据请求相关面试题

  • 1.原生 ajax 的实现
  • 2.什么是 Promise?
  • 3.手写 Promise 的实现
  • 4.实现 Promise 的 ajax、Promise.all()、Promise.race()
  • 5.使用过 axios 吗？简述常用几种 axios 请求方式？
  • 6.axios 的拦截器的具体应用
  • 7.简述 Async 与 Await 的原理，以及具体使用
  • 8.了解 Generator 吗？简述其原理以及基本应用
  • 9.如何解决跨域问题？
  • 10.项目中的数据请求 API 是如何设计与管理的？

• ES6 相关面试题

  • 1.具体使用过哪些 ES6 新特性？
  • 2.var、let 与 const 有什么不同？
  • 3.Symbol 是什么，具体如何使用?
  • 4.什么是迭代器？
  • 5.Iterator 的遍历与 for 循环遍历还有什么区别？
  • 6.递归与迭代有什么区别？
  • 7.什么是 Generator?

• web 鉴权相关面试题

  • 1.常用的几种鉴权方式？
  • 2.简述微信的 OAuth 2.0
  • 3.简述微信网页鉴权原理，以及具体实现
  • 4.什么是单点登陆，如何实现单点登陆？
  • 5.你们的项目，使用了怎么样的登陆鉴权机制？

• 缓存类相关面试题

  • 1.简述几种浏览器的缓存，以及基本应用
  • 2.简述 cookie 在项目中的应用
  • 3.为什么一般使用 token 而不是使用 cookie？

• Vue 相关的 25 道面试题

  • 1.为什么 v-if 与 v-show 有什么不同？
  • 2.Vue 的响应式原理
  • 3.Vue 的数据绑定
  • 4.为什么 Vue 的 data 是一个函数而不是一个对象？
  • 5.data 与 props 有什么区别？
  • 6.Vue 中的父子组件如何传递数据与事件通信？
  • 7.使用过 Vue 中 render 函数吗？使用 render 与使用 templete 模板有什么区别？
  • 8.render 中可以直接使用 return createElement();重复创建 VNode 吗？
  • 9.如何解决上述 render 重复创建 VNode 的问题？
  • 10.通过 render 创建 input,可以直接使用 v-model 绑定其 value 吗？
  • 11.如何解决通过 render 创建 input,可以使用 v-model 绑定其 value 的问题？
  • 12.直接为 Vue 实例 vm,赋值添加属性，请问该属性是响应式的吗？
  • 13.如何在 Vue 中使用插件?
  • 14.如何在 Vue 中使用过滤器?
  • 15.使用过 Vue 中的自定义指令吗?简述它的具体使用
  • 16.介绍 Virtual DOM,与真实的 DOM 有什么区别？
  • 17.Vue 的 Virtual DOM 是如何实现的？
  • 18.Vue2.0 与 Vue3.0 有什么不同？简述其不同之处
  • 19.简述 flux 原理
  • 20.项目中的数据是如何管理的？
  • 21.Vuex 的原理什么？如何实现一个简单的 store 模式
  • 22.项目中如何使用 Vuex
  • 23.Vue-router 有哪些 api,如何在项目中使用 Vue-router 以及相关配置？
  • 24 在项目中,是如何组织路由管理的？
  • 25.Vue-router 的 hash 模式与 history 模式是什么?两者的区别？如何分别使用两种模式？

• webpack 相关面试题

  • 1.常用的打包工具？简述 webpack 的原理，以及基本配置
  • 2.如何解决本地开发调试的跨域请求问题？
  • 3.如何解决 webpack 打包慢问题？
  • 4.常用的 webpack loader 有哪些？
  • 5.常用的 webpack plugins 有哪些？
  • 6.webpack 的 loader 与 plugins 有什么区别？
  • 7.如何使用 Webpack 配置多 html 入口,简述其具体配置过程？
  • 8.Webpack 使用过程中，遇到什么问题？是如何解决的？

• NodeJS 相关面试题

  • 1.实现一个 node 中间件
  • 2.express 源码读过吗？express 的具体代码实现
  • 3.介绍 koa 原理，手写 koa 最小服务

• 前端优化相关

  • 1.如何优化项目？具体有哪些策略？
  • 2.什么是 ssr 与 csr?如何实现 ssr？

• JS 设计模式相关面试题？

  • 1.使用过设计模式吗？
  • 2.常用的设计模式有哪些？
  • 3.简述工厂模式与建造者模式的区别？
  • 4.如何实现单例模式？

• 源码解读相关面试题

  • 1.阅读过 JQuery 源码吗？
  • 2.JQuery 主要使用了哪些设计模式？
  • 3.了解 UnderScore 吗？
  • 4.UnderScore 是如何设计的？
  • 5.使用过 Loadsh 吗？是否解读过它的源码实现？

• 函数式编程相关面试题

  • 1.简述什么是函数式编程？
  • 2.什么是纯函数？
  • 3.什么是柯里化？手写柯里化函数的实现
  • 4.函数式编程有哪些核心应用？
  • 5.简述什么是高阶函数？举例说明
  • 6.常用的高阶函数有哪些？
  • 7.什么是尾递归？
  • 8.手写尾递归的实现）
  • 9.尾递归的优点？
  • 10.简述递归与尾递归的区别？举例说明

• 小程序相关面试题

  • 1.简述 web 与小程序的区别？
  • 2.小程序的登陆如何设计，以及具体实现？
  • 3.如何解决多产品项目中的用户体系一致问题？
  • 4.小程序的页面适配是如何解决的？
  • 5.使用过哪些常用的小程序 API
  • 6.数据请求如何设计？简述其实现流程？
  • 7.处理过哪些小程序相关难题？
  • 8.如何实现产品中的多入口问题（按钮配置、图文小程序入口进入、直接进入、分享进入、小程序码进入...）？
  • 9.小程序的审核需要注意哪些问题？
  • 10.如何解决上述问题？

• 其他面试题

  • 1.web 端的权限，技术如何实现？
  • 2.什么是防抖与节流？
  • 3.手写防抖与节流函数
  • 4.如何消除魔术字符串现象？

上述面试题：

原文文档按序在 ./docs/ 下面；

原文代码在./codes/ 下，如有需要，欢迎 fork,下载；

欢迎关注我 github ，辛苦小手送个 star 吧！🙂😊😊