jQuery技术

自学了三天的SeaJs学习,解决了前端的一些问题,与小伙伴们一起分享一下! - 李 维(2)

字号+ 作者:H5之家 来源:H5之家 2016-04-06 16:02 我要评论( )

seajs.use 为seajs的入口模块。还可以直接写成这样:script src= script/src/sea.js data-main =init.js /script seajs.use (init.js) 和 data-mian =init.js 的区别在于 seajs.use 可以加载多个入口函数,以及做一

      seajs.use 为 seajs 的入口模块。还可以直接写成这样:<script src= " script/src/sea.js data-main =" init.js " ></script>

      seajs.use (" init.js ") 和 data-mian =" init.js "  的区别在于 seajs.use 可以加载多个入口函数,以及做一些回调的操作

<script type=> //-------seajs.use为入口模块,也可以用 data-main="";(区别在于use可以加载多个入口函数,以及做一些回调的操作)------------ seajs.use([, ], function (i, $) { alert(); //----------调用init中对外公开的接口-------------------------------- i.alertFun(); //----------习惯了在页面<script>写$就可以了------------------- $(function () { $(); }) }) }); </script>

【4】. 不要以为 SeaJs 真就我讲的这么点东西了,我还没有很 深入细化 的讲,拿了几个我认为最重要的,故 省略............

第二步 :【 合并压缩的问题解决】  ,可以用( spm , grunt , combo, spmx , 或者是 牛逼的 Fis 等)解决,本实例用 spm 来做的。

           1.下载 安装 不同系统版本的 Node

           2.下载 npm 包管理 

           3.下载安装 spm  (利用  npm install spm -g )安装 spm

提醒:压缩之前你应该做的事

        【1】. 准备好要压缩的文件,并且记住一定要放在一个 叫  “ src ”  的文件夹目录下。

        【2】.  新建一个 Package.json 。配置要压缩合并的文件 的参数

{ :, :, :, : { :{ : }, : [,,] } }

View Code

        【3】. 做好(【1】,【2】)步,然后 执行命令 spm  build  , 就会生成压缩文件  

         生成压缩的文件放在了自动新建的一个叫   dist 文件夹目录下 , 分别包含了一个叫 xx.js 和 xx-debug.js 的文件

         至于为什么会这样生成,因为【2】中的  Package.json 配置 已经指定了。       

        

 ----------------------------------------------------------------------------------------------------------------------

第一步中的版本号解决如图(版本号的解决在 seajs.config 里面) :

 

   

  第二步中的压缩解决如图:

------------------------------------------------------------------------------------------------------------------------

最后 ,总结一下,我也还有几个 疑问 没有解决:

【1】.  data-mian方式提供入口函数,我一直没有成功过,不知道是不是版本的问题(当前版本 seajs v2.1.1)

【2】.  依赖合并的文件,没有被合并到一个js文件里。

-------------如果有小伙伴解决了上面的2个疑问,还请多多指教---------------------------------------------------------------

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • seajs加载jquery时提示$ is not a function该怎么解决

    seajs加载jquery时提示$ is not a function该怎么解决

    2015-11-15 15:24

  • seajs初尝 加载jquery返回null解决学习日志

    seajs初尝 加载jquery返回null解决学习日志

    2015-10-05 11:22

网友点评
r