art-template在ie8 底下的兼容问题解决_art-template支持ie8吗-程序员宅基地

技术标签: 前端兼容问题  art-template  template.js  IE8兼容  模板法  

由于项目需要兼容IE8;因此采用了art-template 模板引擎开发。但是在开发的过程中却发现一些小问题;art-template本身是兼容IE8的,但是我开发的过程中发了一些奇葩的问题,当我在IE9还有其他主流浏览器上面都没有问题,偏偏在IE8底下无法渲染数据出来;更奇怪的是,当我按F12进入准备调试的时候,却发现刷新下就好了。于是我就慢慢排查原因;整改了代码就解决了;以下这三点是当前遇到的坑,以及解决方法:

1、注释里面不能出现相关语法,例如<!-- { {each}}.... -->;

我们知道art-template 同时支持两种模板语法。标准语法可以让模板更容易读写;原始语法具有强大的逻辑处理能力。但是我想大家更愿意采用标准语法,看上去简洁明了;采用“{ { }}”这种形式编写。但是如果你再代码中对应的模板模块中,注释出现类似 “{ {each}}”这样的本身语法规范的写法就会出现错误;

可能由于内部匹配解析出现混乱把,具体没深究;只要不要出现这样关键字或者语法注释就可以;

2、关键字as问题;

同样是出现无法渲染数据问题,在排除注释后,我看网络上很多遍历写法都是用{ {each data as value i}}{ {/each}}写法,

这样的写法在其他浏览器也是没有什么问题的,或者打开F12刷新下也是可以加载出来,但是在我本地的IE8打开无法渲染;于是我将as去掉就解决了。

3、采用原生写法<%=#html %>替代{ {# html }};

art-template如果要直接展示html的话,文档说需加上#就可以了,同样的问题,在IE8就无法展示出来报错。于是采用了原生的写法结果问题就解决了;

总结在我本地的IE8出现的这三个问题,虽然还没有去深究为什么出现这样的问题,但是总算把问题解决了;希望有大神深究的话能够指指导;

以上内容如有出入或者什么问题欢迎指出,共同学习;

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_36222744/article/details/81506424

智能推荐

绝密 | 机器学习老手不会轻易告诉你的12件事儿-程序员宅基地

文章浏览阅读2.7k次,点赞2次,收藏13次。编译 | AI科技大本营 参与 | 彭硕 刘畅 编辑 | 明明机器学习是人工智能的核心,而机器学习的算法是其最重要的武器。机器学习算法可以从例子中归纳出执行重要任务的重要方法,这种方法不仅可行还可节约成本,随着可用的数据越来越多,我们就可以利用其解决更多的问题,因此,机器学习在计算机科学和其他领域中都得到了广泛的运用。尽管如此,开发出成功的机器学习应用程序还需要大量...

hiberante dynameic-update dynamic-insert 解决每次update所有字段的问题-程序员宅基地

文章浏览阅读708次。hibernate 动态生成sql的系统开销很小,当表_dynamic-insert

优化_一般多少epoch后调小学习率-程序员宅基地

文章浏览阅读349次。。_一般多少epoch后调小学习率

addEventListener和attachEvent以及事件句柄绑定的区别_句柄式事件和addeventlinster的区别-程序员宅基地

文章浏览阅读1.7k次。这几天对js的dom事件绑定回顾了一下首先说一下addEventListener和attachEvent的区别1.语法不同2.适用的范围不同,addEventListener适用于遵循dom标准的浏览器内使用如FF,而attachEvent则是在ie中使用的3.参数不一样4.绑定多个相同事件的执行顺序不一样addEventListener语法target.addEven_句柄式事件和addeventlinster的区别

python筛选因子案例_多因子量化选股模型的筛选和评价:打分法与回归法-程序员宅基地

文章浏览阅读1.2k次。多因子选股模型在模型搭建中,往往会涉及到非常多的股价影响因子,并可能导出数量极多的备选模型。因此,对于多因子选股模型的评价和筛选,就显得尤为关键。对于专业的量化投资人而言,就需要进一步了解多因子选股模型的两种主要的评价判断方法——打分法和回归法。1、打分法的评价原理和流程所谓打分法,就是根据各个因子的大小对股票进行打分,然后按照一定的权重加权得到一个总分,最后根据总分再对股票进行筛选。对于多因子模..._打分法因子选股 python

linux给文件授权_linux 授予文件-程序员宅基地

文章浏览阅读1.1w次。文件权限分为 :读,写,可执行每个文件分为三种用户:主用户,同组用户,其它系统用户用10位来表示:drwxr-xr-x第一位代表文件类型 - 代表普通文件 d 代表目录其余每三位代表一种用户的权限 授权命令 :eg: chmod u+x test表示给test文件增加可执行权限(u,g,o 分别代表三种用户 + 和 - 代表增加或者去掉权限 r_linux 授予文件

随便推点

Anaconda python 版本对应关系_anaconda与python版本对应关系-程序员宅基地

文章浏览阅读2k次。【转】原文:_沥川往事https://blog.csdn.net/yuejisuo1948/article/details/81043823首先解释一下上表。 anaconda在每次发布新版本的时候都会给python3和python2都发布一个包,版本号是一样的。表格中,python版本号下方的离它最近的anaconda包就是包含它的版本。举个例子,假设你想安装python2.7.14,在..._anaconda与python版本对应关系

toolchain安装教程支持_网上现成toolchain安装操作-程序员宅基地

文章浏览阅读1.1k次。1.ARM-ELF-TOOLSARM-ELF-TOOLS所提供的是 uClinux系统下的交叉编译工具。下载地址:到http://www.uclinux.org/pub/uClinux/arm-elf-tools/下载arm-elf-tools交叉编译工具安装程序。例如:下载之后的文件名为arm-elf-tools-20030314.sh(日期可能不同)是脚本文件。具体操作过程:(1) 首先看其权..._linux source toolchain 下载

sysbench 压测 mysql_sysbench 压测 MySQL 性能及优化-程序员宅基地

文章浏览阅读163次。sysbench 安装流程下载wget https://github.com/akopytov/sysbench/archive/master.zipunzip 安装yum install unzip解压unzip master.zip安装相关依赖yum -y install make automake libtool pkgconfig libaio-devel vim-commonyum -..._sysbench压测后mysql内存规律性高

需求分析中适应性怎么写_需求文档,怎么写才不会被打?-程序员宅基地

文章浏览阅读1k次。说起需求文档,作为产品经理的必备技能之一,恐怕没有一个产品经理不知道的吧。虽说需求文档是产品经理必备技能之一,但是要写一份开发看了不想打人的需求文档还是需要花点功夫的。什么是需求文档需求文档,就是传说中的PRD文档,全称ProductRequirement Document。需求文档的对产品的说明文档,用于完整的描述产品背景、需求和目标。需求文档的作用有很多人认为写需求文档纯属浪费时间,需求澄清时..._适应性需求

yslow chrome_YSlow / Chrome黑客-程序员宅基地

文章浏览阅读285次。yslow chromeIf you haven't seen it yet, YSlow for Chrome hit the streets couple of weeks ago. (And Google's own PageSpeed did too yesterday. (And there's now DynaTrace for Firefox. (And WebPageTest fo..._yslow chrome

5.27 C语言练习([二级C语言]计负均正:从键盘输入任意20个整型数,统计其中的负数个数并求所有正数的平均值。)_从键盘输入若干个数当读入负数时结束,计算所有正整数的平均值-程序员宅基地

文章浏览阅读3.1k次,点赞2次,收藏10次。题目要求: 从键盘输入任意20个整型数,统计其中的负数个数并求所有正数的平均值。 保留两位小数。_从键盘输入若干个数当读入负数时结束,计算所有正整数的平均值

推荐文章

热门文章

相关标签