正则表达式

写出由字母开头，其余由数字、字母、下划线组成的 6~30 的字符串

^[a-zA-Z]{1}[\w]{5,29}$

写出正确的正则表达式匹配固话号

区号3-4位，第一位为0，中横线，7-8位数字，中横线，3-4位分机号格式的固话号

^[0]\d{2,3}\-\d{7,8}\-\d{3,4}$

要求最短6位数，最长20位，阿拉伯数和英文字母（不区分大小写）组成

^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[a-zA-Z\d]{6,20}$

输出结果是

1
2

var bool = !!2; 
alert(bool)；//true;

双向非操作可以把字符串和数字转换为布尔值。

1、javascript 的 typeof 返回哪些数据类型

1
2
3
4
5
6
7
8
9

alert(typeof [1, 2]); //'object'
alert(typeof 'leipeng'); //'string'
var i = true; 
alert(typeof i); //'boolean'
alert(typeof 1); //'number'
var a; 
alert(typeof a); //'undefined'
function a(){;};
alert(typeof a) //'function'

2、 3 种强制类型转换和 2 种隐式类型转换

强制（parseInt(),parseFloat(),Number()）
隐式（== ,!!）

1、浏览器的内核

IE: trident内核
Firefox：gecko内核
Safari:webkit内核
Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核
Chrome:Blink(基于webkit，Google与Opera Software共同开发)

2、Doctype

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 标签之前。
此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
重点：告知浏览器该以何种模式来渲染文档
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

豆瓣电影列表项目说明

使用 AngularJS + Bootstrap + Node.js 构建的一个电影列表展示单页应用

启动项目

1

$ nodemon add.js

或者：

1

$ node add.js

豆瓣开发接口 API

• 所有的接口地址都是以：http://api.douban.com/v2 开头的
• 正在热映 http://api.douban.com/v2/movie/in_theaters
• 即将上映 http://api.douban.com/v2/movie/coming_soon
• top250 http://api.douban.com/v2/movie/top250
• search http://api.douban.com/v2/movie/search?q={text}
• 电影条目接口: http://api.douban.com/v2/movie/subject/:id

写在最前：由于 ng 的表达式和博客有冲突，所以除了代码块之外所有的大括号经过了 \ 转义！

Angular 介绍

什么是框架和库

库是由开发人员主动使用库里面提供的 API，完成代码功能逻辑

框架里面提供了各种各样的库，这些库可以调用使用，也可以由框架去调用使用

什么是 AngularJS

• 一款非常优秀的前端高级 JavaScript 框架
• 可以轻松构建 SPA 应用程序
• 通过 指令 扩展了 HTML，通过 表达式 绑定数据到 HTML
• 最大程度上解放了 DOM 操作
• 构建更加动感的 HTML 应用程序

AngularJS是为了克服HTML在构建应用上的不足而设计的。AngularJS有着诸多特性，最为核心的是：

• MVC
• 模块化
• 自动化双向数据绑定
• 语义化标签、依赖注入等等

为什么使用 Angular

历史上，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的 require、Python 的 import ，甚至就连 CSS 都有 @import ，c 语言中的 include，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。

JavaScript 模块化开发

模块化介绍

当你的网站开发越来越复杂的时候，会经常遇到什么问题？

1、模块化思想可以让开发更高效
2、实现模块化需要解决一个任务，这个任务就是依赖关系
3、浏览器端 js 是天然不能实现模块
4、有一些库弥补了浏览器端 js 的一些缺陷，实现了模块化并解决了依赖关系

将这种库称为模块加载器，RequireJS、SeaJS

这些模块加载器定义了自己的规范，必须尊早这些规范才能正常工作。

以 SeaJS 为例子：

项目构建是指项目上线之前对项目源代码进行一系列处理，使其以最佳的形式运行于线上服务器。常见处理任包括以下几方面：

1、模块化开发可以实现功能的复用并解决模块间的依赖关系，但带来好处的同时也使得功能代码的碎片化（若干文件）程度增加。

2、使用less、sass等预处理器，可以降低CSS的维护成本，最终需要将这些预处理器编译成css文件；

3、对静态资源（css、js、html、images）压缩合并可以提升网页打开速度，提高性能；

以上任务完如果完全靠手动来完成是非常耗时耗力的且容易出错，实际开发通常借助构建工具来实现。

所谓构建工具是指通过一系简单配置就可以帮我们实现合并、压缩、校验、预处理等一系列任务的软件工具。

常见的构建工具包括：Grunt、Gulp、F.I.S（百度出品）、webpack等。

Gulp是基于 Nodejs 开发的一个构建工具，借助 gulp 插件可以实现不同的构建任务，其以简洁的配置和卓越的性能成为目前主流的构建工具。

全局安装

1

$ npm install -g gulp

Gulp基础

php基础

文件以.php后缀结尾，所有程序包含在 <?php ** 这里是代码 ** ?>

避免使用中文目录和中文文件名，php页面无法直接打开需要运行在服务器环境当中。