# interview_1

**Repository Path**: meixinyu/interview_1

## Basic Information

- **Project Name**: interview_1
- **Description**: 面试题目进阶
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2022-12-31
- **Last Updated**: 2022-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 00. [BFC](./resource/00/README.md)​ ✔

## 01. [HTTP Cache](./resource/01/README.md) ✔

## 02. [new](./resource/02/README.md) ✔

## 03. [instanceof](./resource/03/README.md) ✔

## 04. [DeepClone](./resource/04/README.md) ✔

## 05. [~~发布订阅和观察者~~](./resource/05/README.md) ✔

## 06. [Vue 双向数据绑定](./resource/06/README.md) ✔

## 07. [敲回车后发生了甚么事情](./resource/07/README.md) ✔

## 08. [写个 Promise](./resource/08/README.md)

## 09. [洋葱模型](./resource/09/README.md) ✔

## 10. [Node 事件循环](./resource/10/README.md)

## 11. [数组去重](./resource/11/README.md) ✔

## 12. [React Fiber](./resource/12/README.md)

## 13. [React setState](./resource/13/README.md)

## 14. [Vue nextTick](./resource/14/README.md)

## 15. [DOM Diff](./resource/15/README.md)

## 16. [Webpack 优化](./resource/16/README.md)

## 17. [Type 和 Interface](./resource/17/README.md)

## 18. [关于 HTTPS](./resource/18/README.md) ✔

## 19. [Node Stream](./resource/19/README.md) ✔

## 20. [关于 Vue3](./resource/20/README.md)

## 21. [history 路由模式上线时后端做什么](./resource/21/README.md)

## 22. [柯里化](./resource/22/README.md) ✔〽

## 23. [Async 和 Defer](./resource/23/README.md) ✔

## 24. [Vuex 原理](./resource/24/README.md)

## 25. [设计模式](./resource/25/README.md)

## 26. [RBAC](./resource/26/README.md) ✔

## 27. [常见排序算法](./resource/27/README.md) 〽

## 28. [v-for 和 v-if 为什么不能一起用](./resource/28/README.md)

## 29. [拍平数组](./resource/29/README.md)

## 30. [Array to tree](./resource/30/README.md)

## 31. [Vue 父子生命周期](./resource/31/README.md)

## 32. [Polyfill call、apply、bind](./resource/32/README.md) ✔

## 33. [Map、Set、WeakMap、WeakSet](./resource/33/README.md)

## 34. [Class 中的箭头函数和其中的 this](./resource/34/README.md)

## 35. [Debounce / throttle](./resource/35/README.md) ✔

## 36. [HTTP2](./resource/36/README.md) ✔

## 37. [Promise.all](./resource/37/README.md)

## 38. [Why vue3 uses proxy instead](./resource/38/README.md)

## 39. [骨架屏原理](./resource/39/README.md)

## 40. [小程序支付](./resource/40/README.md)

## 41. [ES 新特性](./resource/41/README.md)

## 42. [JS Extends](./resource/42/README.md)

## 43. [RequestAnimationFrame](./resource/43/README.md)

## 44. [Redraw & reflow](./resource/44/README.md) ✔

## 45. [flex 是哪几个属性的简写](./resource/45/README.md)

## 46. [Vue Router 钩子](./resource/46/README.md)

## 47. [for/in & for/of](./resource/47/README.md) ✔

## 48. [MutationObserver](./resource/48/README.md)

## 49. [Vue.extend](./resource/49/README.md)

## 50. [代码规定](./resource/50/README.md)

## 51. [路由传参](./resource/51/README.md)

## 52. [头条项目优化](./resource/52/README.md)

## 53. [Event Loop](./resource/53/README.md) ✔

## 54. [长列表优化](./resource/54/README.md)

## 55. [Generator](./resource/55/README.md)

## 56. [Padding 实现图片的自适应](./resource/56/README.md)

## 57. [数据结构和算法](./resource/57/README.md)

## 58. [SASS 语法进阶](./resource/58/README.md)

## 59. [Vue SSR 基础](./resource/59/README.md)

## 60. [Vue SSR 案例](./resource/60/README.md)

## 61. [Mock.js](./resource/61/README.md)

## 62. [界面访问控制](./resource/62/README.md)

## 63. [BEM](./resource/63/README.md)

## 64. [原子化 CSS](./resource/64/README.md)

## 65. [React SSR](./resource/65/README.md)

## 66. [中台是啥](./resource/66/README.md)

## 67. [TypeScript](./resource/67/README.md)

```bash
Todo: Vue React 八股
flex
Node EventLoop
数据结构和算法
```

## 68. [BFF](./resource/68/README.md)

## 69. RxJS

## 70. 微前端

## 71. CI/CD

## 72. Docker

## 73. 大数问题

## 74. 位运算

## 75. Webpack 生命周期

## 76. Axios 跨域原理

## 77. 错误捕获和监控

## 78. 一次性把大量元素插入到页面

## 79. 闭包应用场景（什么时候释放）

## 80. 移动端一屏页面展示

## 81. [git merge 和 git rebease](./resource/81/README.md)

## 82. [为什么要对 URL 中的参数进行编码](./resource/82/README.md)

## 83. will-change

## 84. flutter

## 85. loader 和 plugin

## 86. 白屏

## 87. BeforeDestroy 可以操作 DOM 吗

## 88. import 和 require 的区别

## 89. Webpack Plugin 生命周期

## 90. transform 和 fixed 相互影响的问题

## 91. [qiankun](https://qiankun.umijs.org/zh/)、[G6](http://antv-2018.alipay.com/zh-cn/g6/3.x/demo/index.html)、[X6](https://x6.antv.vision/zh/docs/tutorial/about)、[Jest](https://www.jestjs.cn/)

## 92. Performance

## 93. Bundle 和 Chunk

## 94. Web Workers

## 95. WebSocket 心跳机制

## 96. 动态表单

## 97. [OpenId 和 uid](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html)

## 98. [移动端网页如何分享到微信](./resource/98/README.md)

## 99. [第三方登录](./resource/99/README.md)

## 100. [网页支付宝支付](./resource/100/README.md)

## 101. 生成 1 ~ 100

```js
;[...Array(100).keys()]
```

## 102. 转发，移动端网页如何分享到微信？

[官网](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html)

\1. 绑定域名到微信公众号的后台。

\2. 引入微信官网提供的 JS 文件。

\3. 通过 `wx.config` 接口注入权限验证配置。

```js
wx.config({
  debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [] // 必填，需要使用的 JS 接口列表
});
```

\4. 调用微信提供的相关分享接口。

```js
wx.ready(function () {
  //需在用户可能点击分享按钮前就先调用
  wx.updateAppMessageShareData({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    },
  })
})
```

## 103. 撤销

## 104. 低代码实现思路