HiShop2.x版本中的上传插件分析，得出所用的模板语言为Underscore.js 1.6.0且自己已修改

Posted 2020-08-25 Jim

效果：

上传组件非常的酷，但是分析其使用JS写法使用了模板语言的，代码如下：

    　　<script type="text/j-template" id="tpl_popbox_ImgPicker_listItem">
        <# _.each(dataset,function(url){ #>
        <li>
            <span class="img-list-overlay"><i class="img-list-overlay-check"></i></span>
            <img src="<#= url #>">
        </li>
        <# }) #>
        </script>

这里只列举的其中一个，居然使用#符号和type="text/j-template"，一开始是通过这样的格式去查的，发现业内几乎没有这样使用。

然后被我神奇的发现在这个文件夹下"...\\Utility\\Ueditor\\js\\dist\\lib-min.js"的这个文件，里面写了Underscore.js 1.6.0的说明，然后再翻查Underscore，发现其写法是使用%号。这也给排查增加了难度。

所以，我得出的结论是HiShop使用Underscore.js 1.6.0源码进行改的，以扰乱视线。或者可以这么说，asp.net webform上%号的语法有冲突，所以改掉。

再分析"...\\Utility\\Ueditor\\js\\dist\\componentIndex-min.js"这个文件也有作用。