问题及难点记录-前端

七里香777

已于 2022-11-17 22:03:47 修改

阅读量246

点赞数

分类专栏：笔记文章标签：前端 vue.js javascript

于 2022-07-03 21:47:37 首次发布

本文链接：https://blog.csdn.net/weixin_44286392/article/details/125589770

版权

笔记专栏收录该内容

45 篇文章 0 订阅

订阅专栏

1. 同一个事件循环中，promise.then总是先于SetTimeout执行
2. Vue中Diff算法：patch,patchVnode
3. [阻塞dom解析和不阻塞dom解析的资源](https://blog.csdn.net/liuanpingfirst/article/details/85276720)
4. [JS中函数参数值传递和引用传递](https://www.cnblogs.com/chenwenhao/p/7009606.html)
5. [带你彻底弄懂Event Loop](https://segmentfault.com/a/1190000016278115)
6. 请写出下面ES6代码编译后所生成的ES5代码：
7.请根据下面的示例描述原型链与继承的关系并解释原因：
8.在vue中怎样写html页面？
9.响应式数据？
10.webSocket
12.浏览器兼容问题
13.vue与react区别
14.移动端适配
- px em rem 区别及联系
15.axios拦截器
16.css布局
- ①Grid布局
- ②Flex布局
- position
17.优化
18.在Node.js环境下，写Web服务，通过接口可给前端返回数据
19.函数柯里化
20.如何看待前端未来发展
- 低代码平台
- 微前端
21.项目相关
- 验证码放进session里
22. iframe
关于构造函数

1. 同一个事件循环中，promise.then总是先于SetTimeout执行

JavaScript中Promise里的代码为什么比setTimeout先执行？

2. Vue中Diff算法：patch,patchVnode

vue 中 patch、patchVnode 函数（更新节点）的学习

3. 阻塞dom解析和不阻塞dom解析的资源

4. JS中函数参数值传递和引用传递

5. 带你彻底弄懂Event Loop

6. 请写出下面ES6代码编译后所生成的ES5代码：

class Person {
     constructor (name) {
          this.name = name;
     }
     greet () {
          console.log(`Hi, my name is ${this.name}`);
     }
     greetDelay (time) {
          setTimeout(() => {
               console.log(`Hi, my name is ${this.name}`);
          }, time);
     }
}

参考答案：

var Person = (function () {
     function Person (name) {
          this._name = name;
     }
     Person.prototype.greet = function () {
          console.log(“Hi, my name is “ + this._name);
     }
     Person.prototype.greetDelay = function (time) {
          var _this = this;
          setTimeout(function () {
               console.log(“Hi, my name is “ + _this.name);
          }, time);
     }
})();

7.请根据下面的示例描述原型链与继承的关系并解释原因：

class A {}
class B extends A {}
const a = new A()
const b = new B()
a.proto ===
b.proto ===
B.proto ===
B.prototype.proto ===
b.proto.proto ===

答案：

A.prototype
B.prototype
A
A.prototype
A.prototype

通过原型继承理解ES6 extends 如何实现继承

8.在vue中怎样写html页面？

昨天笔试的时候，看到在html页面有vue的写法，而我看的几个项目都是.vue文件和js文件，没见过html文件，就很好奇？vue可以用html写吗？
vue可不可用html写,可以直接使用html直接写内容,为什么要用vue.js

9.响应式数据？

vue 响应式属性 VS 非响应式属性
 你真的理解Vue的数据响应式吗
 vue 非响应式属性放哪_vue响应式原理及项目中常见的坑

10.webSocket

js中WebSocket
WebSocket握手总结
 websocket 带头部信息请求 header_聊天应用怎么做
 websocket如何携带header或参数

开发环境和生产环境的区别

12.浏览器兼容问题

常见浏览器兼容性问题与解决方案？
浏览器兼容性问题解决方案 · 总结
 Web前端面试题第三道—浏览器的兼容性
 CSS Hack是什么意思？css hack有什么用？

13.vue与react区别

说说vue react angularjs jquery的区别
 react和Vue的原理，区别，亮点，作用
 前端三大框架：数据绑定与数据流
 面试官：谈谈Vue和React的区别？

14.移动端适配

移动端适配方案

px em rem 区别及联系

px、rem、em的区别与联系

15.axios拦截器

Axios源码解析：请求响应拦截器

16.css布局

①Grid布局

最强大的 CSS 布局 —— Grid 布局
Grid 实战——实现响应式布局：

fr实现等分响应式
repeat + auto-fit 固定列宽，改变列数量：grid-template-columns: repeat(auto-fit, 200px) 表示固定列宽为 200px，数量是自适应的，只要容纳得下，就会往上排列
repeat+auto-fit+minmax 去掉右侧空白
repeat+auto-fit+minmax-span-dense 解决空缺问题

Grid 布局兼容性