基于angularjs的前端开发框架 - PageSwitcher

来源:互联网 发布:php二次开发从哪里能学 编辑:程序博客网 时间:2024/05/01 01:50

PageSwitcher有以下两个个特色

1、极大提高前端开发效率,降低犯错误的几率

2、提高产品的用户体验,使得微信端的页面切换能够像原生应用一样流畅


传统的前端开发方式基本上是这样的

1、ajax从后台获取数据

2、拼接html字符串

3、填充dom


虽然前端有很多优秀的框架(jquery)支持对dom元素的操作,但是在一旦业务逻辑变得复杂,很容易出现bug,并且开发效率低下,而PageSwitcher基于angularjs,简化了前端开发流程,只需要从后台获取到数据,并且事先写好模板,具体如何绑定,都交给angularjs,不了解的可以访问http://angularjs.cn/,不再赘述。


PageSwitcher框架下其实只有一个页面,利用angularjs的ng-include调度各个页面,不会出现传统开发方式的频繁刷新,主要实现以下几个功能

1、页面切换

2、页面间参数传递

3、支持PC浏览器、手持设备的前进后退操作,比如浏览器的后退按钮,安卓设备的返回键

4、当打开新页面的时候,记住前一个页面的滚动条的高度,返回的时候定位到原来的地方


demo地址:

http://yunpan.cn/QCZnCGtjjRQTS  提取码 853b



0 0
原创粉丝点击