前端八股文(一)
文章目录
前言
文章是网卡摸鱼写的,起因是大学舍友最近面试遇到了许多前端基础提问,例如HTML5的特性是什么?变量的提升?或许在座的各位都能答得出来,但是我相信并不是每一个前端朋友都能对这些名词如数家珍,也许你知道var、let、const的区别但是当面试官问你变量提升你却突然卡壳了。
质疑需求,理解需求,成为需求,这是每一个搬砖人必备的成长过程。
为了健康摸鱼,因此我将会结合网络资料和以往面试遇到过的问题,给大家提供一份前端八股。
一、前端八股在工作中是否能用到?
在刚毕业的时候我坚定的回答“不能”,在工作1年后我不坚定的回答“也许”,在工作3年后我可以诚实的告诉你,如果以写出页面为目的,那么八股文可有可无,毕竟现在AI就能帮你写出来,但是八股文的作用在于,他可以帮助你规避、寻找出底层bug以及让面试官评价一句,这个前端的基础还行。
二、基础篇
1.html+js+css
先来看一段摘自菜鸟教程的代码,点击链接直接运行https://www.runoob.com/try/try.php?filename=tryhtml5_ev_onclick
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function copyText()
{
document.getElementById("field2").value=document.getElementById("field1").value;
}
</script>
</head>
<body>
字段1: <input type="text" id="field1" value="Hello World!"><br>
字段2: <input type