基于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
- 基于angularjs的前端开发框架 - PageSwitcher
- 基于js的前端开发框架对比
- 前端开发框架之AngularJS篇
- 基于AngularJS开发撰写测试代码时的框架
- AngularJS (前端MVC框架)
- angularjs前端框架
- 前端框架AngularJS
- MVC5开发前端框架angularJS快速入门(一)
- MVC5开发前端框架AngularJS快速入门之Controller
- MVC5开发前端框架AngularJS快速入门之Service
- MVC5开发前端框架AngularJS快速入门之Service
- MVC5开发前端框架angularJS快速入门(一)
- 前端开发入门:AngularJS
- angularjs 路由---angularjs 搭建前端框架
- angularjs(二):前端开发框架三剑客—AngularJS VS. Backone.js VS.Ember.js
- 徐飞:基于AngularJS的企业软件前端架构
- AngularJs实现基于角色的前端访问控制
- 基于AngularJS的个推前端云组件探秘
- myeclipse加载buiding workspace慢解决方案
- 程序员找女朋友的技术攻略
- Hashcode的作用
- 关于tomcat6、7和8编码上的不同
- mybatis实战教程(mybatis in action)之三:实现数据的增删改查
- 基于angularjs的前端开发框架 - PageSwitcher
- iostream,iostream.h差异
- 这两天贵州天天下暴雨
- Android上传文件到服务器
- php5定义常量
- epoll使用详解(精髓)
- 买颜料(简单贪心)
- ORACLE的UTL_FILE包
- WScript.Shell对象的这两个方法Run和Exec的区别