![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试题
文章平均质量分 71
木森林哥哥
学习是一种信仰!
展开
-
胡哥面试视频手录
1. 在项目前期,我们作为前端一定要和 UI 和产品经理进行深度的沟通,争取把每一个需求都弄明白。这样做的好处是避免了咱们后边分工。分工其实是最大的成本的浪费。2. 项目中期,在项目开始的时候,不仅仅是个人编写的现有的代码,我们需要把以前的工具包、插件、组件等等跟工作相关的一系列常用的东西都收集好,这样在工作中效率就会提高很多。在工作中,先做重要的工作,再做次要的工作,先实现功能,再进行优化,可以避免期限到了功能还没有实现的局面。3. 在项目后期,最重要的是项目的维护,以及项目 bug 的修改。在这个过原创 2022-11-16 18:04:22 · 1335 阅读 · 0 评论 -
前端现场笔试题
多行文本溢出以省略号表示:overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; // 最大行数-webkit-box-orient: vertical;原创 2022-09-18 00:51:59 · 11457 阅读 · 0 评论 -
2333前端高频面试题汇总
1. 谈一谈null和undefined2. window.onload事件触发条件3. 谈一谈window对象4. 解析 offsetWidth、clientWidth5. 谈一谈重绘重排6. 描述 W3C 事件流7. 谈一谈事件委托原创 2021-02-02 19:02:33 · 471 阅读 · 0 评论 -
前端工作时必备网站(纯手工总结)
前端工作必备网站CSDN掘金博客园Stack Overflow(国外问题交流网)MDN 前端必备GitHubB站vuereactbootCDN印记中文Element UI(Vue常用)Ant Design(React常用)Vant(移动端组件库)Mint(移动端组件库)微信小程序官方文档谷歌插件网Node.js(前端常用的后端语言)Npm(包管理和分发工具)ES6 教程(阮一峰)axios(基于 promise 的 HTTP 库,用来发请求)Ramda(js函数库)Lodash(函数库)TypeScript原创 2022-05-16 22:49:01 · 1090 阅读 · 0 评论 -
JS 手写 call( )
JS 手写 call( )<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-22 17:50:40 · 501 阅读 · 0 评论 -
js的继承模式
文章目录一、前言相信很多人在遇到面试中都遇到过被问到过JavaScript继承模式的问题,都能手写出几种继承模式的代码例子,但为什么面试官却对你的回答不是很满意或者压根就没听懂,个人觉得应该是缺少自己的一个答题的思路。二、答题技巧第一,按照几种继承模式的从最次的继承模式到最佳的继承模式的顺序去讲第二,讲出当前这种继承模式的利弊,相对前一种继承模式解决了什么问题,最关键的代码部分在哪里以下着重讲一下几种常见的几种继承模式三、原型链继承代码示例function Parent (se原创 2020-11-19 20:12:21 · 189 阅读 · 0 评论 -
BAT等大厂前端面试题
在腾讯和百度的面试中,出现了这样一道面试题,被大家亲切的称呼为网红面试题,这道面试题就是。[‘1’, ‘2’, ‘3’].map(parseInt)的输出结果是什么?[‘1’, ‘2’, ‘3’].fliter(parseInt)的输出结果是什么?这个面试题,面试官可能不仅仅需要你说出他的结果,还需要你知道为什么会出现这样的结果一、关键语法1、parseInt2、parseFloat先看看parseInt和parseFloat的语法和使用,以便后续在实际例子中解释。二、Map1、.原创 2020-11-18 21:41:41 · 168 阅读 · 0 评论 -
JavaScript 重要代码汇总
才华横溢的Stoyan Stefanov,在他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多。此摘要也包括一些与代码不太相关的习惯,但对整体代码的创建息息相关,包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好原创 2020-11-18 21:24:18 · 112 阅读 · 0 评论 -
10 大 JavaScript 错误你都见过吗?
为了便于阅读,每个错误都被缩短了,让我们更深入地研究每一个问题,以确定是什么导致了这些问题,以及如何避免产生这些问题。文章目录1. Uncaught TypeError: Cannot read property2. TypeError: ‘undefined’ is not an object (evaluating3. TypeError: null is not an object (evaluating4. (unknown): Script error5. TypeError: Object .原创 2020-11-09 18:44:05 · 598 阅读 · 0 评论 -
JavaScript 闭包注意事项
撩妹守则第一条,女孩子都喜欢童话故事。那就先来讲一个童话故事~// 有一个公主// 她生活在一个充满冒险的奇妙世界里// 她遇见了她的白马王子,带着她骑着独角兽环游世界// 与龙搏斗,遇到了会说话的松鼠,以及许多其他幻想的事情。function princess () { var adventrures = []; function princeCharming () {}; var unicorn = {}; var dragons = []; var原创 2020-11-09 18:16:53 · 194 阅读 · 0 评论 -
贼容易理解和上手的 JavaScript 代码
该项目来自于 Github 用户 Chalarangelo,目前已在 Github 上获得了 5000 多Star,精心收集了多达 48 个有用的 JavaScript 代码片段,该用户的代码可以让程序员在 30 秒甚至更少的时间内理解这些经常用到的基础算法,来看看这些 JavaScript 代码都传达出了什么吧!1. Anagrams of string(带有重复项)使用递归。对于给定字符串中的每个字母,为字母创建字谜。使用map()将字母与每部分字谜组合,然后使用reduce()将所有字谜..原创 2020-11-04 18:38:19 · 210 阅读 · 0 评论 -
面试官:你会手写源码吗?我:什么是源码?
注意本文所有的手写源码实现都是基于 es6 的 不想用原生去实现原因如下:一方面是网上太多原生实现的方案了 另一方面是我们要面向未来编程 多使用 es6 的特性更加贴合实际工作文章目录1. promise2. 防抖节流3. EventEmitter(发布订阅模式--简单版)4. call、apply、bind5. new 操作符6. instanceof7. 深拷贝1. promise先思考:promise 是什么?异步回调解决方案promise 如何保证异步执行完了再去执行后面的代码.原创 2020-11-03 20:37:14 · 531 阅读 · 0 评论 -
JavaScript 4种交换变量的方法
文章目录1、解构赋值2、 临时变量3、 加减法4、 按位XOR运算符5、结论许多算法需要交换2个变量。在编码面试中,可能会问您“如何在没有临时变量的情况下交换2个变量?”。我很高兴知道执行变量交换的多种方法。在本文中,您将了解大约4种交换方式(2种使用额外的内存,而2种不使用额外的内存)。1、解构赋值解构赋值语法(ES2015的功能)使您可以将数组的项提取到变量中。例如,以下代码对数组进行解构:let a;let b;[a, b] = [1, 2, 3];a; // => 1原创 2020-10-31 20:59:53 · 236 阅读 · 0 评论 -
HTML JS “↵”换行符号处理
HTML JS “↵”换行符号处理var myString = myString.replace(/(\r\n|\n|\r)/gm, "<br />");原创 2020-10-31 15:43:24 · 1093 阅读 · 0 评论 -
JavaScript中的代码复用
目录 模式1:原型继承 模式2:复制所有属性进行继承 模式3:混合(mix-in) 模式4:借用方法 模式5:默认模式 模式6:借用构造函数 模式7:借用构造函数并设置原型 模式8:共享原型 模式9:临时构造函数 模式10:klass 总结 模式1:原型继承原型继承是让父对象作为子对象的原型,从而达到继承的目的:function object(o) { function F() { } F.prototype = o; return new F();}// 要原创 2020-10-30 20:31:25 · 469 阅读 · 0 评论 -
JavaScript 前端面试题!!!
JavaScript 前端面试精华1. 介绍 js 的基本数据类型。2. JavaScript 有几种类型的值?你能画一下他们的内存图吗?3. 什么是堆?什么是栈?它们之间有什么区别和联系?4. 内部属性 [[Class]] 是什么5. 介绍 js 有哪些内置对象?6. undefined 与 undeclared 的区别?7. null 和 undefined 的区别?8. 如何获取安全的 undefined 值?9. 说几条写 JavaScript 的基本规范?10. JavaScript 原型,原型链原创 2020-10-29 21:05:42 · 710 阅读 · 1 评论 -
用 JavaScript 解析 URL 的方法
用 JavaScript 解析 URL 的方法1. URL 结构2. URL() 构造函数3. Query 字符串3.1 解析 query 字符串4. hostname5. pathname6. hash7. URL 校验8. 修改 URL9. 总结统一资源定位符,缩写为URL,是对网络资源(网页、图像、文件)的引用。URL指定资源位置和检索资源的机制(http、ftp、mailto)。举个例子,这里是这篇文章的 URL 地址:> https://dmitripavlutin.com/parse原创 2020-10-29 18:56:22 · 2478 阅读 · 0 评论 -
JavaScript 原型链和继承面试题
JavaScript 原型链和继承问题JavaScript 中没有类的概念的,主要通过原型链来实现继承。通常情况下,继承意味着复制操作,然而 JavaScript默认并不会复制对象的属性,相反,JavaScript只是在两个对象之间创建一个关联(原型对象指针),这样,一个对象就可以通过委托访问另一个对象的属性和函数,所以与其叫继承,委托的说法反而更准确些。原型当我们 new 了一个新的对象实例,明明什么都没有做,就直接可以访问 toString 、valueOf 等原生方法。那么这些方法是从哪里来的原创 2020-10-29 02:00:37 · 3217 阅读 · 2 评论