- 博客(10)
- 收藏
- 关注
原创 React面试题(2)
React面试题(2)一、React-Router的路由的几种模式1.BrowserRouter:浏览器的路由模式,开发中最常用的模式2.HashRouter:在路径前加一个#号成为一个哈希值,Hash模式的好处就是刷新网页仍然能找到对应的路径3.MemoryRouter:不存储History,所有路由保存在内存里,不能前进后退,因为地址栏没有发生任何变化4.NativeRouter:配合ReactNative使用,多用于移动端5.StaticRouter:静态路由,需要和后台服务器配合设置
2021-03-12 17:32:54
794
原创 React面试题(1)(穿插js基础)
React面试题整理 最近在看React相关的面试题,对相关的面试题整理了一下,作为平时学习的感悟和记录一、React组件的构造函数(1)constructor必须用super()初始化this,可以绑定this到事件上(2)如果在constructor中使用this.props,就必须在super中传入props参数,super(props)(3)无论有没有constructor,在render或其他生命周期函数中都可以使用this.props,因为是默认自带的(4)如.
2021-03-08 11:30:24
323
2
原创 ES5和ES6中的this指向
ES5和ES6中的this指向ES5:1.在普通函数中,this指向的是函数调用者,默认情况下,this指向的是window2.在严格模式下,如果没有直接调用者,在函数中,this的值为undefined3.如果在call,apply,bind中,this指向的是被绑定的对象ES6:箭头函数中没有自己的this,this是继承来的,默认指向定义时它所在的对象。也就是,谁调用就指向谁ES5:非严格模式下:严格模式:...
2020-10-13 14:50:48
589
原创 node版本升级,引起的node-sass报错问题
最近手贱把node版本更新了,启动项目时报了个错:Node Sass could not find a binding for your current environment: Windows 64-bitwith Node.js 12.x查过资料,发现是因为node Sass版本和node版本不一致导致的。解决办法:重新构建node-sass :npm rebuild node-sass更新:npm update...
2020-09-15 09:53:25
403
原创 单行、多行文本溢出隐藏显示省略号
1.单行文本.className{ width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}2.多行文本.className{ display: -webkit-box; webkit-box-orient: vertical; webkit-line-clamp:3 //文本的行数 overflow: hidden;}其中多行文本中,因为我们使用了webkit的扩展属性,该
2020-06-18 15:51:58
188
原创 js中如何判断一个对象是否为空的几种方法
1.将对象转换成字符串,在判断字符串是否为"{}"var obj = {};var temp = JSON.stringify(data) == "{}";console.log(temp); //true2. for in 循环判断var obj = {}var temp = function(){ for(var key in obj){ return false...
2020-04-21 20:06:43
398
原创 js中call和apply的区别和用法
call和apply的区别JavaScript中每一个Function对象都有一个call和apply方法,它们的语法分别为:/*apply()方法*/function.apply(thisObj, [, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [, ...argN]]]]);它们各自的定义:apply:...
2020-04-19 15:16:31
174
转载 JavaScript原型继承的工作原理
JavaScript原型继承工作原理 当查找一个对象的属性的时候,JavaScript会往上遍历原型链,直到找到指定的属性名为止,如果没有找到则为undefined。 大多数的js的实现用_proto_属性来表示一个对象的原型链,以下代码展示了js引擎如何查找属性。function getProperty(obj, prop){ if(obj.hasOwnProperty(pro...
2020-04-17 10:51:56
338
原创 JavaScript中this的工作原理
JavaScript中this的工作原理①.作为对象方法调用var obj ={ x: 0, y: 0, move: function(){ this.x = x;&...
2020-04-16 18:03:23
364
原创 前端面试题(HTML和CSS篇)
前端面试题1. 常用的几种浏览器的内核IEChromeFireFoxSafariOperaTrident 内核以前是Webkit内核,现在是Blink内核Gecko内核Webkit内核最初是自己的Presto内核,现在使用Blink内核2.行内元素和块级元素的区别?行内元素的兼容性使用(IE8以下)行内元素: 会在...
2020-04-16 11:20:13
1409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人