框架 - 这种前端Javascript是做什么用的
PHPz
PHPz 2017-04-10 15:54:01
[JavaScript讨论组]

这是微信公众号管理页面的一段代码,我想知道他这个是做什么用的,MODULES这个里面还有很多内容,基本上都是地址信息,请问这个是拿来做什么的,我再medium这个网站上也看到有这样的用法

var MODULES = {'user/index.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/user/index2880f5.js','common/wx/dialog.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/common/wx/dialog26a308.js','common/wx/Tips.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/common/wx/Tips26a308.js','common/wx/pagebar.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/common/wx/pagebar271dfd.js','common/wx/remark.js': 'https://res.wx.qq.

PHPz
PHPz

学习是最好的投资!

全部回复(2)
高洛峰

不知道你想问MODULES是什么意思,还是想问里面几个js代码是什么意思

光看这个代码的意思是给那些很长的地址加了个别名,简单看下index.js里面的代码

define("user/index.js",["common/wx/dialog.js","common/wx/Tips.js","common/wx/pagebar.js","common/wx/remark.js","common/wx/top.js","common/wx/tooltips.js","common/wx/RichBuddy.js","user/user_cgi.js","user/group_cgi.js","biz_web/ui/dropdown.js","common/qq/events.js","common/qq/emoji.js","common/wx/popover.js","tpl/user/grouplist.html.js","tpl/user/userlist.html.js","tpl/user/verifylist.html.js","biz_web/ui/checkbox.js","common/wx/inputCounter.js","common/wx/searchInput.js"],function(e){

很明显用的是模块化开发,你看看[]里的依赖"common/wx/dialog.js","common/wx/Tips.js",应该就是根据上面MODULES对应里面的别名

dialog.js 很明显就是个对话框的插件
tip.js应该就是个提示的插件

代码都是压缩过的,具体实现看不太出来

模块化开发可以看看requirejs或seajs

大家讲道理

以一个json的形式 存将在程序中会引用到的js的地址。在用到 的时候可以直接引入,这样可以缩短了地址的写法

至于每个js是做什么的就要看js的内容了。我觉得这个modules的作用就是通过key value的形式保存了已知的js地址

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号