ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

前端开发者面试题集(斯洛文尼亚语版)全解析:从通用问题到 JavaScript 编码面试实战指南

前端开发者面试题集(斯洛文尼亚语版)全解析:从通用问题到 JavaScript 编码面试实战指南 教程前端【免费下载链接】Front-end-Developer-Interview-QuestionsA list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.项目地址https://gitcode.com/gh_mirrors/fr/Front-end-Developer-Interview-Questions点击查看免费下载本篇技术指南以当前仓库中 斯洛文尼亚语版面试题 README 为绝对主体系统梳理其中收录的前端面试问题全集覆盖通用问题、HTML、JavaScript含 8 道带标准答案的编码示例、jQuery、CSS 与趣味问题七大板块。读者读完将获得一份可直接用于候选人评估、自我测验的完整题库骨架并能结合仓库内英文权威版本的 questions 目录 进行对照深挖掌握每一类问题背后的考察意图与推荐追问方向。文档定位一份可复用的前端候选人评估题库斯洛文尼亚语版 README 是当前仓库 34 种语言翻译体系见 src/_data/translations.json中的一员其内容完整继承了项目英文原版的前端面试问题集合。文档开篇即给出两条核心使用原则按需选问而非全量轰炸不建议对同一位候选人在一次面试中问完所有问题那将耗时数小时应从列表中挑选与目标岗位技能相关的若干问题开放式问题价值更高许多问题是开放式的能够引出比标准短答案更有信息量的深入讨论从而更真实地评估候选人的能力边界。文档还标注了 14 位原始问题作者bentruyman、cowboy、paul_irish、SlexAxton、miketaylr、gf3 等并说明多数问题源自这些社区成员创建和维护的讨论串这些署名在 根 README 的贡献者列表中同样可以追溯到对应条目。仓库使用 Eleventy配置见 config/eleventy.config.js将各语言 README 渲染为独立静态页面斯洛文尼亚语版通过 front matter 声明permalink: /translations/slovenian/index.html、lang: sl配合EleventyI18nPlugin的默认语言机制形成多语言站点本地预览可执行npm starteleventy --serve --port 9090生产构建为npm run buildpackage.json。通用问题Splošna vprašanja考察工程师的社区参与度与工程习惯这一节是面试的暖场与摸底环节原文问题完整罗列如下考察点可分为四类社区与技术视野你是否使用 Twitter若使用你关注哪些人你是否使用 GitHub若使用你关注哪些仓库你订阅/浏览哪些技术博客你用过哪些版本控制工具Git、SVN 等你最喜欢用什么开发环境操作系统、编辑器、浏览器、工具链工作流程与方法论你能描述创建新网站时的工作流程吗你能解释渐进增强progressive enhancement与优雅降级graceful degradation的区别吗加分项说明 feature detection 特性检测解释语义化 HTMLSemantic HTML的概念。你主要用哪个浏览器开发使用哪些工具你如何从请求文件的角度优化网页加载期望答案覆盖文件合并、文件压缩/混淆 minification、CDN 托管、缓存 Caching 等为什么把静态内容放在多个域名上更优浏览器一次能从单个域名并发下载多少个文件列举 3 种缩短页面加载时间实际或感知加载时间的方法。如果加入一个用 Tab 缩进的项目而你自己习惯用空格你会怎么做文档给出的参考方向使用类似 EditorConfig 的规范工具、主动适应项目风格、使用:retab!命令统一处理现场制作一个简单的幻灯片展示页面加分项不用 JavaScript 实现。你用什么工具做代码性能测试文档示例JSPerf、Dromaeo 等如果今年能彻底掌握一门新技术你会选什么解释标准以及标准制定机构的重要性。什么是 FOUC无样式内容闪烁你如何避免 FOUC对照英文原版 src/questions/general-questions.md 可以发现仓库主版本已迭代补充了更多问题CORS是什么及解决什么问题、ARIA 与屏幕阅读器、CSS 动画与 JS 动画的优劣、URL 输入浏览器后发生什么、SSR 与 CSR 的区别含静态渲染与水合 rehydration等。面试官可将斯洛文尼亚语版作为基础题集再按需从英文版补充高阶问题避免向候选人抛出明显过时或重复的问题。HTML 问题语义、存储与多语言站点本节聚焦 HTML 基础与浏览器行为原文问题如下doctype的作用是什么你能列举出多少种不同的 doctype标准模式standards mode与怪异模式quirks mode的区别是什么以 XHTML 提供页面有哪些限制用application/xhtmlxml提供页面是否存在问题你如何提供包含多种语言内容的页面设计或开发多语言站点时需要注意哪些事项能在 HTML5 中使用 XHTML 语法吗如何在 HTML5 中使用 XML为什么我们可以使用data-属性HTML4 中的内容模型content models是什么它们与 HTML5 有区别吗假设 HTML5 是开放的网络平台它的构建模块有哪些描述cookie、sessionStorage与localStorage之间的区别。英文主版本 src/questions/html-questions.md 在此基础上补充了script/script async/script defer的区别、CSS link 放head与 JS 放/body前的原因及例外、渐进渲染progressive rendering、srcset图片响应式解析流程、canvas与svg差异、HTML 空元素等高频考点。多语言站点问题与本文档所在的多语言仓库场景高度呼应——仓库本身即通过 translations.json 维护 34 种语言的 URL 映射可作为多语言内容服务的工程化实例参考。JavaScript 问题语言机制与编程模式JavaScript 是面试题库中问题密度最高的一节原文完整题目如下你用过哪些 JavaScript 库你研究过所使用库/框架的源码吗Java 与 JavaScript 的区别什么是哈希表hashtable什么是undefined与undeclared变量什么是闭包closure为什么/如何使用它匿名函数的典型使用场景解释JavaScript 模块模式module pattern以及何时使用它加分项提到 clean namespacing 干净的命名空间。你如何组织自己的代码模块模式、经典继承等宿主对象host object与原生对象native object的区别以下三者的区别function Person(){} var person Person() var person new Person().call与.apply的区别解释Function.prototype.bind。何时进行代码优化你能解释 JavaScript 中的继承吗何时会使用document.write()特性检测feature detection、特性推断feature inference与 UA 字符串嗅探的区别尽可能详细地解释 AJAX。解释 JSONP 的工作原理以及为什么它不是真正的 AJAX。你用过 JavaScript 模板吗若是用了哪些库Mustache.js、Handlebars 等解释提升hoisting。描述事件冒泡event bubbling。attribute与property的区别为什么扩展内置 JS 对象是坏主意为什么又是好主意document load与document ready的区别与的区别如何获取 URL 的 GET 参数解释同源策略same-origin policy。解释事件委托event delegation。解释实现继承的多种方式。编写duplicator()函数[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]描述记忆化memoization避免重复计算的策略。为什么叫三元运算符Ternary statementTernary一词表示什么函数的arity参数个数是什么什么是use strict;它的优缺点英文主版本 src/questions/javascript-questions.md 的对照补充极为丰富this的工作机制及 ES6 变化、原型继承、null/undefined/undeclared 三态检测、forEach 与 map 的区别、function foo(){}与var foo function(){}的差异、类型强制转换陷阱、事件捕获、可变与不可变对象、事件循环与调用栈/任务队列、let/var/const、ES6 class 与 ES5 构造函数、箭头函数、高阶函数、解构、模板字符串、柯里化、spread/rest、Promise、event.target与event.currentTarget、preventDefault与stopPropagation等。这些正是斯洛文尼亚语版中模块模式继承事件委托等问题的深化延续两版结合可构建从入门到进阶的完整 JavaScript 考察链路。JavaScript 编码示例8 道带标准答案的动手题这是斯洛文尼亚语版最具实操价值的部分——每题给出代码、问题与标准答案面试官可直接原样使用1. 位非运算符取整~~3.14问题上面语句的值是多少答案3双位非运算等价于对数值进行向下取整的截断操作是面试中考察位运算理解的经典题。2. 字符串反转im a lasagna hog.split().reverse().join();问题上面语句的值是多少答案goh angasal a mi考察split/reverse/join链式操作。3. 逻辑或赋值默认值( window.foo || ( window.foo bar ) );问题window.foo的值是多少答案bar——前提是window.foo原本为假值否则保留原值。逻辑或短路求值的经典应用。4. IIFE 与作用域var foo Hello; (function() { var bar World; alert(foo bar); })(); alert(foo bar);问题两次 alert 的结果是什么答案Hello World与ReferenceError: bar is not defined考察立即执行函数表达式 IIFE 的私有作用域——bar在函数外不可见。5. 数组 push 与 lengthvar foo []; foo.push(1); foo.push(2);问题foo.length的值是多少答案26. 对象属性与 lengthvar foo {}; foo.bar hello;问题foo.length的值是多少答案undefined普通对象没有length属性与数组形成对照。7. 逻辑或的等价改写foo foo||bar问题上面语句还能怎么写答案if(!foo) foo bar8. 位运算替代写法foo1问题上面语句还能怎么写答案Math.floor(foo/2)右移一位等价于整除 2。foo|0 foo.5|0问题上面语句还能怎么写答案parseInt(foo)与Math.round(foo)9. 函数参数个数function foo(bar1, bar2, bar3){}问题如何获取传入函数的参数个数答案foo.length// 此例为 3Function.length返回声明的形参个数。这些编码题在英文主版本 src/questions/javascript-questions.md 中以coding questions小节保留了同源风格duplicate([1,2,3,4,5])数组复制、1~100 的 fizzbuzz、hello || world与foo bar的结果推断、IIFE 编写等可作为本节的延伸练习。jQuery 问题链式调用、事件委托与选择器优化虽然 jQuery 已非现代前端主流但本节对理解 DOM 操作历史与事件机制仍有价值原文题目如下解释链式调用chaining。解释deferreds延迟对象。列举一些 jQuery 特有的优化。.end()做什么如何以及为什么为事件处理器使用命名空间namespace列举 4 种可以传给 jQuery 函数的不同值文档给出的参考Selector 选择器 string、HTML string、Callback 回调函数、HTMLElement、object、array、元素数组、jQuery Object 等。什么是effects 队列fx.get()、[]与.eq()的区别.bind()、.live()与.delegate()的区别$与$.fn的区别即$.fn是什么优化以下选择器$(.foo div#bar:eq(0))delegate()与live()的区别其中事件委托思想delegate/live与 JavaScript 板块的事件委托题目呼应选择器优化题考察对$层级遍历与 id 选择器优先级#bar已唯一div前缀与:eq(0)均属冗余的理解。CSS 问题布局、清除浮动与样式工程原文 CSS 题目覆盖布局核心与工程实践描述 CSS reset 文件的目的以及它为何有用。描述浮动float及其工作原理。描述各种清除浮动clearing技术。解释 CSS sprite雪碧图以及如何实现。你最喜欢的图片替换技术CSS hack、条件包含的 .css 文件还是其他方案你如何为功能受限的浏览器提供页面你使用哪些技术/流程有哪些方式可以视觉上隐藏内容同时仅供屏幕阅读器访问你用过网格grid系统吗若是你最喜欢哪个你实现过媒体查询media queries或移动端专属的 HTML/CSS 吗你有 CSS 与 SVG 结合的经验吗你如何优化打印页面列举编写高效 CSS 的一些陷阱。你使用 CSS 预处理器sass、compass、Stylus、LESS吗若是描述你的喜好与不满。你如何实现使用非标准字体的网站文档示例Webfonts如 Google Webfonts、Typekit 等解释浏览器如何确定元素匹配哪个 CSS 选择器。英文主版本 src/questions/css-questions.md 大幅扩充了现代 CSS 考点选择器特异性specificity、reset 与 normalize 之争、z-index 与层叠上下文、BFC、盒模型与box-sizing: border-box、display属性、inline 与 inline-block、nth-of-type与nth-child、相对/固定/绝对/静态定位、响应式与移动优先、retina 图形、translate()与绝对定位、clearfix、px/em/rem、CSS Grid 与 Flexbox 等。这份扩充列表恰好回答了斯洛文尼亚语版中grid 系统浮动清除等问题的现代演进版本。趣味问题Opcijska zabavna vprašanja考察个性与文化契合度结尾的趣味环节用于评估候选人的热情与团队契合度原文题目完整保留你写过最酷的东西是什么你最自豪的是什么你认识 HTML5 的标志logo吗你现在或曾经在船上生活过吗你开发工具中最喜欢的部分你有私人项目吗是什么样的解释cornify的重要性。在纸上垂直写下字母 A B C D E然后在不写一行代码的情况下把它们按降序排列参考解法把纸倒过来。海盗还是忍者加分项组合答案并给出好理由2 分给僵尸猴子海盗忍者如果你不是 web 开发者你会做什么你最喜欢 Internet Explorer 的什么特性补全句子Brendan Eich 和 Doug Crockford 是 JavaScript 的________。jQuery好的库还是最好的库辩论。http://www.w3schools.com/ 还是 http://w3fools.com/这些题目的考察意图是通过海盗还是忍者协作风格、纸面排序创造力与非常规思维等轻松问题判断候选人是否具备好奇心、幽默感与团队沟通意愿。仓库英文原版的 fun-questions.md 提供更现代的替代题最近做的酷项目、开发工具喜好、前端社区中谁激励你、是否有业余项目等可作替换使用。仓库对照使用建议在仓库中定位斯洛文尼亚语版原文及对照材料时可按以下路径检索斯洛文尼亚语版题集本篇指南主体含完整七大板块与 8 道带答案编码题英文原版题集目录general-questions.md、html-questions.md、css-questions.md、javascript-questions.md等按主题拆分内容更新更及时适合做新旧版本对照翻译注册表34 种语言的目录映射确认斯洛文尼亚语版在站点中的 URL 为slovenian/Eleventy 构建配置多语言站点如何渲染、压缩与生成 permalinkpackage.jsonnpm start本地预览端口 9090、npm run build生产构建命令。使用题库时建议通用问题做破冰与经验摸底HTML/CSS 问题验证基础扎实度JavaScript 问题尤其 8 道编码题考察动手能力与语言机制理解jQuery 与趣味问题视候选人技术栈和岗位需求取舍。一次面试选取 5~10 道有针对性的问题即可配合开放式追问加分项能最大程度还原候选人的真实技术深度。赞分享教程前端【免费下载链接】Front-end-Developer-Interview-QuestionsA list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.项目地址https://gitcode.com/gh_mirrors/fr/Front-end-Developer-Interview-Questions点击查看免费下载相关推荐开源项目指南前端开发者面试问题集合开源项目指南前端开发者面试问题集合 项目概述 本指南旨在详细介绍来源于 GitHub https://github.com/darcyclarke/Front教程前端AsNumpy广播机制多维数组运算的NPU原生实现原理AsNumpy广播机制多维数组运算的NPU原生实现原理 AsNumpy是哈尔滨工业大学计算学部苏统华、王甜甜老师团队联合华为CANN团队开发的华为昇腾NPU原科学计算高性能计算AscendRevokeMsgPatcherPC 微信 QQ 防撤回补丁教程消息再也撤不回去RevokeMsgPatcherPC 微信 QQ 防撤回补丁教程消息再也撤不回去 对方撤回了一条消息——这句灰字大概是 PC 微信里最让人血压上头的一桌面应用即时通讯上一篇免费永久备份微信聊天记录的终极指南从手机到电脑的完整解决方案下一篇微信聊天记录永久备份指南如何免费导出所有对话到电脑创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表