说说你对发布订阅、观察者模式的理解？区别？

一、观察者模式

观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新

• 说说你对工厂模式的理解？应用场景？
• 说说你对发布订阅、观察者模式的理解？区别？
• 说说你对代理模式的理解？应用场景？
• 说说你对单例模式的理解？如何实现？
• 说说你对策略模式的理解？应用场景？
• 说说对设计模式的理解？常见的设计模式有哪些？

说说你对代理模式的理解？应用场景？

一、是什么

代理模式（Proxy Pattern）是为一个对象提供一个代用品或占位符，以便控制对它的访问

代理模式的关键是，当客户不方便直接访问一个对象或者不满足需要时，提供一个替身对象来控制这个对象的访问，客户实际上访问的是替身对象

说说你对策略模式的理解？应用场景？

一、是什么

策略模式（Strategy Pattern）指的是定义一系列的算法，把它们一个个封装起来，目的就是将算法的使用与算法的实现分离开来

说说你对工厂模式的理解？应用场景？

一、是什么

工厂模式是用来创建对象的一种最常用的设计模式，不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数中，那么这个函数就可以被视为一个工厂

说说你对单例模式的理解？如何实现？

一、是什么

单例模式（Singleton Pattern）：创建型模式，提供了一种创建对象的最佳方式，这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建

• 适配器模式
• 外观模式
• 基本原则
• 桥接模式
• 建造者模式
• 责任链模式
• 组合模式
• 命令模式
• 装饰器模式
• 工厂模式
• 享元模式
• 中介者模式
• 解释器模式
• 迭代器模式
• 备忘录模式
• 观察者模式
• 原型模式
• 代理模式
• 发布订阅模式
• 单例模式
• 状态模式
• 策略模式
• 模版模式
• 访问者模式

• JavaScript

• [ == 和 =区别，分别在什么情况使用](https://www.h7ml.cn/posts/interview/JavaScript/== _=)

• 说说你对 BOM 的理解，常见的 BOM 对象你了解哪些？

• DOM 常见的操作有哪些？

• ajax 原理是什么？如何实现？

• 数组的常用方法有哪些？

• bind、call、apply 区别？如何实现一个 bind?

• Javascript 本地存储的方式有哪些？区别及应用场景？

• 说说你对闭包的理解？闭包使用场景

• JavaScript 中执行上下文和执行栈是什么？

• 大文件上传如何做断点续传？

• 深拷贝浅拷贝的区别？如何实现一个深拷贝？

• 说说 JavaScript 中的数据类型？存储上的差别？

• 什么是防抖和节流？有什么区别？如何实现？

• 说说 JavaScript 中的事件模型

• 解释下什么是事件代理？应用场景？

• 说说你对事件循环的理解

• Javascript 中如何实现函数缓存？函数缓存有哪些应用场景？

• 说说你对函数式编程的理解？优缺点？

• Javascript 如何实现继承？

• 说说你了解的 js 数据结构？

• 说说 Javascript 数字精度丢失的问题，如何解决？

• 说说 JavaScript 中内存泄漏的几种情况？

• 说说 new 操作符具体干了什么？

• JavaScript 原型，原型链 ? 有什么特点？

• 如何实现上拉加载，下拉刷新？

• 说说你对正则表达式的理解？应用场景？

• 说说你对作用域链的理解

• web 常见的攻击方式有哪些？如何防御？

• 什么是单点登录？如何实现？

• JavaScript 字符串的常用方法有哪些？

• 举例说明你对尾递归的理解，有哪些应用场景

• 谈谈 this 对象的理解

• 谈谈 JavaScript 中的类型转换机制

• typeof 与 instanceof 区别

• 如何判断一个元素是否在可视区域中？

• NodeJS

• 说说对 Node 中的 Buffer 的理解？应用场景？

• 说说 Node 中的 EventEmitter? 如何实现一个 EventEmitter?

• 说说对 Node 中的 Stream 的理解？应用场景？

• 说说对 Nodejs 中的事件循环机制理解?

• 如何实现文件上传？说说你的思路

• 说说对 Node 中的 fs 模块的理解? 有哪些常用方法

• 说说 Node. js 有哪些全局对象？

• 如何实现 jwt 鉴权机制？说说你的思路

• 说说对中间件概念的理解，如何封装 node 中间件？

• 说说你对 Node.js 的理解？优缺点？应用场景？

• 如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?

• Node 性能如何进行监控以及优化？

• 说说对 Node 中的 process 的理解？有哪些常用方法？

• 说说 Node 文件查找的优先级以及 Require 方法的文件查找策略?

• README.md

• React

• React 事件绑定的方式有哪些？区别？

• React 构建组件的方式有哪些？区别？

• 说说对 Fiber 架构的理解？解决了什么问题？

• 说说对高阶组件的理解？应用场景?

• 说说 React 性能优化的手段有哪些？

• 说说 React Jsx 转换成真实 DOM 过程？

• 说说对 React 的理解？有哪些特性？

• 说说对 React Hooks 的理解？解决了什么问题？

• 说说你对 React Router 的理解？常用的 Router 组件有哪些？

• 说说 React Router 有几种模式？实现原理？

• 说说对 React refs 的理解？应用场景？

• [ 说说 Real DOM 和 Virtual DOM 的区别？优缺点？](https://www.h7ml.cn/posts/interview/React/Real_DOM_Virtual DOM)

• 说说对 Redux 中间件的理解？常用的中间件有哪些？实现原理？

• 说说 React 的事件机制？

• 在 react 中组件间过渡动画如何实现？

• 说说你在 React 项目是如何捕获错误的？

• 说说对 React 中类组件和函数组件的理解？有什么区别？

• React 中组件之间如何通信？

• 说说对受控组件和非受控组件的理解？应用场景？

• 说说 React diff 的原理是什么？

• 你在 React 项目中是如何使用 Redux 的? 项目结构是如何划分的？

• 说说你对 immutable 的理解？如何应用在 react 项目中？

• 说说 react 中引入 css 的方式有哪几种？区别？

• 说说你是如何提高组件的渲染效率的？在 React 中如何避免不必要的 render？

• React 中的 key 有什么作用？

• 说说 React 生命周期有哪些不同阶段？每个阶段对应的方法是？

• 说说你对 Redux 的理解？其工作原理？

• 说说 React render 方法的原理？在什么时候会被触发？

• 说说 React 服务端渲染怎么做？原理是什么？

• 说说 React 中的 setState 执行机制

• state 和 props 有什么区别？

• 说说你在使用 React 过程中遇到的常见问题？如何解决?

• super() 和 super(props) 有什么区别？

• algorithm

• 说说你对算法的理解？应用场景？

• 说说你对二分查找的理解？如何实现？应用场景？

• 说说你对堆的理解？如何实现？应用场景？

• 说说你对链表的理解？常见的操作有哪些？

• 说说你对冒泡排序的理解？如何实现？应用场景？

• 说说你对分而治之、动态规划的理解？区别？

• 说说你对贪心算法、回溯算法的理解？应用场景？

• 说说你对图的理解？相关操作有哪些？

• 说说你对插入排序的理解？如何实现？应用场景？

• 说说你对归并排序的理解？如何实现？应用场景？

• 说说你对快速排序的理解？如何实现？应用场景？

• 说说你对选择排序的理解？如何实现？应用场景？

• 说说你对集合的理解？常见的操作有哪些？

• 说说常见的排序算法有哪些？区别？

• 说说你对栈、队列的理解？应用场景？

• 说说你对数据结构的理解？有哪些？区别？

• 说说你对算法中时间复杂度，空间复杂度的理解？如何计算？

• 说说你对树的理解？相关的操作有哪些？

• applet

• 说说微信小程序的实现原理？

• 说说你对微信小程序的理解？优缺点？

• 说说微信小程序的生命周期函数有哪些？

• 说说微信小程序的登录流程？

• 说说微信小程序中路由跳转的方式有哪些？区别？

• 说说提高微信小程序的应用速度的手段有哪些？

• 说说微信小程序的发布流程？

• 说说微信小程序的支付流程？

• css

• 谈谈你对 BFC 的理解？

• css3 动画有哪些？

• 说说你对盒子模型的理解?

• 元素水平垂直居中的方法有哪些？如果元素不定宽高呢？

• 如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？

• CSS3 新增了哪些新特性？

• 如果要做优化，CSS 提高性能的方法有哪些？

• 说说设备像素、css 像素、设备独立像素、dpr、ppi 之间的区别？

• 说说 em/px/rem/vh/vw 区别?

• 说说 flexbox（弹性盒布局模型）,以及适用场景？

• 介绍一下 grid 网格布局

• css 中，有哪些方式可以隐藏页面元素？区别?

• 怎么理解回流跟重绘？什么场景下会触发？

• 让 Chrome 支持小于 12px 的文字方式有哪些？区别？

• 什么是响应式设计？响应式设计的基本原理是什么？如何做？

• 说说对 Css 预编语言的理解？有哪些区别?

• 如何实现单行／多行文本溢出的省略样式？

• CSS 如何画一个三角形？原理是什么？

• 如何使用 css 完成视差滚动效果?

• design

• 说说你对工厂模式的理解？应用场景？

• 说说你对发布订阅、观察者模式的理解？区别？

• 说说你对代理模式的理解？应用场景？

• 说说你对单例模式的理解？如何实现？

• 说说你对策略模式的理解？应用场景？

• 说说对设计模式的理解？常见的设计模式有哪些？

• es6

• ES6 中数组新增了哪些扩展？

• 你是怎么理解 ES6 中 Decorator 的？使用场景？

• 对象新增了哪些扩展？

• 你是怎么理解 ES6 中 Generator 的？使用场景？

• 你是怎么理解 ES6 中 Module 的？使用场景？

• 对象新增了哪些扩展？

• 你是怎么理解 ES6 中 Promise 的？使用场景？

• 你是怎么理解 ES6 中 Proxy 的？使用场景?

• 你是怎么理解 ES6 新增 Set、Map 两种数据结构的？

• 说说 var、let、const 之间的区别

• git

• 说说你对 Git 的理解？

• 说说 Git 中 HEAD、工作树和索引之间的区别？

• 说说你对版本管理的理解？常用的版本管理工具有哪些？

• 说说 Git 常用的命令有哪些？ ,- 说说 Git 中 fork, clone,branch 这三个概念，有什么区别?

• [ 说说你对 git rebase 和 git merge 的理解？区别？](https://www.h7ml.cn/posts/interview/git/gitRebase_ gitMerge)

• [ 说说对 git pull 和 git fetch 的理解？有什么区别？](https://www.h7ml.cn/posts/interview/git/git_pull _git_fetch)

• [ 说说你对 git reset 和 git revert 的理解？区别？](https://www.h7ml.cn/posts/interview/git/git_reset_ git_revert)

• 说说你对 git stash 的理解？应用场景？

• http

• 说说 HTTP1.0/1.1/2.0 的区别?

• 如何理解 CDN？说说实现原理？

• DNS 协议 是什么？说说 DNS 完整的查询过程?

• 说一下 GET 和 POST 的区别？

• 为什么说 HTTPS 比 HTTP 安全? HTTPS 是如何保证安全的？

• 什么是 HTTP? HTTP 和 HTTPS 的区别?

• 如何理解 OSI 七层模型?

• 如何理解 TCP/IP 协议?

• 如何理解 UDP 和 TCP? 区别? 应用场景?

• 说说对 WebSocket 的理解？应用场景？

• 说说地址栏输入 URL 敲下回车后发生了什么?

• 说说 TCP 为什么需要三次握手和四次挥手？

• 说说 HTTP 常见的请求头有哪些? 作用？

• 说说 HTTP 常见的状态码有哪些，适用场景？

• linux

• 说说 linux 系统下 文件操作常用的命令有哪些？

• [

• typescript

• 说说你对 TypeScript 中类的理解？应用场景？

• 说说 typescript 的数据类型有哪些？

• 说说你对 TypeScript 装饰器的理解？应用场景？

• 说说你对 TypeScript 中枚举类型的理解？应用场景？

• 说说你对 TypeScript 中函数的理解？与 JavaScript 函数的区别？

• 说说你对 TypeScript 中泛型的理解？应用场景？

• 说说你对 TypeScript 中高级类型的理解？有哪些？

• 说说你对 TypeScript 中接口的理解？应用场景？

• 说说对 TypeScript 中命名空间与模块的理解？区别？

• 说说如何在 React 项目中应用 TypeScript？

• 说说你对 TypeScript 的理解？与 JavaScript 的区别？

• 说说如何在 Vue 项目中应用 TypeScript？

• vue

• vue 项目本地开发完成后部署到服务器后报 404 是什么原因呢？

• Vue 项目中有封装过 axios 吗？主要是封装哪方面的？

• 你了解 axios 的原理吗？有看过它的源码吗？

• 双向数据绑定是什么

• Vue 组件之间的通信方式都有哪些？

• Vue 中组件和插件有什么区别？

• Vue 项目中你是如何解决跨域的呢？

• 为什么 data 属性是一个函数而不是一个对象？

• 动态给 vue 的 data 添加一个新的属性时会发生什么？怎样解决？

• 你了解 vue 的 diff 算法吗？说说看 ,- 你是怎么处理 vue 项目中的错误的？

• Vue 中的过滤器了解吗？过滤器的应用场景有哪些？

• SPA 首屏加载速度慢的怎么解决？

• v-if 和 v-for 的优先级是什么？

• 说说你对 keep-alive 的理解是什么？

• 你知道 vue 中 key 的原理吗？说说你对它的理解

• 请描述下你对 vue 生命周期的理解？在 created 和 mounted 这两个生命周期中请求数据有什么区别呢？

• 说说你对 vue 的 mixin 的理解，有什么应用场景？

• Vue 常用的修饰符有哪些有什么应用场景

• Vue 实例挂载的过程

• Vue 中的$nextTick 有什么作用？

• Vue.observable 你有了解过吗？说说看

• vue 要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？

• v-show 和 v-if 有什么区别？使用场景分别是什么？

• 你对 SPA 单页面的理解，它的优缺点分别是什么？如何实现 SPA 应用呢

• SSR 解决了什么问题？有做过 SSR 吗？你是怎么做的？

• 说下你的 vue 项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？

• 什么是虚拟 DOM？如何实现一个虚拟 DOM？说说你的思路

• vue3 有了解过吗？能说说跟 vue2 的区别吗？

• vue3

• Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

• Vue3.0 的设计目标是什么？做了哪些优化

• 用 Vue3.0 写过组件吗？如果想实现一个 Modal 你会怎么设计？

• Vue3.0 性能提升主要是通过哪几方面体现的？

• Vue3.0 里为什么要用 Proxy API 替代 defineProperty API ？

• css 选择器有哪些？优先级？哪些属性可以继承？

• 说说 Vue 3.0 中 Treeshaking 特性？举例说明一下？

• webpack

• 说说 webpack 的热更新是如何做到的？原理是什么？

• 说说 Loader 和 Plugin 的区别？编写 Loader，Plugin 的思路？

• 说说 webpack 中常见的 Plugin？解决了什么问题？

• 与 webpack 类似的工具还有哪些？区别？

• 说说 webpack 的构建流程?

• 如何提高 webpack 的构建速度？

• 说说如何借助 webpack 来优化前端性能？

• 说说 webpack proxy 工作原理？为什么能解决跨域?

• 说说你对 webpack 的理解？解决了什么问题？

说说对设计模式的理解？常见的设计模式有哪些？

一、是什么

在软件工程中，设计模式是对软件设计中普遍存在的各种问题所提出的解决方案

设计模式并不直接用来完成代码的编写，而是描述在各种不同情况下，要怎么解决问题的一种方案