位置: 编程技术 - 正文

论JavaScript模块化编程(javascript module)

编辑:rootadmin

推荐整理分享论JavaScript模块化编程(javascript module),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript模块化规范有哪些,js模块的使用规则,js模块的使用规则,javascript模块化规范,js模块化原理及实现过程,js模块的使用规则,js模块的使用规则,js模块的使用规则,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript模块化编程的重要性

JavaScript的原型是java,它也是一种面向对象编程语言,属于一种弱类型语言,它具有更大的灵活性。以往在编写javascript代码时,都是直接编写一个个.js文件,然后用script标签在html页面中引用,这样就会带来几方面的问题:

1、出现大量的全局变量 js在每个地方都可以定义一个全局变量,编写不符合规范将导致大量全局变量的出现,最终程序将难以维护。2、js加载顺序要按照代码的依赖顺序 最简单的,例如a.js依赖于b.js文件,那么在html中引入脚本时,b.js必须要在a.js前面引入,否则将会报错。如果一个项目分工编写了几十个js文件,如果不按照一定的规范,将会出现大量的全局变量(也可能有重复的存在);其依赖关系也将难以维护3、html一次性加载过多js脚本页面出现假死 初始化时一次性加载过多js脚本,很有可能会导致页面出现假死状态使用RequireJS实现js模块化编程

RequireJS的目标是鼓励代码的模块化,它使用了不同于传统script标签的脚本加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。 —— [ RequireJS官网 ] 论JavaScript模块化编程(javascript module)

关于RequireJS的使用不过多阐述,详细请自行搜索或者在官网学习。这里记录下自己使用RequireJS模块化编程的一些心得。

应用场景是你的项目中使用了第三方开源库,但是呢,很多非GIS专业的IT选手对一些基本的概念可能会看不懂,这时候能可能就需要对第三方库进行更上一层的包装,这样接口就会更加容易理解一些,并且也可以做到分工协作,每个人都按照RequireJS的规范编写代码,只需要编写好自己的模块,预留好接口就可以了。下面是我封装的一个小例子,封装的还不是很彻底,目前仅处于学习js模块化阶段,后面无论大小都按照这种规范来写,相信一定会受益匪浅。

这里我采用的leaflet,一个轻量级开源地图库。需求是编写一个绘制图形类,实现点、线、面的绘制。直接给出代码了:

调用时代码:

实现效果如下。这里我封装的还不彻底,但是已经够用了。像基础的地图操作,图层控制都可以写一个mapcontrol进行统一的管理

标签: javascript module

本文链接地址:https://www.jiuchutong.com/biancheng/378967.html 转载请保留说明!

上一篇:js日期插件dateHelp获取本月、三个月、今年的日期(js日期格式)

下一篇:基于JavaScript实现快速转换文本语言(繁体中文和简体中文)(基于javascript的毕业设计)

  • 个人普通发票多少钱
  • 小规模纳税人企业所得税多少
  • 一般纳税人开劳务发票几个点
  • 电信没有基站为什么信号也很好
  • 电汇汇票和电汇的异同点
  • 电子承兑到期了在哪里选择清算方式
  • 离职补偿金入账
  • 收到电子退库如何操作
  • 原材料盘盈审批后冲减
  • 项目上发生伙食问题
  • 分包挂靠认定依据
  • 进项税额待转出是什么意思
  • 税局税种认定
  • 物业公司怎么开展业务
  • 免征残保金还需交税吗
  • 公司购买的一次性纸杯计入哪个科目
  • 个税累计预缴税额税率表是年还是月
  • 房地产开发企业取得的土地使用权用于建造
  • 开票系统问题
  • 应收票据背书转让以取得所需物资
  • 施工津贴属于
  • 确认坏账需要纳税调整吗
  • 您的磁盘
  • 微软笔记本
  • sdstat.exe - sdstat是什么进程 有什么用
  • 外销收入申报表怎么填
  • 城市里创业
  • php生成图片 html转img
  • 固定资产相关会计准则
  • 非货币性资产投资计入什么科目
  • node启动本地服务
  • 莱茵地区在德国哪里
  • 门诊部需要药品经营许可证吗
  • Treetop walkway in Hainich National Park, Thuringia, Germany (© mauritius images GmbH/Alamy)
  • 穆尔官网
  • 非上市公司股权估值
  • 小规模纳税人的个人所得税怎么算
  • tf club下载
  • accubattery准确性
  • userpasswords
  • 股东投资款超过注册资金的案例
  • 长期待摊费用是什么科目
  • 小规模纳税人利润超过300万
  • mongodb安装使用
  • 外经证开错作废要带些什么
  • 劳务外包会计分录最新
  • 公墓造价成本
  • 以前年度损益调整结转到哪里
  • 水电费的收据单怎么写
  • 股权转让中土地要否缴纳增值税
  • 出让价格不得低于基准地价
  • 固定资产的处置方式包括
  • 补交增值税如何转管理费用
  • 公司账户可以转账到信用卡吗
  • 五金行业怎么开店
  • mysql中字符串函数
  • sqlserver数据类型怎么用
  • 如何删除多余的空白表格
  • thinkpadx230i5
  • 深度u盘装xp系统教程
  • win10拦截在哪里关
  • win8怎么清空电脑只剩系统
  • win10系统如何关闭杀毒软件和防火墙
  • win7系统怎么给文件夹设置密码
  • win8怎么调出任务栏
  • Windows7如何查看电脑配置
  • win10资源管理器快捷键
  • win10更新后有线网络无法使用
  • react组件写法
  • android base64传图片
  • javascript函数大全
  • 枚举目录时出现错误
  • shell 数组变量
  • linux中的tree
  • python socket用法
  • 河南省低保信息查询
  • 车船税申报表样本
  • 水利基金要收滞纳金吗
  • 工会经费怎么缴付
  • 云南省国税发票查询真伪查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设