2024年Web前端最新Centos7(1)，前端开发关键技术

最后

四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~

祝大家都能收获大厂offer~

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

篇幅有限，仅展示部分内容

[root@rs1 ~]# ip a

1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000

link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00

inet 127.0.0.1/8 scope host lo

valid_lft forever preferred_lft forever

inet6 ::1/128 scope host

valid_lft forever preferred_lft forever

2: ens32: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000

link/ether 00:0c:29:46:eb:23 brd ff:ff:ff:ff:ff:ff

inet 192.168.43.10/24 brd 192.168.43.255 scope global noprefixroute ens32

valid_lft forever preferred_lft forever

inet 192.168.43.100/24 brd 192.168.43.255 scope global secondary ens32

valid_lft forever preferred_lft forever

inet6 fe80::a0b8:9a41:6d1b:7285/64 scope link noprefixroute

valid_lft forever preferred_lft forever

成功啦！

详细介绍可以看我另一篇博客

https://blog.csdn.net/qq_45714272/article/details/106007691

开始用pcs创建资源：

---

创建Web/Apache资源（节点都要做）

开两台虚拟机，安装以下服务，并配置。如下：

firewall-cmd --permanent --add-service=http && firewall-cmd --reload

yum install -y httpd

echo “$(hostname)” >> /var/www/html/index.html

systemctl restart httpd

systemctl enable httpd

创建Apache状态URL(节点都要做)

vim /etc/httpd/conf.d/status.conf

<location /server-status>

setHandler server-status

Order deny,allow

deny from all

Allow from 127.0.0.1

创建Apache资源

pcs resource create Website ocf💓apache

configfile=/etc/httpd/conf/httpd.conf

statusurl=“http://localhost/server-status” \ op monitor interval=1min

删除Apache资源

pcs resource delete Website

查看状态

[root@rs1 ~]# pcs status

Cluster name: cluster1

Stack: corosync

Current DC: rs1 (version 1.1.20-5.el7-3c4c782f70) - partition with quorum

Last updated: Fri May 8 10:27:09 2020

Last change: Fri May 8 10:26:53 2020 by root via cibadmin on rs1

2 nodes configured

2 resources configured

Online: [ rs1 rs2 ]

Full list of resources:

VIP (ocf:💓IPaddr2): Started rs2

Website (ocf:💓apache): Starting rs1

Daemon Status:

corosync: active/disabled

pacemaker: active/disabled

pcsd: active/enabled

无共享存储的web群集就搭建好了，我们可以通过VIP来访问web群集，一台服务器宕机，我们可以利用pcs工具对VIP进行迁移，访问另一台服务器，实现了HA

对集群进行约束

---

确保资源在同一节点

1.添加约束确保资源在同一节点

[root@rs1 ~]# pcs constraint

Location Constraints:

Ordering Constraints:

Colocation Constraints:

Ticket Constraints:

[root@rs1 ~]# pcs constraint colocation add Website with VirtualIP INFINITY

[root@rs1 ~]# pcs status

Cluster name: cluster1

Stack: corosync

Current DC: rs1 (version 1.1.20-5.el7-3c4c782f70) - partition with quorum

Last updated: Fri May 8 10:51:57 2020

Last change: Fri May 8 10:51:52 2020 by root via cibadmin on rs1

2 nodes configured

2 resources configured

Online: [ rs1 rs2 ]

Full list of resources:

VirtualIP (ocf:💓IPaddr2): Started rs1

Website (ocf:💓apache): Starting rs1

Daemon Status:

corosync: active/disabled

pacemaker: active/disabled

pcsd: active/enabled

2.IP飘逸

[root@rs1 ~]# ip a

1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000

link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00

inet 127.0.0.1/8 scope host lo

valid_lft forever preferred_lft forever

inet6 ::1/128 scope host

valid_lft forever preferred_lft forever

2: ens32: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000

link/ether 00:0c:29:46:eb:23 brd ff:ff:ff:ff:ff:ff

inet 192.168.43.10/24 brd 192.168.43.255 scope global noprefixroute ens32

valid_lft forever preferred_lft forever

inet6 fe80::a0b8:9a41:6d1b:7285/64 scope link noprefixroute

valid_lft forever preferred_lft forever

[root@rs1 conf.d]# pcs cluster standby rs1

[root@rs2 ~]# ip a

1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000

link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00

inet 127.0.0.1/8 scope host lo

valid_lft forever preferred_lft forever

inet6 ::1/128 scope host

valid_lft forever preferred_lft forever

2: ens32: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000

link/ether 00:0c:29:01:55:ac brd ff:ff:ff:ff:ff:ff

inet 192.168.43.20/24 brd 192.168.43.255 scope global noprefixroute ens32

valid_lft forever preferred_lft forever

inet 192.168.43.100/24 brd 192.168.43.255 scope global secondary ens32

valid_lft forever preferred_lft forever

inet6 fe80::a0b8:9a41:6d1b:7285/64 scope link tentative noprefixroute dadfailed

valid_lft forever preferred_lft forever

inet6 fe80::1777:3e7e:f136:6cf/64 scope link noprefixroute

valid_lft forever preferred_lft forever

[root@rs1 ~]# pcs status

Cluster name: cluster1

Stack: corosync

Current DC: rs1 (version 1.1.20-5.el7-3c4c782f70) - partition with quorum

Last updated: Sat May 9 02:08:53 2020

Last change: Sat May 9 02:08:47 2020 by root via cibadmin on rs1

2 nodes configured

1 resource configured

Node rs1: standby

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

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

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）