查看: 2169|回复: 3

[交流讨论] 对JS进行模块管理

[复制链接]
梦石
0
星屑
105
在线时间
1024 小时
注册时间
2021-3-24
回帖
544

MZ评测员

发表于 2021-10-17 14:21:48 | 显示全部楼层 |阅读模式

加入我们,或者,欢迎回来。

您需要 登录 才可以下载或查看,没有账号?注册会员

×
本帖最后由 清澈淌漾 于 2021-10-17 14:23 编辑


东西写多了 全挤在plugins下比较吐吐
vue那套东西拿来试了试  不太行。
直接自己改咯
如图
QQ截图20211017140724.png

在源码共改3个地方

1.
index页面 引用自己定义的js  也可以自己扩展 (MV自带的会被编辑器保存覆盖,所以建议另起)
QQ截图20211017141233.png
跟plugins长得一模一样,不过注意下 name的命名规则  我是用  下划线当路径目录的, 你也可以自定义
QQ截图20211017142234.png
2.
QQ截图20211017141657.png main.js 中加一句  安装 这个新定义的 数据


3.  PluginManager.loadScript方法  直接在源码里修改
[pre lang="javascript"]PluginManager.loadScript = function(name) {
    let url = this._path
    let src =name.split("_")
    if(src[0]==="Lim")
    {
        url='js/limpid/'
        for (let i=1;i<src.length-1;i++) url+=src+"/"
        url+=src[src.length-1]
    }
    else url+=name;
    let script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    script.async = false;
    script.onerror = this.onError.bind(this);
    script._url = url;
    document.body.appendChild(script);
};[/pre]

    let src =name.split("_")
    if(src[0]==="Lim")

   注意正常插件命名和这种方式的命名错开就好

评分

参与人数 2赞 +2 收起 理由
欧买歌 + 1 塞糖
夏虫沉默 + 1 塞糖

查看全部评分

全家活光光~
梦石
0
星屑
7089
在线时间
722 小时
注册时间
2021-3-5
回帖
731
发表于 2021-10-17 20:26:19 | 显示全部楼层
这样可以提升运行效率吗?

点评

规范代码 提高代码可读性,如果你开发基于写大量脚本 整理好代码,方便优化  发表于 2021-10-17 21:40
回复

使用道具 举报

梦石
0
星屑
14322
在线时间
2611 小时
注册时间
2013-6-10
回帖
1692
发表于 2021-10-18 08:43:38 | 显示全部楼层
额额,我也想学vue,感觉挺难的,尤其是我对npm,webpack之类的东西不熟
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部