前端开发问题汇总

首次使用React开发遇到的一些问题总结

问题汇总
初次使用React开发会遇到很多的坑,这里,我会把在开发过程中遇到的一些问题进行一下记录。
1.首先,在使用React开发的时候,肯定会对state里面的变量进行一个赋值,比如 state:{ query:{ arr:[] } },赋值的时候 如果是这样赋值的 const { query } = this.state;
query.arr = [123];
this.setState({ query });有时候没有效果,这时候就需要解构赋值了; this.setState({ query:[…query] }); 这也算是开发过程中不太注意的一个小细节问题。
2.经常会遇到下载的问题,总结起来就是两个,一个是根据url下载
const link = document.createElement(‘a’);
link.style.display = ‘none’;
link.href = data //data是传递过来的URL地址
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
还有一种是通过字符串数据下载
let str = JSON.stringify(data);//data如果本身就是字符串,则 str = data data就是需要下载的字符串数据;
const link = document.createElement(‘a’);
let blob = new Blob([str]);
link.style.display = ‘none’;
link.href = URL.createObjectURL(blob);
link.download = 名称加格式;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
3.项目当中经常会遇到数组对象去重的问题
repeatData(data,params) { //data是数据,params根据什么来去重
const obj = {};
return data.reduce((item,next) => {
obj[next[params]] ? ‘’ : obj[next[params]] = true && item.push(next);
return item;
},[])
};

React初次开发遇到的一些问题以及方法总结

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2021年的Web前端面试题汇总内容广泛,既包含基础知识点,也涉及到最新的前端技术和趋势。以下是一些可能会在2021年的Web前端面试中遇到的问题: 1. HTML、CSS和JavaScript是Web前端的三大基础技术,对于这三个技术的理解和应用灵活性有了更高的要求。 2. ES6和TypeScript是目前前端开发中常用的语言,考察对它们的掌握程度和用法。 3. 关于前端框架,React、Vue和Angular是最常用的三个框架,要求掌握框架的基本原理以及常见的使用场景。 4. CSS预处理器(如Sass、Less)和CSS模块化(如CSS Modules)也是被提及的重要话题。 5. 前端性能优化,包括代码压缩、图片优化、懒加载等,是面试中常见的问题。 6. 移动端开发和响应式设计是近年来前端发展的重点,了解相关技术和适配方案也是必备的知识。 7. 前端工程化方面的知识,如自动化构建工具的使用、模块化开发和代码规范等问题也会涉及。 8. 前端安全性和网络安全的相关问题,如跨站脚本攻击(XSS)和跨站请求伪造(CSRF)等,也是热门考点。 另外,根据个人工作经验和项目经历,还可能会有针对具体技术栈和框架的问题。针对这些问题,应当事先准备好,深入了解和熟悉相关内容,以便在面试时能够清楚、流利地回答和展示自己的能力。同时,也要注重实际项目经验,可以准备一些有关自己在项目中遇到的具体问题及解决方案的案例,以证明自己的经验和能力。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值