浅谈\r,\n,\r\n的场景和效果

7 篇文章 0 订阅
6 篇文章 0 订阅

在最近的项目中,JS块部分遇到\r\n的场景,总结下\r,\n,\r\n的区别吧;
学编程的一般都知道,\r,\n,是转义字符,无论是哪种语言;\r的ASCII编码是13,回车;\n是ASCII是10,换行;(在汇编语言中是CRLF)

首先讲一个故事,了解下背景;

在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33)的玩意,每秒钟可以打10个字符。但是它有一个问题,就是打完一行换行的时候,要用去0.2秒,正好可以打两个字符。要是在这0.2秒里面,又有新的字符传过来,那么这个字符将丢失。

于是,研制人员想了个办法解决这个问题,就是在每行后面加两个表示结束的字符。一个叫做“回车”,告诉打字机把打印头定位在左边界;另一个叫做“换行”,告诉打字机把纸向下移一行。

这就是“换行”和“回车”的来历,从它们的英语名字上也可以看出一二。

后来,计算机发明了,这两个概念也就被般到了计算机上。那时,存储器很贵,一些科学家认为在每行结尾加两个字符太浪费了,加一个就可以。于是,就出现了分歧。

Unix系统里,每行结尾只有“<换行>”,即“\n”;
Windows系统里面,每行结尾是“<换行><回车>”,即“\n\r”;
Mac系统里,每行结尾是“<回车>”。
一个直接后果是,Unix/Mac系统下的文件在Windows里打开的话,所有文字会变成一行;而Windows里的文件在Unix/Mac下打开的话,在每行的结尾可能会多出一个^M符号。

但这并不是我想说的,整体来说他们是用来调格式,调格式呢,做前端的都知道,就有关于空格的问题,关于空格的替换,消去的文章很多,下面说一下添加空格的操作;
在HTML中,可以在标签内直接敲空格键;也可以在引号内写& nbsp;进行转义;
举个简单例子:
这里写图片描述
结果:
这里写图片描述

另一种是我想说的,是我想说的使用\r\n
这里写图片描述
结果是:
这里写图片描述
现在比较一下,可以看出两种的使用场景,在使用& nbsp;时,使用的是HTML 语法,document.getElementById(‘hello’).innerHTML;
而 使用\r\n时,是使用的jquery.text();如果在text()中使用& nbsp;或者添加空格键,并不会有效果,而且text()函数会省掉字符串前面的空(.class.text(” “+”hello world”);,第一个字符串会被省去);具体是为什么,和函数的是否解析转义字符有关,现在已经0.17了,很晚了,明天在继续吧…..

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

魏小言

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值