这应该是我在面试前端时被问到的最印象深刻的问题,也最令我吃惊的问题——“为什么你老是问我后端的问题?”
我没去面试过前端的职位,不知道别人家的面试是怎么样的,是一直在聊CSS,JS,HTML还是会聊聊网络,操作系统之类的。我在跟候选人简单聊下JS之后会问这样的一个问题:能不能给我阐述下用户在输入网址,敲下回车之后,整个数据的传递过程,最终网页是如何呈现到用户面前的。这个地方我会特别强调要详细阐述。这其实是一个通用的问题,前后端都会问。由此展开后涉及的到内容比较多,比如http协议,缓存,CDN,前端发布流程,后端的话需要详细到框架内部。
另外对于前端来说,我会简单的问下,知道什么是线程,什么是进程吗?实时上,大部分的候选人都能够了解。但确实有些人完全没概念,包括那些简历上写的是工作多年的候选人。在nodejs火了这么多年之后,前端工程师的上手成本其实非常低。尝试下这些东西,了解下js在服务器端的运行总没有啥坏处。且不说服务器端的运行。单说js在浏览器里面的执行,浏览器是多线程还是多进程的?浏览器在加载外部资源的时候是单线程的吗?
如果我看到应聘者有多语言经历的话,我还会问下语言之间的差别是什么?Java跟Javascript之间有什么差别?有很多意想不到的答案。比如:Java里面都是定义Class的,而JS不是。我再追问,除了语法之外语言之间的差别呢。答:Javascript是脚本语言。我再次问,知道什么是动态语音吗?答曰:js是吧?
遇到过几次,在我问这几个问题时,会有人说:我说,你怎么老是问我后端的问题呢?印象最深的一次是我在追问HTTP协议细节的时候,有人这么问了我一下。我顿时傻了。
有时候我在想,前端工程师到底算不是程序员或者软件工程师,最近一段时间,前后端都在招人,但是从简历的数量上来看,前端投来的简历是后端的4或5倍。但是大部分的前端都仅限于CSS,JS,HTML,当然这些是最基础的,但是工程结构,项目构建流程,计算机知识等,也是比不可少需要了解的吧。也有很多我觉得在前端比较优秀的同事,对CSS和JS的掌握非常好,但是看工程的组织方式,以及代码结构,都比较稚嫩(这个词不知道能不能表达清楚)。
或许应该术业有专攻,写前端的不需要了解其他的东西,单纯的写页面就够了。在之前或许就是这样,出一个设计稿,扔给前端,然后前端扔一个静态页面给后端,齐活了。但是随着前端的越来越重,大部分的逻辑都在往前端迁移(或者说前端的业务本身就会越来越多),因此单纯的做出兼容各种浏览器的页面是不够的了。
最后说下,上面说的面试流程并不是固定的,根据不同的候选人,采用的面试方式/流程是不同的。并且面试的目的也并不是单纯的看应聘者是否能胜任工作。以后可以写篇,我面试时在想什么的文章,或许对大家在面试时了解面试官的想法有帮助。
----EOF-----
微信分享/扫码阅读

HTML的未来将朝着更加语义化、功能化和模块化的方向发展。1)语义化将使标签更明确地描述内容,提升SEO和无障碍访问。2)功能化将引入新元素和属性,满足用户需求。3)模块化将支持组件化开发,提高代码复用性。

htmlattributesarecrucialinwebdevelopment forcontrollingBehavior,外观和功能

alt属性是HTML中标签的重要部分,用于提供图片的替代文本。1.当图片无法加载时,alt属性中的文本会显示,提升用户体验。2.屏幕阅读器使用alt属性帮助视障用户理解图片内容。3.搜索引擎索引alt属性中的文本,提高网页的SEO排名。

HTML、CSS和JavaScript在网页开发中的作用分别是:1.HTML用于构建网页结构;2.CSS用于美化网页外观;3.JavaScript用于实现动态交互。通过标签、样式和脚本,这三者共同构筑了现代网页的核心功能。

设置标签的lang属性是优化网页可访问性和SEO的关键步骤。1)在标签中设置lang属性,如。2)在多语言内容中,为不同语言部分设置lang属性,如。3)使用符合ISO639-1标准的语言代码,如"en"、"fr"、"zh"等。正确设置lang属性可以提高网页的可访问性和搜索引擎排名。

htmlattributeseresene forenhancingwebelements'functionalityandAppearance.TheyAdDinformationTodeFineBehavior,外观和互动,使网站互动,响应式,visalalyAppealing.AttributesLikutesLikeSlikEslikesrc,href,href,href,类,类型,类型,和dissabledtransfransformformformformformformformformformformformformformformforment

toCreateAlistinHtml,useforforunordedlistsandfororderedlists:1)forunorderedlists,wrapitemsinanduseforeachItem,RenderingeringAsabulleTedList.2)fororderedlists,useandfornumberedlists,useandfornumberedlists,casundfornumberedlists,customeizableWithTheTtheTthetTheTeTeptTributeFordTributeForderForderForderFerentNumberingSnumberingStyls。

HTML用于构建结构清晰的网站。1)使用标签如、、定义网站结构。2)示例展示了博客和电商网站的结构。3)避免常见错误如标签嵌套不正确。4)优化性能通过减少HTTP请求和使用语义化标签。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

Dreamweaver CS6
视觉化网页开发工具

Atom编辑器mac版下载
最流行的的开源编辑器

Dreamweaver Mac版
视觉化网页开发工具