首页 > 请问sea.js 和 require.js能否进行单页面开发?

请问sea.js 和 require.js能否进行单页面开发?

请问sea.js 和 require.js能否进行单页面开发?


能,不过都这个时代了,你确定你要用这两个相对有一点点过时的方案来做么?

当然,单页并不是某种特别的库,他就是一个实现方案,理论上,凡是动态通过ajax,陆续从服务器端拉取数据在浏览器端渲染出来页面的过程,就叫单页了。

用不用库,完全取决于你自己。手写一个也未尝不可呢?


对于这个概念你的理解可能比较初级

sea.js和require.js只是一种模块化加载器,用于实现js的模块化划分。目前最主流的解决方案是webpack,可以让开发环境直接编译为生产环境,不需要额外加载这两个js,全部自动化编译。

同时如果不考虑兼容性,可以选用es6语法支持工具babel,通过webpack能完美实现es6语法环境的编程,让代码量从物理上减少,解放劳动力。这里还有grunt之类的工具可以做一些边角料处理,比如静态文件替换,图片压缩。通过webpack的插件也能完成,但工作起来不如grunt灵活。如果不嫌代码多也可以用gulp。

grunt、glup都是前端构建工具,webpack是模块化工具,babel是语法支持工具,最终你开发的代码会通过这些工具合并编译成一个js文件,并自动创建到html中。

=====

单页面开发

通常用于webapp,像我也会用做系统后台,主要需要接触的概念是router。通过路由来动态加载不同的js内容,在页面与页面之间跳转实现单页效果,如果是webapp样式上基本采用bootstrap,当然也有更移动端的样式库,基本搞定了router就像正常的页面开发一样进行工作了。

可以说单页面开发的复杂度是通过构建工具和router进行简化,否则单页面开发极为困难。这里可以参考vue的解决方案,当然我更推荐你试试avalon.js。

如果你想脱离这些工具和框架,我推荐你sencha,也是比较成熟的方案,书写上可能更简单,功能更强大

【热门文章】
【热门文章】