美文网首页
前端模块化开发(由近来所做项目总结)

前端模块化开发(由近来所做项目总结)

作者: 导演毛骗 | 来源:发表于2016-12-31 23:08 被阅读0次

政府的项目吧,没啥说的,呵呵。

简单的说说模块化,网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。

Javascript不是一种模块化编程语言,它不支持""(class),更遑论"模块"(module)了。抄点阮一峰老师的段落 JavaScript模块化编程

一个页面的js所需要的代码在main.js里,然后需要一个插件来辅助你的开发,当然简单的tab、slide、dropdown等小效果手写就不需要插件了,一是减小体积,二是简单的都不会写还做什么程序?重点回来了,所有引用的js都写在一个main.js里,另一个页面没有用到这些,而后端把js都配置到公共部分引入,然后问题就出来了,浏览器报错。jQuery($) is not dedined。查看源代码,发现jq库引入顺序出错,调好了,问题又来了,xx is not a function,原因是之前引用的插件,但init或者调用方法写在main.js里,所以报了一个错。最笨的方法就是放到插件最后。或者用seajs或者require.js等来做到依赖自动加载,异步模块定义。

有人若想问,为何不把调用方法直接写在HTML页面中,我想说,干干净净的HTML不好吗?

还有一点,团队的协调性在于前期通气沟通研讨,理论化的流程便是让各自都知道这个项目,互动的不仅仅是一个文档嘛。

以后的项目可能会越来越大,跨平台开发也会越来越多。如果还像以前一样刀耕火种的页面中加载各种插件一大堆,前后台各自加各自,页面也会打开的慢,各种插件的全局变量暴露出来,全局作用域下容易造成变量冲突,文件只能按照,开发人员必须主观解决模块和代码库的依赖关系。在大型项目中各种资源难以管理,长期积累的问题导致代码库混乱不堪。我相信最后妥协的一方永远是开发者。(本集完)

最后说一句,提前祝大家鸡年大吉吧。

相关文章

  • 前端模块化开发(由近来所做项目总结)

    政府的项目吧,没啥说的,呵呵。 简单的说说模块化,网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等...

  • 模块化开发

    前端JS模块化开发有两大规范AMD合CMD,下面以我的理解来简单总结一下模块化开发的思想 ,以及js前端常用的AM...

  • 关于前端模块化开发

    关于前端模块化开发 1 前端中有哪些模块化开发的规范以及实现方案 2 模块化的开发的好处 3 CommonJS

  • 前端模块化历史演进

    模块化开发是当下最重要的前端开发规范之一,随着前端项目日益复杂,项目代码已经膨胀到需要花费大量时间去管理的程度,模...

  • commonjs,AMD,CMD,ES6模块化总结

    之前用webpack开发前端项目的时候,发现什么模块化的import,export, module,exports...

  • 认识Webpack

    要了解Webpack,首先要知道前端模块化开发的概念 前端模块化 模块化的目的是使代码可以重用,模块化在任何开发中...

  • webpack基础笔记

    webpack基础 1.前端工程化 实际的前端开发: 模块化:(js的模块化,css的模块化,资源的模块化) 组件...

  • 前端模块化

    1.模块与模块化开发 模块:实现特定功能的一组方法 模块化开发:随着浏览器性能的提升,相关技术的进步,前端项目变得...

  • 模块化开发

    模块化开发是一种思想,随着前端项目的日益庞大。为了使我们开发协作更加高效,互不影响。将编写的代码模块化,更利于协作...

  • 前端开发过程中有哪些问题需要考虑?

    前端开发过程中有哪些问题需要考虑? 组件库 模块化 前端业务团队 做的事情沉淀组件库 团队基础沉淀模块化 开发...

网友评论

      本文标题:前端模块化开发(由近来所做项目总结)

      本文链接:https://www.haomeiwen.com/subject/zjsbvttx.html