面试知识点
小北lulu
做一只前端小精灵吧
展开
-
前端面试知识点整理
csspostionposition知识点flex自己总结的flex知识点css盒模型css盒模型h5适配各种设备从淘宝和网易的font-size思考移动端怎样使用rem?细说移动端 经典的REM布局 与 新秀VW布局BFC什么是BFC?看这一篇就够了CSS3动画CSS3动画详解前端面试题——如何画一条0.5px的线CSS 预处理器less和sass大家肯定都用过,今天我们从另一个角度来谈谈他们2019年,你是否可以抛弃 CSS 预处理器?移动端1px解决方案在写h5转载 2020-07-14 21:46:23 · 523 阅读 · 0 评论 -
大厂面试题
阿里使用过的koa2中间件koa-body原理介绍自己写过的中间件有没有涉及到Cluster介绍pm2master挂了的话pm2怎么处理如何和MySQL进行通信React声明周期及自己的理解如何配置React-Router路由的动态加载模块服务端渲染SSR介绍路由的history介绍Redux数据流的流程Redux如何实现多个组件之间的通信,多个组件使用相同状态如何进行管理多个组件之间如何拆分各自的state,每块小的组件有自己的状态,它们之间还有一些公共的状态需要维护,如何思原创 2020-07-14 21:00:29 · 234 阅读 · 0 评论 -
原生ajax请求过程
创建ajax对象,创建XMLHttpRequest对象,也就是创建一个异步调用对象.var xhr = new XMLHttpRequest();创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息xhr.open('GET', url, true);发送请求xhr.send(要发送的数据);接收响应//服务器响应状态(readyState)改变时都会被执行xhr.onreadystatechange = function(){ //0 (未初始化)对象已经创建,但还.原创 2020-07-05 22:07:32 · 147 阅读 · 0 评论 -
js中的原型和原型链--学习笔记
构造函数:function Foo ( ) { };实例对象:let f1=new Foo;let o1=new Foo;每个函数都有 prototype 属性,除了 Function.prototype.bind(),该属性指向原型。每个对象都有 __proto__ 属性,指向了创建该对象的构造函数的原型。其实这个属性指向了 [prototype],但是[prototype]是内部属性,我们并不能访问到,所以使用 _proto_来访问。对象可以通过 __proto__来寻找不属于该对象的属性,_转载 2020-07-05 19:13:04 · 158 阅读 · 0 评论 -
三个等号和两个等号的区别(“===”和“==”)
1、===:称为等同符,当两边值的类型相同时,直接比较值,若·类型不相同,直接返回false;2、==:称为等值符,当等号两边的类型相同时,直接比较值是否相等,若不相同,则先转化为类型相同的值,再进行比较;如果等号两边是boolean、string、number三者中任意两者进行比较时,优先转换为数字进行比较,如果是对象则先.toString()之后再进行比较如果等号两边出现了null或undefined,null和undefined除了和自己相等,就彼此相等null 和 Undefined 与其原创 2020-07-02 21:55:13 · 2024 阅读 · 0 评论 -
js中的深克隆(深拷贝)和浅克隆(浅拷贝)
浅克隆:直接将存储在栈中的值赋值给对应变量,如果是基本数据类型,则直接赋值对应的值,如果是引用类型,则赋值的是地址基本数据类型是直接存储在栈内存中的,而引用数据类型,则仅仅是把地址存储在栈内存中,真正的数据是存储在堆内存中的,赋值操作时,仅仅把地址进行了赋值。深克隆:就是把数据赋值给对应的变量,是拷贝对象各个层级的属性,在内存中开辟一块新内存,将原对象中的所有值全部复制过去,与原对象完全脱离,修改新对象中的属性值不会影响原对象、浅克隆举例let a = "xu";let b = a;aler原创 2020-07-02 13:24:20 · 726 阅读 · 0 评论 -
javascript函数式编程,读了这篇你就会了
什么是函数式编程首先,Javascript可以进行函数式编程,因为JavaScript中的函数就是第一类公民。这意味着变量可以做的事情函数同样也可以。ES6标准中还添加了不少语言特性,可以帮助用户更充分地使用函数式编程技术,其中包括 箭头函数、Promise对象和 扩展运算符 等。在Javascript中,函数可以表示应用程序中的数据。细心的读者应该已经发现,可以使用关键字var像声明字符串、数字或者其他任意变量那样声明函数:var log =function(message){ console.l原创 2020-06-27 20:05:09 · 1197 阅读 · 0 评论 -
css 中的 flex 布局(看完不会来找我呦~)
1.基本原理 Flex 英文意思为,弯曲,屈伸,可以伸缩的布局,天生就是为了适配不同的分辨率。而且用法也很简单,首先只要告诉浏览器,我是一个 伸缩布局 就可以了。注意的点:注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。任何一个容器都可以指定为 Flex 布局Webkit 内核的浏览器,必须加上 -webkit 前缀。.faBox { display: 'flex'; //给父元素设置为伸缩布局 display: -web原创 2020-06-23 21:51:21 · 244 阅读 · 0 评论 -
面试题输出打印结果总结
1.宏任务,微任务async function async1() { console.log(1); const result = await async2(); console.log(3);}async function async2() { console.log(2);}Promise.resolve().then(() => { console.log(4);});setTimeout(() => { console.log(5);});原创 2020-06-22 16:33:04 · 497 阅读 · 0 评论 -
和我一起完全理解javascript中的宏任务与微任务
在了解 宏任务 与 微任务 之前我们必须要先弄清 javascript 中的 执行机制 这个概念,弄清楚了这个概念,宏任务 与 微任务 的理解也就 so easy 了~~javascript 中的执行机制1.关于javascriptjavascript是一门单线程语言,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的。1.1 JS为什么是单线程的?答:JavaScript的单线程,与它原创 2020-06-22 14:20:33 · 1414 阅读 · 2 评论 -
Let,const,var 定义的变量都有什么区别
let 和 var 的区别1.var 存在变量提升,let 不存在//letconsole.log(c) //Uncaught ReferenceError: Cannot access 'c' before initializationlet c = 100 //varconsole.log(c) //underfinedvar c =100因为 let 不存在变量提升,所以上面 let 定义的变量会报错,报错的意思是我们想要打印 c 的值,必须先要初始化,然后再去使用它,必原创 2020-06-19 13:57:22 · 286 阅读 · 0 评论 -
搜索请求如何处理(节流),防抖与节流,trottle函数实现
防抖和节流的作用都是防止函数多次调用。防抖动和节流本质是不一样的。防抖动是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。区别在于,假设一个用户一直触发这个函数,且每次触发函数的间隔小于wait,防抖的情况下只会调用一次,而节流的 情况会每隔一定时间(参数wait)调用函数。防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。运用:拍照、下拉触底加载下一页、点击触发的事件中节流 高频事件触发,但在n秒内只会执行一次,所以节流会稀释函.原创 2020-06-19 13:33:09 · 1437 阅读 · 2 评论