战地往事

马黑黑

红影 发表于 2025-10-26 22:48
恭喜

红影

马黑黑 发表于 2025-10-26 23:05

干杯

杨帆

马黑黑 发表于 2025-10-26 17:24
.js 作为ES6模块工作，如果需要它像普通插件一样工作，下载到源码后，将最后一句，即下面这句删掉即可：

...

这句删掉之后，如何让它像普通插件一样工作？请老师予以举例说明。谢谢

马黑黑

杨帆 发表于 2025-10-27 16:22
这句删掉之后，如何让它像普通插件一样工作？请老师予以举例说明。谢谢

所谓普通插件，就是普通的 JS 文档。例如我们的 tz.js，作为模块，需要用模块的方式导入、应用；作为普通的 js 文档，它是这样使用：

<div id="pa" class="pa"></div>

<script src="./tz.js"></script>

<script>
    var tz = TZ('pa');

    tz.add('img', '', 'ma', {src: '图片地址', style: 'width: 80px'}).playmp3();
</script>

可以看到，它和 module 方式不一样，也是没有模块之前最常用的引入第三方js文档的方式。

马黑黑

红影 发表于 2025-10-27 16:11
干杯

杨帆

马黑黑 发表于 2025-10-27 18:05
所谓普通插件，就是普通的 JS 文档。例如我们的 tz.js，作为模块，需要用模块的方式导入、应用；作为普通 ...

与模块导入的实质及使用方法基本一样呀，谢谢老师

小辣椒

哇塞，战火纷飞的场景

小辣椒

看看只有几行代码，制作想要自己的效果的动脑子的

马黑黑

小辣椒 发表于 2025-10-27 22:20
看看只有几行代码，制作想要自己的效果的动脑子的

tz模块遵循h5一切规则，它做的只是将一大堆的代码以独特的形式简化了，你要做的它不会阻拦你

马黑黑

小辣椒 发表于 2025-10-27 22:18
哇塞，战火纷飞的场景

马黑黑

杨帆 发表于 2025-10-27 21:05
与模块导入的实质及使用方法基本一样呀，谢谢老师

不太一样，注意区别。

资源引入后，tz相关指令的用法完全一样。

小辣椒

马黑黑 发表于 2025-10-27 22:56
tz模块遵循h5一切规则，它做的只是将一大堆的代码以独特的形式简化了，你要做的它不会阻拦你

直接纯套用玩没有意思。想修改自己喜欢的，必须动脑子的

马黑黑

小辣椒 发表于 2025-10-27 23:06
直接纯套用玩没有意思。想修改自己喜欢的，必须动脑子的

也无须动什么脑筋，简简单单的 add 指令会了，补充指令 style 会了，比用 html 方便

偶然~

来欣赏马老师的精品佳作，祝您创作如春泉涌流不息！