1. Angular 2 In 60 Minutes (2016年11月23日) https://www.youtube.com/watch?v=-zW1zHqsdyc 2. AngularJS Cli https://cli.angular.io/ https://www.youtube.com/watch?v=QMQbAoTLJX8 (Simple Angular 2 App With Angular CLI) http://www.tuicool.com/articles/z6V3Ubz…

.... .directive('scopeDemo',function(){ return{ template: "<div class='panel-body'>Name: <input ng-model=name /></div>", scope:true  // 设置scope属性为true将允许我在同一个控制器里复用这个指令 scope:{}  //创建一个隔离的作用域 scope:{local: "=nameprop"…

尝试了网上的yeoman generator 生成的脚手架项目不甚理想 npm install -g generator-angular-require yo angular-require 就不用那个了,如今在github上找来一个细致研究下. 文件夹结构: 符合yeoman脚手架的基本文件夹结构 重点看一下 script下的文件夹结构 main.js /*jshint unused: vars */ require.config({ baseUrl: '../scripts', paths:…

本文讲解typescript语法 由于js语法本身的混乱,再加上目前框架的割据,导致typescript用起来没有一致性,本文尽量总结实际开发中可能会用到的知识点 目录 数据类型 类型断言 duck typing 函数类型的验证 索引验证 类验证 接口扩展 泛型 与第三方库一起使用 命名空间 react组件属性验证 数据类型 Boolean 布尔类型 let isDone: boolean = false; Number 数字类型 let num: number = 5; String 字符串类…

使用Typescript来写javascript 前几天尝试使用haxejs来写javascript,以获得静态类型带来的益处.虽然成功了,但很快发现将它与angularjs一起使用,有一些不太顺畅的地方,导致开发效率没有提升,反而下降了.虽然我认为使用haxejs来写普通的js(或者与jquery相关的js)没有问题,但不适合与angularjs这样与HTML侵入较大的js框架配合. 昨天偶然发现idea居然支持typescript了,于是打算尝试一下typescript,目前的感觉还不错,相…

MVVM大比拼之AngularJS源码精析 简介 AngularJS的学习资源已经非常非常多了,AngularJS基础请直接看官网文档.这里推荐几个深度学习的资料: AngularJS学习笔记 作者:邹业盛 .这个笔记非常细致,记录了作者对于AngularJS各个方面的思考,其中也不乏源码级的分析. 构建自己的AngularJS .虽然放出第一章后作者就写书去了.但这第一部分已经足以带领读者深入窥探angularJS在核心概念上的实现,特别是dirty check.有愿意继续深入的读者可以去买书…

在使用Anguarjs进行web开发或者进行SPA(single page application)开发时,往往会遇到下面这样的问题. 刷新页面时,页面会出现一些乱码,这里的乱码具体是指`{{expression}}`或者`{{expression | filter}}`这种形式的表达式乱码,然后这些乱码又快速的消失了,然后页面就正常了.这个问题的原因是,在一些现代浏览器,比如Chrome,Firefox等中尤为严重.当然还跟环境的网络速度有关. 出现这个问题的根本原因是,JavaScript操…

大部分传统的模板系统,对模板的渲染是个线性单向的过程:模板或变量与模板混合在一起产生结果的标记集合.任何对模型的改变都需要通过模板的重新计算.但AngularJS有所不同,任何用户引发的视图的改变,都会映射在模型上,继而任何模型的改变,也会立即传播到整个模板. 一.作用域 AngularJS中的$scope对象是模板的域模型(domain model),也称为作用域实例(instance).通过对其赋值,可以传递数据给模板渲染. 每个$scope都是Scope类的实例.Scope类有很多方法,用…

最近学习:METEOR 及ANGULARJS,收藏相关资源: 1.METEOR 中文书:http://zh.discovermeteor.com/ 2.METEOR 及ANGULARJS 联合开发:http://angularjs.meteor.com/tutorial/next_steps 3.METEOR 的路线图:https://trello.com/b/hjBDflxp/meteor-roadmap 4.百科全书:    http://www.meteorpedia.com/ 5.课件…

最近学习了下angularjs指令的相关知识,也参考了前人的一些文章,在此总结下. 欢迎批评指出错误的地方.   Angularjs指令定义的API AngularJs的指令定义大致如下 angular.module("app",[]).directive("directiveName",function(){ return{ //通过设置项来定义 }; }) 其中return返回的对象包含很多参数,下面一一说明 1.restrict (字符串)可选参数,指明指令在…