论坛首页 Web前端技术论坛

大家来讨论下使用easyui后js泛滥的问题

浏览 13379 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-08-26  
不可否认使用easyui带来了极大的便捷,但是开发一段时间发现,如果逻辑复杂点的话 页面交互动作多的话 会造成JS泛滥,一大堆的JS 为一个页面服务,不知道各位码奴是否遇到同类问题,大家是如何解决的呢
   发表时间:2013-08-26   最后修改:2013-08-26
正好也遇到同样的事情,也做了一个初级的解决方案。贴出来给楼上一个思路作为参考

代码如下

<screen name="ViewSimpleGrid">
        <section>
            <actions>
                <set field="moduleId" value="ofcGrid" />
                <set field="headerItem" value="ViewSimpleGrid"/>
            </actions>
            <widgets>
                <ofcComponent  id="dd" ofc-component-type="ofc-grid" target="/ofctemplate/control/getJson?entityName=CmsArticle">
			        <field name="articleId" title="${uiLabelMap.articleId}"  />
			        <field name="articleTypeId" title="${uiLabelMap.articleTypeId}" />
			        <field name="description" title="${uiLabelMap.description}" />
			        <field name="title" title="${uiLabelMap.title}" />
			        <field name="content" title="${uiLabelMap.content}" />
                 </ofcComponent>  
           </widgets>
        </section>
    </screen> 



测试效果界面如下


思路就是把js全部封装起来,普通开发人员没资格写js。只有架构师和组件开发人员才有资格写js。这样开发效率,开发质量就上来了。
  • 大小: 205.9 KB
0 请登录后投票
   发表时间:2013-08-27  
AngularJs
0 请登录后投票
   发表时间:2013-08-27  
推荐使用requirejs 活着 sea.js来模块化管理你的js文件,这样可以解决大量js代码的管理问题。
requirejs + backbone + jasmine 集成方案,给你个参考项目:
https://github.com/lvjian700/formdesigner

sea.js使用,给你一片文章:
http://witcheryne.iteye.com/blog/1166331
0 请登录后投票
   发表时间:2013-08-28  
谢谢各位的建议,总结一点就是在js的基础上在封装一层,不知道会不会影响页面加载的效率啊
0 请登录后投票
   发表时间:2013-08-28  
yybing110 写道
谢谢各位的建议,总结一点就是在js的基础上在封装一层,不知道会不会影响页面加载的效率啊

担心效率问题,两种方式可以解决:
1. 代码压缩, 将所有js压缩成一个。
2. 用Labjs 控制js文件加载顺序。 支持异步加载js, 可以显著提高加载效率。
0 请登录后投票
   发表时间:2013-08-30  
不错的主题,顶起来,
0 请登录后投票
   发表时间:2013-08-30  
kevintop 写道
不错的主题,顶起来,

这种回复现在不强制答题么?
0 请登录后投票
   发表时间:2013-09-02  
不错的主题,顶起来
0 请登录后投票
   发表时间:2013-09-02  
requirejs 或者 sea可行,但是requirejs 做不到延迟加载,这样的模块化,有多大的意义
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics