2024年Web前端最全解决前端“ n”不换行问题_前端 n换行，20个经典面试问题

文末

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

通过上图可以看出，"\n"它被识别成了一个空格显示，并没有达到换行的效果，那我们应该如何实现换行呢？

其实很简单，我们只需要对文本添加一个样式就行。
style=“white-space: pre-wrap;”


由此可以看出，给文本添加style=“white-space: pre-wrap;” ，是可以实现文本换行的。

那white-space: pre-wrap; 又是什么含义呢？

在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示。

• normal：默认，忽略文本中所有的空白、换行符；只有文本存在
  或文本达到框的约束时，文本才会换行。
• pre：保留文本中的空白、换行符；遇到框的宽度约束时不会自动换行，文本存在
  或文本中有换行符时，文本才会换行。
• nowrap：和normal类似，忽略文本中所有的空白、换行符；遇到框的宽度约束时不会自动换行，文本只有在有 br 时才会换行。
• pre-wrap：和pre类似，保留文本中的空白、换行符；文本存在
  或文本中有换行符时，或者遇到框的宽度约束时，文本都才会换行。
• pre-line：会略文本中的空白符；文本存在

常用的JavaScript设计模式

• 单体模式

• 工厂模式

• 例模式

  

函数

• 函数的定义

• 局部变量和全局变量

• 返回值

• 匿名函数

• 自运行函数

• 闭包

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】