首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端面试那些坑

解释一下为什么会出现浮动什么时候需要清除浮动?清除浮动的方式 移动端的布局用过媒体查询? 使用 CSS 预处理器?喜欢那个? CSS优化、提高性能的方法有哪些?...(堆:原始数据类型 栈:引用数据类型),你画一下他们的内存图Javascript如何实现继承? Javascript创建对象的几种方式? Javascript作用链域?...用原生JavaScript的实现过什么功能Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是? 对JSON的了解?....call() .apply() 的含义区别? 数组对象有哪些原生方法,列举一下? JS 怎么实现一个类。怎么实例化这个JavaScript中的作用域与变量声明提升?...能讲出他们各自的优点缺点么? Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法? 解释JavaScript中的作用域与变量声明提升? 那些操作会造成内存泄漏?

2.1K60

前端工程师面试题汇总

解释一下为什么会出现浮动什么时候需要清除浮动?清除浮动的方式 移动端的布局用过媒体查询? 使用 CSS 预处理器?喜欢那个? CSS优化、提高性能的方法有哪些?...(堆:原始数据类型 栈:引用数据类型),你画一下他们的内存图Javascript如何实现继承? Javascript创建对象的几种方式? Javascript作用链域?...用原生JavaScript的实现过什么功能Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是? 对JSON的了解?....call() .apply() 的含义区别? 数组对象有哪些原生方法,列举一下? JS 怎么实现一个类。怎么实例化这个JavaScript中的作用域与变量声明提升?...能讲出他们各自的优点缺点么? Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法? 解释JavaScript中的作用域与变量声明提升? 那些操作会造成内存泄漏?

2K80
您找到你想要的搜索结果了吗?
是的
没有找到

专栏第 1 篇:从历史讲起,JavaScript 基因里写着函数式编程

函数式编程完美串联了这两大核心,从高阶函数函数组合;从无副作用到延迟处理;从函数响应式到事件流,从命令式风格到代码重用。...看完本篇: 你会知道为什么有人会说 “计算机是数学家一次失败思考的产物”; 你会知道为什么 “ lambda 演算定义函数有效计算” ; 你会知道编程概念中 “闭包最初是如何形成的”; 你还会知道为什么标题要说...body 返回,不正是 JavaScript 高阶函数的意思?...三、JavaScript 的基因 说了半天,终于来到了我们的 JavaScript,相信大家接触 JavaScript 之初都会被“闭包”这个概念搞得有点蒙,为什么要这样设计?...这正是 JavaScript 闭包最初的雏形, 内部函数保持着对函数外部变量的引用。这里“被绑定的”意思就是变量不能被清理的,是以后会被用到的。 神奇

45330

前端面试题最新

107.你描述一下渐进增强优雅降级之间的不同? 108.为什么利用多个域名来存储网站资源会更有效? 109.请谈一下你对网页标准标准制定机构重要性的理解?...161.如何阻止事件冒泡默认事件? 162.添加 删除 替换 插入到某个节点的方法? 163.javascript的本地对象,内置对象宿主对象?...167.JavaScript的数据类型都有什么? 168.已知ID的Input输入框,希望获取这个输入框的输入值,怎么做? 169.希望获取到页面中所有的checkbox怎么做?...192.三种方法判别数组的优劣区别? 193.Vue父组件子组件声明周期钩子函数执行顺序? 194.typeof运算符返回值中有一个跟javascript数据类型不一致,它是什么?...298.vue组件中的data为什么必须是一个函数? 299.computed watch 的区别? 300.说说三次握手四次挥手? 301.DOM事件的三个阶段?

1.1K10

学会使用函数式编程的程序员(第1部分)

请思考一下下面这个函数: function justTen() { return 10; } 如果函数justTen是纯的,那么它只能返回一个常量, 为什么? 因为我们没有给它任何参数。...z 如果你不熟悉ml风格的语法,让我解释一下。...通常会想到两种情况:多值更改(例如修改或记录对象中的单个值)单值更改(例如循环计数器)。 函数式编程使用参数保存状态,最好的例子就是递归。是的,是没有循环。“什么没有变量,现在又没有循环?...最后,消息“SSN” “电话号码” 由变量 type 表示。 这个有类似的函数都可以使用这个函数来实现,这样可以保持代码的整洁可维护性。...闭包具体还看看之前整理的一篇文章:我从来不理解JavaScript闭包,直到有人这样向我解释它...

65430

R语言的好与坏丨讲座中字视频丨附讲座PDF

我在解释一下为什么Perl在这里的排名这么高。不同的人对生物信息学的理解不同,一些人认为它是计算机科学的一部分;一些人认为它是统计学的一部分,其他人可能还有别的见解。...有人回复我"我就用R语言写过"。 统计学为什么需要领域特定语言(DSL)? 其中一个很基本的原因是想要方便的使用统计函数。...你不是仅仅得到内部的斜率截距,会得到更多结果得到所有系数的p值,以及残差。你得到所有想知道的信息,这个包含在一个对象中。所以当我调用总结时,会打印出一个对象。...缺点是当你拿到一个内容,这是数字?它的长度为1? 或者长度不止1那我要如何去处理呢? 一切都是按值传递的。这样可以减少错误,但是它也造成了很多重复的内容。...我倒是希望有人能写一本书,名为《R The Good Parts》有关R语言好的一面。如果你熟悉这本书《JavaScript The Good Parts》,这是一本很不错的书。

1.7K90

深入理解 JavaScript 回调函数

回调函数是一个作为参数传给另一个 JavaScript 函数函数这个回调函数会在传给的函数内部执行。 在 JavaScript函数被看作是一类对象。...对于一类对象,我们的意思是指数字、函数或变量可以与语言中的其他实体相同。作为一类对象,可以将函数作为变量传给其他函数,也可以从其他函数中返回这些函数。 可以执行这种操作的函数被称为高阶函数。...Javascript 回调是异步的JavaScript 被认为是单线程脚本语言。单线程是指 JavaScript 一次执行一个代码块。...它需要一个函数“任务”数组一个最终的“回调”函数,它会在“任务”数组中所有的函数完成后,或者用错误对象调用“回调”之后被调用。...回调基本上是把一个函数作为另一个函数的用法。 最后的话 希望本文消除你对 javascript 回调函数的所有疑问。如果你觉得这篇文章有帮助,请与他人分享。

1.7K20

前端工程化发展历史

ES2016+ 不已经是 ES6 的超集了,为什么我们还需要使用这个叫 TypeScript 的东西? 因为它允许我们写 javaScript 的时候定义类型,从而减少运行时的错误。...这是如今那些 cool kids 使用的,函数式编程、高阶函数、柯里化、纯函数。 哎,我一个也没听过。 没有人一开始就会的。...你只需要知道函数式编程比面向对象更好,并且这是 2016 该采取的方式就可以了。 不对吧,我在大学学的是面向对象这个会更好些吧?...但是现在很多人都意识到修改对象状态是一个太危险的事情了,所以大家都转向了不可变对象函数式编程。Haskell 语言已经这么做很多年了,但不要和我提 Elm 那些人。...我觉得我追不上这么多的变化,各种版本号,还有各种编译器转换器。javaScript 社区真是太疯狂了,它觉得每个人跟上这么快的变化。 哈哈,你应该去了解一下 Python 社区。 为什么

75920

分享 63 道最常见的前端面试及其答案

31、你举一个解构对象或数组的例子? 解构允许您将对象或数组中的值提取到不同的变量中。例如:解构允许您将对象或数组中的值提取到不同的变量中。...例如: const { firstName, lastName } = person; const [firstItem, secondItem] = array; 32、你举一个使用 ES6 模板文字生成字符串的例子...它提高了代码质量、可读性可维护性。 36、您能解释一下从您输入网站 URL 到其在屏幕上完成加载的整个过程?会发生什么?...37、您能说出对于 JavaScript 应用程序来说很重要的两种编程范例 原型继承函数式编程是 JavaScript 中两个重要的编程范式。 38、什么是函数式编程?...语义标记提高了可访问性、搜索引擎优化代码可读性。 60、您能解释一下标签属性,例如“disabled”、“async”、“defer”以及何时使用“data-*”

16230

分享63个最常见的前端面试题及其答案

31、你举一个解构对象或数组的例子? 解构允许您将对象或数组中的值提取到不同的变量中。例如:解构允许您将对象或数组中的值提取到不同的变量中。...例如: const { firstName, lastName } = person; const [firstItem, secondItem] = array; 32、你举一个使用 ES6 模板文字生成字符串的例子...它提高了代码质量、可读性可维护性。 36、您能解释一下从您输入网站 URL 到其在屏幕上完成加载的整个过程?会发生什么?...37、您能说出对于 JavaScript 应用程序来说很重要的两种编程范例 原型继承函数式编程是 JavaScript 中两个重要的编程范式。 38、什么是函数式编程?...语义标记提高了可访问性、搜索引擎优化代码可读性。 60、您能解释一下标签属性,例如“disabled”、“async”、“defer”以及何时使用“data-*”

3.8K20

前端开发面试题

,你画一下他们的内存图?...javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON;但写法有很多种,也混合使用。...Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?...怎么实例化这个JavaScript中的作用域与变量声明提升? 如何编写高性能的Javascript? 那些操作会造成内存泄漏? JQuery的源码看过?能不能简单概况一下它的实现原理?...Refs是访问DOM元素或组件实例的一个函数; React为什么自己定义一套事件体系呢,与浏览器原生事件体系有什么关系? 什么时候应该选择用class实现一个组件,什么时候用一个函数实现一个组件?

5K52

前端-学习JavaScript是一种什么样的体验?

我们不是在说 JavaScript ?! Typescript 也是 JavaScript 呀,它比 JS 更好用,是 JS 的超集,它是基于 ES6 的,就是我们刚才谈论的 ES6,你还记得吧。...这么说吧,你只需要知道函数式编程比面向对象编程厉害,2016 年我们就指着函数式编程了。 等下,我大学里学过面向对象编程,当时我觉得它还不错。 Java 在被 Oracle 买下来之前也挺不错啊。...我的意思是,面向对象以前是不错,现在依然有人用它,但是现在所有人都发觉状态变换是很难维护的,所以大家都开始用「不可变对象函数式编程了。...这时你就得在函数里使用一个函数,这种嵌套调用就是回调地狱。 好吧。Promise 解决了这个问题么? 是的。用 Promise 来管理回调,你就可以写出更易读的代码,更容易测试的代码。...我要回后端去了,我受不这些变动、版本更新、编译转译了,JS 社区如果觉得有人跟上它的脚步,那这个社区就是疯了。 我理解你。我建议你去 Python 社区。 为什么

1.1K30

图解NodeJS【基于事件、回调的单线程高性能服务器】原理

关于阻塞IO非阻塞IO 系统内核只有两种IO模式—— 阻塞IO非阻塞IO。这里的IO可不仅仅是读取文件内容,而是更为广泛的概念。...那么这个也应该想到,当有长期的IO操作,会白白执行大量的查询操作,效率也不高。(当然目前的系统内的非阻塞IO都是很高级的玩法,卤煮也没有仔细研究,就不献丑了) ?...Node就是利用了javascript的回调函数思想,实现这种工作模式。 那么为什么单线程的Node会效率很高呢?什么又是事件机制呢?...简单的解释一下,当我们使用Node的时候,会在javascript触发一些命令调用方法,这些方法会被包装成一个对象,放入线程池,然后前面的方法就返回了,继续执行下面的JS代码。...事件循环队列采用类似while(true)这种循环的方式,不断的查看是否有事件,并且读取是否包含回调,由于前面回调函数被包装到对象中,这里直接调用执行就可以了。

78770

Google Earth Engine(GEE)——容易犯的错误1(避免将客户端函数对象与服务器函数对象混合)

Earth Engine 服务器对象是具有以ee (例如ee.Image,ee.Reducer)开头的构造函数对象,并且此类对象上的任何方法都是服务器功能。...任何不是以这种方式构造的对象都是客户端对象。客户端对象可能来自代码编辑器(例如Map、Chart)或 JavaScript 语言(例如Date、Math、[]、 {})。...; } 发现错误?请注意,这table.size()是服务器对象上的服务器方法,不能与客户端功能(如< 条件)一起使用。...例如: 错误— 此代码不起作用!.... // Can't Export, either. }); 要对集合中的每个元素、集合上map()的函数set()属性执行某些操作: 好- 使用map() set(). var table =

14810

2021大厂(阿里、百度、字体跳动、腾讯)前端面试题库

22.原型原型链 23.事件委托 24.解释一下变量的提升 25.如何理解高阶函数 26.如何区分声明函数表达式函数 27.解释原型继承是如何工作的 BOM & DOM 1.BOM事件?...2.为什么要用ajax: 3.AJAX最大的特点是什么。 4.请介绍一下XMLHttprequest对象。 5.AJAX技术体系的组成部分有哪些。 6.工作当中会后台交互?...14.分别简述 computed watch 的使用场景 15.v-on 可以监听多个方法? 16.$nextTick 的使用 17.vue 组件中 data 为什么必须是一个函数?...7.说出jQuery中常见的几种函数以及他们的含义是什么? 8.jQuery 能做什么? 9.jquery中的选择器CSS中的选择器有区别? 10.jQuery的特点都有什么?...6.你了解 Virtual DOM 解释一下它的工作原理。 7.为什么浏览器无法读取JSX? 8.如何理解“在React中,一切都是组件”这句话?

1.8K20

如何面试前端工程师:GitHub很重要

我问的问题大多看上去非常简单,但是每组问题都能让我考查侯选人某一方面JavaScript的知识。 第一部分:Object Prototypes (对象原型) 刚开始很简单。...这个问题会经常引起一些有意思的讨论:直接在对象的原型(prototypes)上添加方法是否安全,尤其是在Object对象上。...最后的答案可能会像这样: String.prototype.spacify = function(){ return this.split('').join(' '); }; 复制代码 到这儿,我通常会让侯选人解释一下函数声明函数表达式的区别...(User); console.log(func()); 接下来我通常会说这个方法对老版本的浏览器不起作用,然后让侯选人去解决这个问题。...我发现这个非常有用,它可以全面地展示一名前端工程师的技能:HTML,CSSJavaScript。如果侯选人通过了前面的面试,我会马上让他们回答这个问题。

61420

JavaScript 工厂函数 vs 构造函数

工厂函数 所谓工厂函数,就是指这些内建函数都是类对象,当你调用他们时,实际上是创建了一个类实例”。意思就是当我调用这个函数,实际上是先利用类创建了一个对象,然后返回这个对象。...由于 Javascript 本身不是严格的面向对象的语言(不包含类),实际上来说,Javascript 并没有严格的“工厂函数”,但是在 Javascript中,我们利用函数模拟类。...正如上面所说的,我们可以使用 new 来类或者对象,那么你可能会有以下几个问题: 我们可以在工厂函数中使用 new 关键字?...那是因为到那个时候函数内部的这个变量引用了global 或 window 对象,基本上我们在这里做的就是污染了全局对象。 这是你可以对你的JavaScript程序做的非常讨厌的事情。...因此,使用new运算符,JavaScript引擎将this 变量设置为引用新创建的对象实例,这就是为什么我们可以看到传递给构造函数的所有属性都已设置为 mike。

1K20

跳槽必看!一位程序猿面试蚂蚁金服后端的经验总结!前言自我介绍最近的项目经历总结

现在的面试都流行突袭? 于是我的第一次面试之旅,就此壮烈的展开。 自我介绍 首先呢,大佬让我用两分钟自我介绍。我本以为自己滔滔不绝,将对方视作相亲对象般全方位介绍自己。...Spring 大佬:我看你用过这个Spring啊,你来聊聊为什么我们要使用Spring呢?...大佬:好,那你知道库函数内核调用? 我:内核调用是指进入内核态然后执行指令然后再回到用户态? 大佬:对 我:我知道的大概就这么多了,只了解一些概念上的内容。...没有数据库能够同时满足这三个问题 大佬:那你具体解释一下CAP代表什么? 我:(紧张到一片空白)Consistency?Atomic?P...Persistency??? 大佬:..........我:blablabla 大佬:那你解释一下指令模式吧 我:这个有点像函数式编程的思想。指令模式就是指将各个操作封装为统一的接口,并且提供各个操作的实现类。

1.4K50
领券