angular1.x作为经典的mvc框架,可以创建能够复用的组件,也可进行双向数据绑定.国内的vue.js/avaloon.js都是同类型的框架.适合使用angularjs的项目有大型信息化管理系统:企业资源计划(ERP).它适合表单多,模块多的项目,hybrid app,不适合高并发的项目. angular表达式{{}}eg:…

Angular1还是Angular2 学完angular1,尝试去看了下angular2,虽然号称更强更快,可是这基于ES6和TypeScript的全新框架让人完全招架不住,而且我只是需要angular来开发自己的应用,稳健可靠才是最重要的,完全没必要尝鲜了,像下面的文章里面说的,等ES6全面普及,移动端全面支持ES6的时候,自己掌握ES6 + TypeScript之后再切入才是最合适的.当下将angular1掌握好,有时间再搞一下Vue,未来我们再见Angular2. 干货阅读 Angular…

在Angular1.5中,增加了一个Component方法,并且定义了组件的若干生命周期hook,在代码规范中也是推崇组件化开发,但是很遗憾的是,CSS模块化组件化的问题并没有得到解决,大部分项目的打包方式还是将所有CSS打包成一个完整的CSS文件,然后插入到html中,这样做的坏处显而易见,如果团队没有良好的CSS代码规范,很容易引起CSS的冲突,本文使用CSS Modules来解决Angular1.X中存在的CSS 冲突问题. 为了便于读者查看并动手操作,我将所有的代码打包成了一个库,首先在…

前言: 在我前面的博客,angular项目总结——angular + browserify + gulp + bower + less 架构分享  把我开发angular的架构进行了分享,并上传到了github https://github.com/zimv/zmNgFrameWork . 而后我又在我的 gulp系列 里分享了 gulp-rev:项目部署缓存解决方案----gulp系列(六) ,也更新了github上gulpStart的rev分支 https://github.com/zimv…

Angular1开发模式 这里需要将Angular1分为Angular1.5之前和Angular1.5两个不同的阶段来讲,两者虽然同属Angular1,但是在开发模式上还是有较大区别的.在Angular1.4及以前,主要是基于HTML的,将所有view划分为不同的HTML片段,通过路由,transclude,include等方式,按照用户行为切换显示不同界面.对于每个template内部来讲,可以是纯HTML,也可以是自定义的directive.directive之间可以有层级关系,也可以没有层…

如今前端界angular react vue三大框架并驾齐驱,其中有一个共同点就是组件化开发,这也符合w3c 推行Web Components的趋势.现如今不懂组件化开发的前端绝对不是好厨子.跳槽新公司pc端使用angular1.5的Components比较多,趁着入职前几天自己看一下. 由于angular2.0学习曲线比较陡峭(对于我这种菜鸡来说),为了让开发者平稳的从angular1.x 版本过渡到angular2,所以angular1.5中引入了components,需要注意的是所有com…

使用了angular1一年下来,完成了若干项目,承蒙此框架的强大带来了不算差的项目编写体验,但1.*版本的angular,确实是有厉害的地方也有其尴尬的地方,包括较多数据的渲染的性能问题,还有就是可能很多人都会觉得ng提供的很多语法很限制.总结就是ng1这个框架,试试水会觉得它厉害到不行,深入了会碰到很多尴尬的问题点,优化起来是一条极漫长的道路(有很多小技巧来提升ng1的性能,这其实不是个好现象,对开发者的经验要求高,除非说用来出面试题啦). 乃至现在React啦Vue啦风头都盖过了ng,主打框…

angular1路由切换过程中swiper不能使用. 问题1:在刚开始使用angular1的路由时,好多人会将swiper的初始化写在模板的父控制器上,这样会造成一个问题,swiper的初始化只在页面刚加载的时候初始化一次,在路由的切换过程中,模板虽然重新加载了,但是swiper的初始化不会再执行.因此就会造成swiper不好使.  解决方案:可以将swiper的初始化放在模板相对应的controller里面即可.  问题2:将swiper的初始化放在相对应的controller里面以后,如果还…

angular1.x和ES6开发风格 一.Module ES6有自己的模块机制,所以我们要通过使用ES6的模块机制来淡化ng的框架,使得各业务逻辑层的看不出框架的痕迹,具体的做法是: 把各功能模块的具体实现代码独立出来. module机制作为一个壳子,对功能模块进行封装. 每个功能分组,使用一个总的壳子来包装,减少上级模块的引用成本. 每个壳子文件把module的name属性export出去. 举例来说,我们有一个moduleA,里面有serviceA,serviceB,那么,就有这样一些文件:…

打包思想:ionic和angular混合开发app,那么纯angular1的项目也是可以打包出来. 技术需要:安装一个新的ionic2的项目,环境配置成功,这里打包的配置需要 http://www.cnblogs.com/changyaoself/p/8309739.html 及配置环境 http://www.cnblogs.com/changyaoself/p/6544082.html 项目结构必须: 你的angular1的项目必须有index.html且在根目录下. 1.分析ionic2的工…