项目简介

• 该项目是一个 angular + gulp 搭建起来的简易框架。
• Angular 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI 组件。它支持整个开发进程，提供 Web 应用的架构，无需进行手工 DOM 操作。 AngularJS 很小，只有 60K，兼容主流浏览器。
• Gulp 是一个自动化构建工具，通过代码优于配置的策略，它可以让简单的任务简单，复杂的任务更可管理；通过流式操作，减少频繁的 IO 操作，更快地构建项目。

Demo

项目目录

1
2
3
4
5
6
7
8

├── dist                   // 打包后生成的静态文件
│   ├── app.js
│   └── index.html
├── package.json           // 项目配置文件
├── src                    // 项目源文件
│   ├── app.js
│   └── index.html
└── webpack.config

其的温文儒雅总感染着我，午后的阳光似乎因为那温柔的语气变得安谧了好些许，我不知道怎么形容才是最恰当的，我只是想听听这种声音，你身上那动人的故事，像是空气里的棉絮飞舞着，你真是个美好的姑娘，失恋了还那么美，你过得不好，你失落却在转眼间笑出了泪花，你说从没这么疯狂地做过这种事情，我想人总要在某个低谷觉得自己一无所有才会豁出去，你有很多顿悟，我希望我可以尽可能理解你，

字体不换行，超出加省略号

1
2
3

white-space: nowrap; //	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止
overflow: hidden;
text-overflow: ellipsis;

判断对象是否包含某属性

自身实例&原型链

存在于自身实例和原型链上的，均返回 true, 否则返回 false

• instanceof

• in

• Object.prototype.isPrototypeOf(XXXX)

自身实例

只有来自自身对象，返回true，否则返回false

• hasOwnProperty

获取实例对象所有属性

• Object.getOwnPropertyNames(XXXX.prototype)

可参考《javascript高级程序设计》第六章

Javascript由三部分组成：

• ECMAScript:javaScript的核心
• DOM:规定了访问HTML和XML的接口
• BOM:提供了独立于内容而在浏览器窗口之间进行交互的对象和方法

ECMAScript

这部分不属于浏览器，它可以定义变量，函数等

js代码：

1
2
3
4
5
6
7
8

let screenWidth = document.body.clientWidth;
if (screenWidth < 768) {
}
if (screenWidth >= 768 && screenWidt < 992) {
}
if (screenWidth >= 992) {
}

• 清晰项目脉络 (不写重复性代码，可复用则复用)
• 读懂需求，分析需求 (如文案见解，提出自己建议)
• 不照搬代码，而要理解原理（如$reslove 和 $http）
• 建立属于自己的库，分多类：js， angular
• 文档整齐整理，不复制，多自己手写
• 清晰项目脉络 (不写重复性代码，可复用则复用)

XHR介绍

XMLHttpRequest 对象用于在后台与服务器交换数据。

可以在chrome console输入以下代码

1
2
3
4

var url = 'https://abigaleypc.github.io/';
var xmlhttp=new XMLHttpRequest(); //创建 XMLHttpRequest 对象
xmlhttp.open("GET",url,true); //open() 方法已调用，但是 send() 方法未调用。请求还没有被发送。
xmlhttp.send(null); //Send() 方法已调用，HTTP 请求已发送到 Web 服务器。未接收到响应。

$location服务解析地址栏中的URL（基于window.location），让你在应用代码中能获取到。改变地址栏中的URL会反应$location服务中，反之亦然。

$location服务:

• 暴露当前地址栏的URL，这样你就能

  • 获取并监听URL。
  • 改变URL。

• 当出现以下情况时同步URL

  • 改变地址栏
  • 点击了后退按钮（或者点击了历史链接）
  • 点击了一个链接
• 一系列方法来获取URL对象的具体内容用（protocol, host, port, path, search, hash）.formatDate