前端面试之开发中遇到的问题【建议收藏】

56 篇文章 3 订阅
46 篇文章 2 订阅

N1.
精度问题 0.1+0.2 !=0.3
使用math.js或者big.js解决问题致命!!重视!!!

N2.频繁请求问题
点击按钮发送请求,但是不能疯狂发请求,等到结果返回后可再次发送请求,可以定义一个flag待请求结束打开flag

1.代码习惯 比如写个列表中标签的tag,提前询问后端返回的数据枚举类型,然后定义一个map集合来渲染 页面
在这里插入图片描述
2.git命令 git rebase命令

3.微前端后退失效

4.map方法和Object.assign() 如果属性值是一个基本数据类型 属于深拷贝,如果是一个复杂数据类型属于浅拷贝

5.双下拉框联动效果bug:页面跳转携带参数,根据参数设置下拉框中的内容,
注意⚠️:这里两个下拉框有联动效果,会出现改变第一个下拉框的内容时第二个下拉框直接显示对应的value,这个问题的解决是靠:

监听第一个下拉框的变化,如果变化了直接让第二个选择框变成全部,
如果没有全部这个选项,可以一点点匹配(很麻烦,不如加个全部选
项和都断沟通然后value设置成0

6.- 404的页面大部分原因是接口写错了,参数传的不对,但是后端如果没有部署资源请求也是404,找不到后端提供的资源。。。。。。

7.- 响应式原理:对于数组和对象的处理方式!!切记!!!
8.- 多行溢出

  • `display: -webkit-box;
  • -webkit-box-orient: vertical;
  • -webkit-line-clamp: 2;
  • overflow: hidden;`
  • 比如点击页面上的电话号码,可直接提示拨号;
  • 比如点击页面上的短信,可直接提示发短信;
  • 比如点击页面上的邮箱,可直接提示发邮件;
1<a href="tel:400-888-6633">拨打电话</a>
2<a href="sms:19956321564">发送短信</a>
3<a href="mailto:mail@mail.com">发送邮件</a>

10.千分位分割符,

/(\d)(?=(?:\d{3})+\b)/g
("7890789.0").replace(/\d(?=(?:\d{3})+\b)/g, '$&,')

或者:

原生js写法:
先split('') 后reverse()然后"987654321".replace(/(\d{3})/g,'$1,') 
判断一下 如果最后一项是逗号删除最后一项使用
  a.slice(0,a.length-1) 如果不是原样输出
   然后再进行reverse() 然后再 join()
  • 3
    点赞
  • 41
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
前端面试时,项目可能会遇到各种问题。其一些常见的问题包括: - 兼容性问题:不同浏览器对于某些CSS属性或JS方法的支持可能存在差异,导致页面在不同浏览器上显示效果不一致。 - 性能问题:页面加载速度慢、渲染迟缓等问题都会影响用户的体验。 - 响应式设计问题:在不同设备上展示页面时,可能会出现布局错乱、字体大小不合适等问题。 - 数据交互问题:与后端接口对接时,可能会出现数据格式不一致、请求超时等问题。 - 页面安全性问题:如XSS(跨站脚本攻击)、CSRF(跨站请求伪造)等安全漏洞可能会对页面造成影响。 解决这些问题的方法和技巧有很多,以下是一些常用的方法: - 使用CSS预处理器(如Less、Sass)来简化样式的编写,并提供一些方便的功能(如变量、嵌套、混合等)。 - 使用代码压缩工具(如UglifyJS、CSSNano)来压缩JS和CSS文件,以减少文件大小和网络传输时间。 - 使用缓存策略(如HTTP缓存、LocalStorage)来提高页面加载速度和用户体验。 - 使用性能分析工具(如Google PageSpeed Insights、Lighthouse)来评估和改进页面的性能。 - 使用响应式设计框架(如Bootstrap、Foundation)来简化响应式设计的开发过程,并提供一致的用户体验。 - 使用安全性工具(如CSP、X-XSS-Protection)来防止页面受到恶意攻击。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小张很嚣张~

支持一下小老弟吧~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值