自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 前端面试题手撕小结

1.实现flat函数> const animals = ["????", ["????", "????"], ["????", ["????", ["????"]], "????"]];> > // 不传参数时,默认“拉平”一层 > animals.flat(); > // ["????", "????", "????", "????", ["????",["????"]], "????"]> > // 传入一个整数参数,整数即“拉平”的层数 &gt

2021-08-25 16:11:31 165

原创 前端面试算法题整理

给Array增加一个reader方法,实现以下功能Array.prototype.reader= function () { let start=0; let that=this; return {read:function(num){ if(start>=that.length){ return null } let ans=[]; for(let i=start;i<num+.

2021-08-22 19:42:25 120

原创 面试题:统计出现的字母最多的前缀数字相加和

给定一个数组[‘1a’, ‘2b’, ‘3c’, ‘4a’, ‘5b’]统计出现的字母最多的前缀数字相加和。(我自己加了一个条件:至多一个字母会出现次数最多)输入:[‘1a’, ‘2b’, ‘3c’, ‘4a’, ‘5d’]输出:5let arr = ['1a', '2b', '10c', '4a','1b','1b','1222d']; let map = new Map(); for (let i = 0; i < arr.length; i++) { i.

2021-08-15 15:22:54 168

原创 JavaScript 取整的几种方法

Math.floor() 向下取整Math.floor(3.141592654) // 3Math.ceil() 向上取整Math.ceil(3.141592654) // 4Math.round() 四舍五入Math.round(3.141592654) // 3parseInt() 去掉小数点和小数点后的部分parseInt(3.141592654) // 3按位非~~ 将数据转化为Number类型,可以把字符串转换成整数,但他不是浮点数。如果是一个字符串转换,.

2021-08-03 10:44:03 479

原创 查询数组对象中对应的某个对象

const arr = [ { name: "name1", friut: "banana", }, { name: "name2", friut: "peach" }, { name: "name3", .

2021-06-28 18:05:30 423

原创 前端面试题:将一个字符串类型的数组转换成真正的数组

比如说有这样的一个字符串:let str = "[ {a:1 , d:3} , {b:2} , {c:3} ]" 怎么才能把它转化为实际的数组呢?一.粗暴解法:1. eval(str) (有安全问题)2. let fn = new Function('return (' + str + ');') fn( ) (参考思否上的回答)3. JSON.parse(str)(针对不复杂的数据)4. JSON.parse(str.replace(/(\w+):/g, '"$1":')) (修改对象

2021-06-22 19:00:35 1026

原创 Web前端面试题学习:实现数字千分位用逗号分割

方法一:toLocaleString()var a = 8462948.24;b.toLocaleString();//8,462,948.24方法二:使用正则表达式var num = 846294831;var reg=/\d{1,3}(?=(\d{3})+$)/g; (num + '').replace(reg, '$&,');匹配规则:正则表达式 \d{1,3}(?=(\d{3})+$) 表示前面有1~3个数字,后面的至少由一组3个数字结尾。?=表示正向引用,可以

2021-06-17 17:50:13 866

原创 react-redux中Connect方法

什么是react-redux某个组件的状态,需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态发生上面情况时,如果不使用 Redux 或者其他状态管理工具,不按照一定规律处理状态的读写,代码很快就会变成一团乱麻。你需要一种机制,可以在同一个地方查询状态、改变状态、传播状态的变化。但是想要在react中使用redux,并不能直接将store、action和react组件建立连接,所以就需要react-redux来结合react和redux。c

2021-06-15 09:56:06 244

原创 JavaScript基础知识整理

var 创建的变量是函数作用域内的,若函数内定义变量的时候省略了 var,则创建的是一个全局变量function func1(){ var name = 'Rana';}func1();console.log(name); // errorfunction func2(){ name = 'Rana';}func2();console.log(name); // Ranavar 声明提升,使用 var 声明的变量会自动提升到函数作用域的顶部function func(.

2021-06-03 16:17:21 132 1

原创 有关闭包的一些考题整理

实现一个foo函数题目:// 实现一个foo函数, 返回自身被调用的次数 可以这么使用:a = foo();b = foo();c = foo();// 此时 a 的值是1;b的值是2;c的值是3;foo.reset();d = foo(); // d的值是1, 说明foo重新开始计数;答案: const foo = (function(){ let counter = 1; function increase(){ return counter++

2021-06-03 14:03:10 173

原创 javaScript数组常用方法

es6 filter() 数组过滤方法总结1.创建一个数组,判断数组中是否存在某个值var newarr = [{ num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2'  }]console.log(newarr.filter(item => item.num===2 ))2.也可以通过上面方法过滤掉num为2的留下num为1的var newarr = [  {

2021-06-02 10:16:52 279

原创 React中withRouter的应用

作用  把不是通过路由切换过来的组件中,将react-router 的 history、location、match 三个对象传入props对象上。  默认情况下必须是经过路由匹配渲染的组件才存在this.props,才拥有路由参数,才能使用编程式导航的写法,执行this.props.history.push(’/detail’)跳转到对应路由的页面。  然而不是所有组件都直接与路由相连(通过路由跳转到此组件)的,当这些组件需要路由参数时,使用withRouter就可以给此组件传入路由参数,此时就

2021-06-01 15:14:39 536

原创 JavaScript之Map对象

ES6 JavaScript中的Map对象语法和使用let myMap = new Map();let keyObj = {};let keyFunc = function() {};let keyString = 'a string';// 添加键myMap.set(keyString, "和键'a string'关联的值");myMap.set(keyObj, "和键keyObj关联的值");myMap.set(keyFunc, "和键keyFunc关联的值");myMap.s

2021-05-28 13:32:23 658 1

转载 页面分步引导组件Driver.js

https://zhuanlan.zhihu.com/p/78220595

2021-04-14 16:39:07 143

原创 jsx和js后缀的区别

答案1:https://www.ancii.com/aqkeavaxm/解答2:概念1.js,是一种直译式脚本语言2.jsx,JavaScript XML是一种在React组件内部构建标签的类XML语 法。区别1.浏览器只能识别不同的JS和CSS,不能识别SCSS或者JSX,所以webpack的作用就是把SCSS转换成CSS,把JSX转换成JS,然后在浏览器正常使用。2.js就是本身react里面的jsx(也就是在JS文件里面直接写HTML那种),现在他们可以直接写是因为编辑器可以选择

2021-04-14 15:54:59 1205

原创 git遇到错误: Failed connect to github.com:443

1 错误原因我是在git push origin main时遇到的这个错误2 解决方式查询代理(我通过下面查询代理其实并没有返回相关的信息)git config --global http.proxy取消代理:查询到当前设置了代理,所以我取消这个设置:git config --global --unset http.proxy再查询,已经没有了代理,然后再push,成功了!然后问题解决。解决方法来源:https://blog.csdn.net/weixin_41010198/artic

2021-03-18 15:53:19 219

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除