AngularJS高级程序设计读书笔记 -- 大纲篇

零. 初衷现在 AngularJS 4 已经发布了, 楼主还停留在 1.x 的阶段, 深感自卑. 学习 AngularJS 的初衷是因为, 去年楼主开始尝试使用 Flask 开发自动化程序, 需要用到大量的表单, Flask-wtf 的功能不能满足要求, 并且不够灵活, 所以在某老猿的建议下开始尝试使用 AngularJS 来写表单. 第一感觉是惊艳, 原来可以这么 easy, 所以想深入的学习一下, 并买了若干本书. 是去年买的, 网上的评价不是太高, 但是楼主觉得讲的比较轻松和易懂, 所以…

AngularJS高级程序设计读书笔记 -- 服务篇

服务是提供在整个应用程序中所使用的任何功能的单例对象. 单例 : 只用一个对象实例会被 AngularJS 创建出来, 并被程序需要服务的各个不同部分所共享. 1. 内置服务一些关键方法也被 AngularJS 成为服务. 如 $scope, $http. 2. 自定义服务 2.1 Module.service(name, constructor) service 方法由两个参数: 服务名和调用后用来创建服务对象的工厂函数. 当 AngularJS 调用工厂函数时, 会分配一个可通过 this…

AngularJS高级程序设计读书笔记 -- 过滤器篇

一. 过滤器基础过滤器用于在视图中格式化展现给用户的数据. 一旦定义过滤器之后, 就可在整个模块中全面应用, 也就意味着可以用来保证跨多个控制器和视图之间的数据展示的一致性. 过滤器将数据在被指令处理并显示到视图中之前进行转换, 而不必修改作用域中原有的数据, 这样能够允许同一份数据在应用中的不同部分以不同的形式得以展现. 过滤器可以执行任意类型的转换, 但是大多数情况下, 用于格式化或者对数据以某种方式排序. 二. 内置过滤器 1. 过滤单个数据的值名称描述 currency 该过滤器对…

AngularJS高级程序设计读书笔记 -- 指令篇之自定义指令

2. 自定义指令(15-17 章) Module.directive(name, factory) 2.1 创建自定义指令的方法 Module.directive(name, factory) 示例 : <script> var myApp = angular.module('exampleApp', []) myApp.contorller('dayCtrl', function($scope){ var dayName = ["Sunday", "Monday…

AngularJS高级程序设计读书笔记 -- 指令篇之内置指令

1. 内置指令(10-12 章) AngularJS 内置超过 50 个内置指令, 包括数据绑定,表单验证,模板生成,时间处理和 HTML 操作. 指令暴露了 AngularJS 的核心功能, 如事件处理,表单验证,模板等. 1.1 数据绑定指令数据绑定: 使用模型中的值, 并将其插入到 HTML 文档中.所有的数据绑定指令, 都可以当做一个属性或者类使用. 属性 : <span ng-bind="todos.length"></span> 属性可能会导…

AngularJS高级程序设计读书笔记 -- 控制器篇

作用域组成了一个能够用于在控制器之间形成通信的体系结构. 1. 控制器和作用域的基本原理控制器就像领域模型与视图之间的纽带, 他给视图提供数据与服务, 并且定义了所需的业务逻辑, 从而将用户行为转换成模型上的变化. 控制器从模型中暴露数据给视图, 以及基于用户与视图的交互使模型产生变化所需的逻辑. 控制器可用于向所支持的视图提供作用域. 示例代码: <!DOCTYPE html> <html ng-app="exampleApp"> <head>…

AngularJS高级程序设计读书笔记 -- 模块篇

一. 模块基础 1. 创建模块 <!DOCTYPE html> <html ng-app="exampleApp"> <head> <title>Test</title> <script type="text/javascript"> var myApp = angular.module("exampleApp", []); myApp.controller('dayCtrl…

javascript高级程序设计读书笔记-事件（一）

读书笔记,写的很乱事件处理程序事件处理程序分为三种: 1.html事件2. DOM0级,3,DOM2级别没有DOM1 同样的事件 DOM0会顶掉html事件因为他们都是属性而DOM0比html事件执行的晚(可以理解为谁离html元素近先执行谁) JS事件执行顺序理解先捕获(document-往下)->目标阶段(执行)->冒泡(具体到不具体); addEventListener 第三个参数默认false (false 是冒泡阶段执行) true 是捕获阶段执…

javascript高级程序设计读书笔记

第2章在html中使用javascript 一般都会把js引用文件放在</body>前面,而不是放在<head>里, 目的是最后读取js文件以提高网页载入速度. 引用js文件时可以使用defer属性, 意思是延迟加载, 最后加载. 或者async属性, 意思是异步加载,不必等待其他脚本加载也不会阻塞文档加载. <script type='text/javascript' defer='defer' src='example.js'></script> &…

Javascript高级程序设计读书笔记（第六章）

第6章面向对象的程序设计 6.2 创建对象创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤: 创建一个新对象: 将构造函数的作用域赋给新对象: 执行构造函数中的代码: 返回新对象. 构造函数的问题:每个方法都要在每个实例上重新创建一遍: 理解原型对象: 无论何时,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象.默认情况下,所有原型对象都会自动获得一个constructor属性,这个属性包含一个指向proto…

JavaScript高级程序设计-读书笔记(7）

第22章高级技巧 1.高级函数 (1)安全的类型检测在任何值上调用Object原生的toString()方法,都会返回一个[object NativeConstructorName]格式的字符串.每个类在内部都有一个[[Class]]属性,这个属性中就指定了上述字符串中的构造函数名. 基于这一思路来测试某个值是不是原生函数或正则表达式,如: function isFunction(value){ return object.prototype.toString.call(value) ==…

JavaScript高级程序设计-读书笔记（2）

第6章面向对象的程序设计创建对象 1.最简单方式创建Object的实例,如 var person = new Object(); person.name = “Greg”; person.age = 27; person.job = ”Doctor”; person.sayName = function() { alert(this.name); }; person. sayName(): 缺点:会产生大量重复代码 2.工厂模式:用函数来封装以特定接口创建对象的细节,如 function c…

Javascript高级程序设计--读书笔记之面向对象（一）

哈哈哈万物皆对象,终于到了js的面向对象篇. 一.属性类型 (1)数据属性数据属性包含一个数据值的位置,在这个位置可以写入和读取数值,数据属性有四个描述器行为的特性 [[Configurable]]:表示能否通过 delete 删除属性而重新定义属性,默认值是ture [[Enumerable]]:表示能否通过 for-in 循环返回该属性,默认值true [[Writable]]:表示能否通过修改属性的值,默认值true [[Value]]:包含这个属性的数据值,默认值true 要修改默认属…

JavaScript高级程序设计读书笔记第二章

javascript高级程序设计读书笔记2

第五章引用类型对象是引用类型的实例,引用类型是一种数据结构,将数据和功能组织在一起.描述的是一类对象所具有的属性和方法.对象是某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数俩创建的,构造函数本身就是一个函数,只不过该函数试处于创建新对象的目的而定义的. eg: var person = new Object(); 1.创建Object实例的方式有两种一:new+Object 二:对象字面量 var person = new Object(); var pers…

javascript高级程序设计读书笔记1

第二章在HTML中使用JS 加载JS有三种:行内,head头部和外部链接JS 最好使用外部链接<script src="example.js" ></script>(推荐),在script标签中不需要放任何代码,放了也会被忽略.也可以使用<script src="example.js" /> 但是语法不符合HTML规范所以不要这样写. 在传统做法中,script放在head中,但是会等到加载完JS再执行DOM,页面会延…

JavaScript高级程序设计读书笔记

第一章 JavaScript 简介第二章 Html中使用JavaScript 第三章基本概念第四章变量,作用域,内存第五章引用类型第六章面向对象第七章函数表达式第八章 BOM 第九章客户端检测能力检测怪癖检测用户代理检测第十章 DOM DOM2 DOM3 DOM扩展第13章事件第14章表单脚本第15章使用Canvas 绘图第16章 HTML5 脚本编程第17章错误处理与调试第20章 JSON 第21章 Ajax 与 Comet 第22章高级技…

JavaScript高级程序设计读书笔记第一章

JavaScript是一种专门为与网页交互而设计的脚本语言 JavaScript实现 ECMAscript---核心 DOM---文档对象模型 BOM---浏览器对象模型…

Javascript高级程序设计读书笔记（第10章 DOM）

第10章 DOM 10.1 节点层次每个节点都有一个nodeType属性,用于表明节点的类型.任何节点类型必是下面中的一个: Node.Element_NODE(1); NODE.ATTRIBUTE_NODE(2); Node.TEXT_NODE(3); Node.CDATA_SECTION_NODE(4); Node.ENTITY_REFERENCE_NODE(5); Node.ENTITY_NODE(6); Node.PROCESSING_INSTRUCTION_NODE(7); Nod…

Javascript高级程序设计读书笔记（第三章）

第3章基本概念 3.4 数据类型 5种简单数据类型:undefined.boolean.number.null.string. typeof操作符,能返回下列某个字符串:“undefined”.“boolean”.“number”.“string”.“object”.“function” typeof null = "object" 对未初始化和未声明的变量执行typeof操作都返回“undefined”,如下所示 var message; //未初始化 //var age; //未…

Javascript高级程序设计读书笔记（第二章）

第二章在HTML中使用Javascript 2.1<script>元素延迟脚本(defer = "defer")表明脚本在执行时不会影响页面的构造,脚本会被延迟到整个页面都解析完毕后再运行.相当于告诉浏览器立即下载,但延迟执行.HTML5规定要求脚本按照它们出现的先后顺序执行. 异步脚本(async)如果有多个脚本文件,执行顺序不确定,指定async属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容. XHTML代码的规则比编写HTML严格得多,下面…

JavaScript DOM 高级程序设计读书笔记二

响应用户操作和事件事件就是操作检测与脚本执行的组合,或者基于检测到的操作类型在某个对象上调用事件侦听器(事件处理程序). 事件的类型事件可以分为几种类型:对象事件,鼠标事件,键盘事件(只适用于document对象),表单事件,自定义事件. 控制事件流和注册事件侦听器事件流描述的是从页面中接收事件的顺序:事件侦听器,就是一个常规的JavaScript函数. 三个阶段和三个模型事件冒泡:指的是目标元素的事件方法优先并且会被首先执行,然后,事件会向外传播到每个祖先元素,直至document对象…

JavaScript DOM 高级程序设计读书笔记一

创建可重用的对象简而言之,对象就是包含一组变量(称为属性)和函数(称为方法)的集合的实例.对象通常由类派生而来,而类中定义了对象拥有的属性和方法.如果你的脚本中都是对象之间的交互操作,那么就可以称之为OO(Object Oriented,面向对象)的脚本.特别要说明的是,JavaScript 是一种原型式(prototype-style)的OO语言,没有类的概念,所有一切都派生自现有对象的一个副本.JavaScript 的主要内置对象有:Object, Function, Array, Str…

JavaScript高级程序设计-读书笔记（6）

第20章 JSON JSON是一个轻量级的数据格式,可以简化表示复杂数据结构的工作量 JSON的语法可以表示一下三种类型的值 l 简单值:使用与JavaScript相同的语法,可以在JSON中表示字符串.数值.布尔值和null.但JSON不支持JavaScript中的特殊数值undefined. “Hello world!” l 对象(属性的值可以是简单值,也可以是复杂类型值,如下这样在对象嵌入对象) { “name” : ”Nicholas”, “age” : 29…

JavaScript高级程序设计-读书笔记（5）

第13章事件 1.事件流事件流描述的是从页面中接收事件的顺序.IE的事件流是事件冒泡流,而Netscape Communicator的事件流是事件捕获流. (1)事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档).以下面为例,如果你单击了页面中的<div>元素,那么这个click事件会按照如下顺序传播: (2)事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点应该最后接收到事件.事件捕获的用意在于事件到达预定目标之前捕获它.以下面为例,如果你…

JavaScript高级程序设计-读书笔记（4）

第11章 DOM扩展 1.选择符API Selector API Level 1 的核心是两个方法:querySelector()和querySelectorAll().在兼容的浏览器中,可以通过Document及Element类型的实例调用它们.目前完全支持Selector API Level 1的浏览器有IE 8+. Firefox 3.5+. Safari 3.1+. Chrome和Opera 10+. querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,…