首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

60行代码实现简单模板语法

不久前看过一篇不错的文章,作者用了15行代码就实现了一个简单的模板语法,我觉得很有趣,建议在阅读本文之前先看一下这个,本文不会讲解一些细节实现,这里是传送门:只有20行的Javascript模板引擎 这个模板语法实现的核心点是利用正则表达式来匹配到模板语法里面的变量和JS语句,遇到变量就将匹配到的字符串 push 到一个数组中,遇到 JS 语句就执行,最后再把数组中的字符串 join 起来,用 Function 来解析执行这串字符串,最终将执行后的结果放到指定 DOM 节点的innerHTML 里面。 但是这个模板语法还是有很多不足,比如不支持取余运算,不支持自定义模板语法,也不支持if、for、switch 之外的JS语句,缺少 HTML 实体编码。 恰好我这阵子也在看 underscore 源码,于是就参考了一下 underscore 中 template 方法的实现。 这个是我参考 template 后实现的模板,一共只有60行代码。

02
您找到你想要的搜索结果了吗?
是的
没有找到

讲解Invalid character escape '\o'.

在编程中,我们经常遇到需要在字符串中插入一些特殊字符的情况。对于某些字符,我们可以直接在字符串中使用它们,如'a'、'b'等。但是对于其他一些特殊字符,我们需要使用转义字符来表示它们。 在字符串中,反斜杠\被用作转义字符的前缀,用来表示一些特殊字符。例如,\n代表换行符,\t代表制表符,\\"代表双引号等。通过使用转义字符,我们可以在字符串中插入这些特殊字符。 然而,有些时候我们会遇到类似于'\o'这样的错误,提示"Invalid character escape '\o'",意味着无效的字符转义'\o'。这是因为在转义字符后面跟着的字符并不是一个有效的转义序列。 在这种情况下,我们可以通过将反斜杠\加倍来解决该问题。也就是说,我们需要将字符串中的'\o'写为'\\o',这样编译器将会将'\\'解析为一个反斜杠字符本身,并且'o'将被视为普通的字符,而不是一个转义序列。 下面是一个示例,展示了如何在Python中解决"Invalid character escape '\o'"的问题:

01

CDATA和转义字符

被<![CDATA[]]>这个标记所包含的内容将表示为纯文本,比如<![CDATA[<]]>表示文本内容“<”。   此标记用于xml文档中,我们先来看看使用转义符的情况。我们知道,在xml中,”<”、”>”、”&”等字符是不能直接存入的,否则xml语法检查时会报错,如果想在xml中使用这些符号,必须将其转义为实体,如”<”、”>”、”&”,这样才能保存进xml文档。   在使用程序读取的时候,解析器会自动将这些实体转换回”<”、”>”、”&”。举个例子: <age> age < 30 </age>   上面这种写法会报错,应该这样写: <age> age < 30 </age>   值得注意的是:   (1)转义序列字符之间不能有空格;   (2) 转义序列必须以”;”结束;   (3) 单独出现的”&”不会被认为是转义的开始;   (4) 区分大小写。   在XML中,需要转义的字符有:   (1)&   &   (2)<   <   (3)>   >   (4)"   "   (5)'   '   但是严格来说,在XML中只有”<”和”&”是非法的,其它三个都是可以合法存在的,但是,把它们都进行转义是一个好的习惯。   不管怎么样,转义前的字符也好,转义后的字符也好,都会被xml解析器解析,为了方便起见,使用<![CDATA[]]>来包含不被xml解析器解析的内容。但要注意的是:   (1) 此部分不能再包含”]]>”;   (2) 不允许嵌套使用;   (3)”]]>”这部分不能包含空格或者换行。   最后,说说<![CDATA[]]>和xml转移字符的关系,它们两个看起来是不是感觉功能重复了?   是的,它们的功能就是一样的,只是应用场景和需求有些不同:   (1)<![CDATA[]]>不能适用所有情况,转义字符可以;   (2) 对于短字符串<![CDATA[]]>写起来啰嗦,对于长字符串转义字符写起来可读性差;   (3) <![CDATA[]]>表示xml解析器忽略解析,所以更快。

02
领券