随笔分类 -  Angularjs

在Angular1.X中使用CSS Modules
摘要：在Angular1.5中，增加了一个Component方法，并且定义了组件的若干生命周期hook，在代码规范中也是推崇组件化开发，但是很遗憾的是，CSS模块化组件化的问题并没有得到解决，大部分项目的打包方式还是将所有CSS打包成一个完整的CSS文件，然后插入到html中，这样做的坏处显而易见，如果团 阅读全文
posted @ 2016-09-11 15:24 myzhibie 阅读(2845) 评论(0) 推荐(4)
Angular1.x组件通讯方式总结
摘要：Angular1开发模式 这里需要将Angular1分为Angular1.5之前和Angular1.5两个不同的阶段来讲，两者虽然同属Angular1，但是在开发模式上还是有较大区别的。在Angular1.4及以前，主要是基于HTML的，将所有view划分为不同的HTML片段，通过路由，transc 阅读全文
posted @ 2016-08-06 22:17 myzhibie 阅读(8737) 评论(0) 推荐(0)
一步步构建自己的AngularJS(2)——scope之$watch及$digest
摘要：在上一节项目初始化中，我们最终得到了一个可以运行的基础代码库，它的基本结构如下： 其中node_modules文件夹存放项目中的第三方依赖模块，src存放我们的项目代码源文件，test存放测试用例文件，.jshintrc是jshint插件的配置文件，karma.conf.js是karma的配置文件， 阅读全文
posted @ 2016-02-29 22:54 myzhibie 阅读(1969) 评论(2) 推荐(2)
一步步构建自己的AngularJS(1)——项目初始化
摘要：Angular1距离2009年发布已经好多年了，Angular2也已经出了Beta版，估计今年就能正式发布。大多数人对于Angular1.X的认识仅限于能够在项目中使用，对于其中的深层原理知道的并不多。市面上也没有特别好的介绍Angular实现原理的教程或者书籍。今天在看技术文档的时候偶然发现了一本 阅读全文
posted @ 2016-02-28 13:16 myzhibie 阅读(13241) 评论(0) 推荐(2)
Angular2.0-组件
摘要：截止到目前为止，Angular2.0完成了其alpha-32版本的开发，新的版本还在迭代开发当中，这其中有个问题，就是每个版本相比于以前的版本都会有一些改动，包括API方面的修改，这会导致很多基于以前版本写的demo都无法运行，而且其官网上给出的教程也是基于之前的版本而没有及时更改，这就造成了即使按... 阅读全文
posted @ 2015-07-25 16:13 myzhibie 阅读(7459) 评论(6) 推荐(0)
Angular2.0快速开始
摘要：目前Angular2.0开发者预览版已经发布，和Angular1.x相比，发生了很多颠覆性的变化，随后Angular2团队在官网上给出了一个5分钟快速开始的教程，用于编写一个hello world级别的ng2的web应用，但是由于其中涉及到的新东西比较多，变化较大，仅仅是搭建环境并运行这个环节就不是... 阅读全文
posted @ 2015-07-22 13:43 myzhibie 阅读(12017) 评论(7) 推荐(7)
angularjs实现IOS8自带计算器
摘要：最近看到一则面试题目，要求使用angularjs实现一个计算器，利用放假时间实现了一个仿iOS8风格的计算器，功能基本和iOS自带的计算器是一致的。查看demo,接着给出实现过程。首先创建angularjs的基本项目就不说了，最好是利用yeoman这个脚手架工具直接生成,如果没有该环境的，当然也可以... 阅读全文
posted @ 2015-04-06 23:42 myzhibie 阅读(2952) 评论(0) 推荐(1)
angularjs学习笔记3-directive中scope的绑定修饰符
摘要：在angularjs中，一个directive返回一个对象，对象存在很多属性，并且可以在directive中自定义自己的scope，而使用自己的scope是为了防止一个directive被使用在多个地方之间发生相互影响，通常这个scope可以被定义为true或者对象，当这个scope被定义为true... 阅读全文
posted @ 2014-11-01 16:27 myzhibie 阅读(598) 评论(0) 推荐(0)
angularjs学习笔记2—运行phonecat项目
摘要：如果你去angularjs中文网看它的教程，你会发现一开始它提供了一个phonecat的引导项目，这个项目是angular官方给出的一个类似于demo的教程项目，并配有相应文档，按照这个项目并配合文档学习我想可能会取得很好的效果，而且这个项目本身也具有很好的借鉴意义，基本上涵盖了利用angularj... 阅读全文
posted @ 2014-10-30 14:35 myzhibie 阅读(901) 评论(0) 推荐(0)
angularjs学习笔记1-angular总体简介及其特点
摘要：以前开发（web或者移动端）前端主要使用jQuery+原生js,如果使用某些前端UI框架的话，它自己还可能提供一些API可以使用。而且目前很多UI框架都是基于jQuery的，所以说一下由jQuery跨到angularjs跨度较大，研究了一段时间的angularjs ,下面从整体上说说感受吧:关于和j... 阅读全文
posted @ 2014-10-27 17:29 myzhibie 阅读(804) 评论(0) 推荐(0)
具有jQuery背景的程序员如何转换为AngularJS思考模式（译）
摘要：最近一直在研究angularjs,最大的感受就是它和之前的jQuery以及基于jQuery的各种库设计理念完全不同，如果不能认识到这点而对于之前做jQuery开发的程序员，去直接学习angularjs的话，很可能学了很久还不知道这个东西能用来干什么以及怎么使用，怎么和UI进行结合等问题,在stack... 阅读全文
posted @ 2014-10-23 21:36 myzhibie 阅读(496) 评论(0) 推荐(0)