2024年Web前端最全JS基础4(3)，2024年最新老板泪流满面的时候

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

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

let person = {

name: ‘Nicholas’,

age: 29,

}

Object.defineProperty(person, ‘name’, {

writable: true,

})

console.log(person.name)

//结果Nicholas

person.name = ‘newNicholas’;

console.log(person.name)

// writable: true结果Nicholas

// writable: false结果newNicholas

字符串对象

========================================================================

创建

---

1. var str =new string(‘hello’)

2. var str=‘hello’

字符串属性

---

| 属性 | 含义 |

| :-: | :-- |

| str[] | 访问字符串中字符 |

| charAt() | 找到索引号内容并返回 |

| indexof() | 找到字符串索引号 |

| lastIndexof() | 从后面找到字符串索引号 |

| substring() | 2个值，从哪个开始，到哪个结束，不包括结束字符 |

| substr() | 2个值，从哪开始，截取几个 |

| slice() | 2个值，从哪个开始，到哪个结束，不包括结束字符 |

| replace() | 用新字符串替换指定字符串 |

| split() | 分隔字符串，返回一个数组 |

| concat() | 字符串拼接 |

| trim() | 去除前后空格符 |

| startsWith(a) | 是否以a字符开头 |

| endWith(a) | 是否以a字符结尾 |

| includes(a) | a在全字符串是否存在 |

| toLowerCase | 转换小写 |

| toUpperCase | 转换大写 |

| repeat(N) | 将字符串复制N次 |

| padStart(n,‘m’) | 将m复制n次填充到字符串前面 |

| padEnd(n,‘m’) | 将m复制n次填充到字符串后面 |

注:

1. 字符串中空格也是一个字符串

2. indexof()找不到时返回-1

3. slice,substring,substr

• 是以相同形式被调用，当只有一个数，提取到末尾位置

• 当有负数时，slice将所有负值当成字符串长度加上负参数值，substr将第一个负参数值当成字符串长度加上负参数值，第二个转换为0，substring将所有转换为0

示例代码

var str=‘hello’;

console.log(str[0])

//结果h

var str=‘hello’;

console.log(str.charAt(0))

//结果h

var str=‘hello’;

console.log(str.indexOf(‘l’))

//结果02

var str=‘hello’;

console.log(str.lastIndexOf(‘l’))

//结果03

var str=‘hello’;

console.log(str.substring(0,2))

//结果he

var str=‘hello’;

console.log(str.substr(0,2))

//结果he

var str=‘hello’;

console.log(str.replace(‘he’,‘eh’))

//结果ehllo

var str=‘hello’;

newStr=str.split(‘’)

console.log(newStr)

//结果[‘h’, ‘e’, ‘l’, ‘l’, ‘o’]

var str=‘hello’;

newStr=str.concat(’ world’)

console.log(newStr)

//结果hello world

var str=’ hello’;

newStr=str.concat(’ world’)

newStr1=newStr.trim()

console.log(newStr1)

//结果hello world

var str=‘hello’;

newStr=str.startsWith(‘h’)

console.log(newStr)

//结果true

var str=‘hello’;

newStr=str.toUpperCase()

console.log(newStr)

//结果HELLO

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

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

JavaScript

性能

linux