基本概念 git： 工具，版本控制 github：网站，社交平台，开源项目，远程仓库 配置 git config --list: 设置贡献者和查看所有配置项 设置贡献者 设置：name,email {代码...} 查看配置项 {代码...} 修改别名： {代码...} GIT三个区 工作区 暂存区 {代码...} 版本区（库） GIT工具作用 从服务器上克隆完成的GIT仓库(包括代...

不使用框架的问题 在实际工作中，如果不使用框架会遇到的问题。 程序项目生命时间非常短（维护性，生命力弱） 分共协作开发项目，彼此代码风格不一致。 开发程序，喜欢挖坑。 开发者离职，需要有人维护该离职着的代码风格. 牵一发而动全身 框架的最大的特点使得程序的业务逻辑与数据模型分开。 相关信息 ThinkPhp， 面向...

模板 数据与表现层的标签分离 smarty是PHP 与 HTML代码的分离 小型模板类 $smarty 的工作流程： 把需要显示的全局变量，赋值塞到对象内部的属性上，一个数组中. 编译模板，把{$标签},解析成相应的<?php echo 代码 引入编译后的PHP文件 使用smarty的步骤: smarty是一个类，要使用，需要先引入并实例化 assign赋值 disp...

业务：做一个在线投票，给歌手投票。要求：无刷新，并且不允许使用XMLHttpRequest对象.分析:在XHR对象，没有流行之前，已经有了“无刷新”这种效果的方法.

HTTP协议介绍 重要性：是使用webservice，还是rest做大型架构，都离不开对HTTP协议的认识 简化的说：webservice = http协议 + XMLRest = http协议 + JSON 各种API，也是通过http + XML/JSON来实现 做采集，需要对http协议有所了解，以及ajax，对http协议理解. 协议 计算机中的协议和现实中的协议是一样的，一式双份/多份...

基本介绍 用途广泛，很多网站都继承了在线支付功能，如paypal，网银在线，易宝支付，支付宝，快钱等第三方平台. 原理 基本上，每个银行都有自家的支付接口，为什么不直接连接到银行的接口去支付，而需要通过第三方支付? 银行众多，每家的银行用的技术不一样，比如招行使用.net，农行使用java。 提供的支付地址和支付的接...

用户注册功能页面分析文件： reg.php作用：展示注册表单 {代码...} 文件：regAct.php作用：接收注册表单的信息判断数据调用UserModel把信息写入数据库 {代码...} 理解Cookie场景1：需要看自己的注册资料，即用户表的自己的信息。但是别人不允许看我的资料，我也不能看别人的信息。单单取出自己的信息.场景2：当前页面不...

GD库画图的典型流程 创建画布 创建各种颜料 绘画(如，写字，画线，画矩形等形状) 保存成图片 清理画布 {代码...} 字母数字验证码 {代码...} 中文验证码 {代码...} 扭曲验证码 {代码...} 图片处理类 水印 : 把指定的水印复制到目标上，并加透明效果 缩略图 : 把大图片复制到小尺寸画面上 图片信息 通过getimagesize() 获...

file_get_contents($filename); // 获取一个文件的内容或一个网络资源的内容.读取文件和网络资源比较快捷的函数，帮助封装了打开/关闭等操作。

Vue可以构建一个完全不依赖后端服务的应用，同时也可以与服务端进行数据交互来同步界面的动态更新。 Vue通过插件的形式实现了基于AJAX，JSPNP等技术的服务端通信。 vue-resource是一个通过XMLHttpRequrest或JSONP技术实现异步加载服务端数据的Vue插件 提供了一般的 HTTP请求接口和RESTful架构请求接口，并且提供了全局方...

将要验证的表单包裹在validator自定义元素指令中，而在要验证的表单控件元素的v-validate属性上绑定相应的校验规则。验证结果会保存在组建实例的$validation属性下。$validation是由validator元素和name属性和$ 前缀组件

Vue特性 Vue只是聚焦视图层，是一个构建数据驱动的Web界面的库。 Vue通过简单 API提供高效的数据绑定和灵活的组件系统 轻量 数据绑定 指令 插件化 架构从传统后台MVC 向REST API + 前端MV*迁移DOM是数据的一种自然映射 Vue核心：组件化和数据驱动 组件化: 扩展HTML元素，封装可重用的代码每个组件对应一个工程目录，组件...

Vuex 集中式状态管理 使用时机：每一个组件都拥有当前应用状态的一部分，整个应用的状态是分散在各个角落的。然而经常会需要把把状态的一部分共享给多个组件。 Vuex：一个专门为Vue.js 应用设计的状态管理架构. 状态管理：统一管理和维护各个vue组件的可变化状态(可以理解成vue组件里的某些data数据，全局变量) 出现背景...

一台服务器下有多个库，一个库下有1到多张表，表有多行多列的数据。postgresql也是一个开源数据库，而且sql标准执行方面，比mysql要严格。

vue-router 作用. 通过路由规则，渲染各自的组件。Vue开发，整个应用已经被拆分成了独立的组件。在使用vue-router时，把路由映射到各个组件。vue-router 把各个组件渲染到正确的地方。

对于C语言，C++，编译成机器码(二进制)来运行。Java语言，把.java 编译成.class， 称为bytecode(字节码)，由jvm来运行

WebPack是一款加载器兼容打包工具。可以处理各种资源：JS(JSX),coffee，less/sass，图片等。静态资源打包工具出色的前端自动化构件化工具，模块化工具，资源管理工具兼容多种JavaScript书写规范，具有更强大的JavaScript模块化功能

React简介 FeceBook开源的一套框架，专注于MVC的视图V模块。实质是对V视图的一种实现。 React框架的设计没有过分依赖于某个环境，它自建一套环境，就是virtual DOM（虚拟DOM）。 提供基础API：创建元素，渲染元素。 React的独特之处： 组件的组合模式，单向数据流的设计(Date Flow)，高效的性能(Virtual DOM)，分离的设...

简介 ES6目标，让JavaScript变成一个企业级的开发语言，不仅仅限制与前端页面的脚本语言。 {代码...} 编译 服务端使用 babel 编译 构建工具fis使用插件：fis-parser-babel2 编译ES6 {代码...} TypeScript与babel编译有区别： 例如：对一个类的编译TypeScript编译的结果是一个闭包类，babel编译的结果是一个安全类. {代码...

Yeoman安装 在Web项目的立项阶段使用yeoman来生成项目文件，代码结构。 提供自动化开发流程的一整套工具代码校验，测试，压缩 yeoman官网 {代码...} 需要安装generator 运行 {代码...} 按照步骤进行，如果报错找到不到的话，需要手动安装生成器generator。 例如：使用到angular项目： {代码...} 官方生成器 Bower安装 库...

TypeScript是JavaScript的超集，为JavaScript的生态增加了类型机制，并最终将代码编译为纯粹的JavaScirpt代码。

ECMA-262定义对象：无序属性的集合，其属性可以包含基本值，对象或者函数。普通理解：对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射一个值。

.sass ，.scssscss是对css的一种拓展，跟css很像，是开发中最常用的模式。 Sass从第三代开始，放弃了缩进风格，并且完全向下兼容普通的CSS代码。被称为scss

CSS编译语言 编译 浏览器中使用：less.min.js {代码...} Node中编译 {代码...} 工程化工具 fis使用插件： fis-parser-less match();中配置插件，然后处理拓展名。 {代码...} gulp使用插件：gulp-less {代码...} 嵌套规则 通过 {} 来嵌套处理。大括号内部定义的元素的样式。 {代码...} 变量 通过 less @ 来定义变量 定义...

Fis简介 一个工程化的工具，主要用来处理前端的项目。作用：代码合并，代码压缩，资源定义，资源嵌套等等。 fis 是基于流的处理，fis有自己的一个流处理过程： lint： 代码规范 parser：代码编译 perprocessor： 前置处理 standard：代码标准化 protprocessor： 后置处理 optimizer： 优化处理 perpackager： 前置打包 p...

Ryan Dahl项目命名为：web.js 就是一个Web服务器.单纯开发一个Web服务器的想法，变成构建网络应用的一个基本框架.Node发展为一个强制不共享任何资源的单线程，单进程系统。每一个Node进程都构成这个网络应用中的一个节点，这是它名字所含意义的真谛。

简介 工程化工具 作用： 实现代码部署css，JS，html代码压缩ES6，less，styls代码编译图片优化... 原理：基于unix中管道概念，stream流，前一个操作的输出作为后一个操作输入。 Gulp入口文件 gulpfile.js 每个项目中都需要有这个文件，当执行gulp会自动执行该文件。 task() 定义一个任务gulp.task(name, [deps], fn);参...

宿主环境不仅提供基本的ECMAScript实现，同时也会提供该语言的扩展，以便语言和环境之间对接交互。而这些扩展-如DOM，则利用ECMAScript的核心类型和语法提供更多具体的功能，一边实现针对环境的操作。其它宿主环境包括Node 和 Adobe Flash。

angular 数据双向绑定的框架 提供数据绑定，DOM指令。angular，定义了一套规则，开发中就必须遵守规则，这套规则为项目提供了一套解决方案。 模块，组件，模板，元数据，数据绑定, 指令，服务,依赖注入,控制器，过滤器,路由 基本概念 启动/引导 启动/引导 (Bootstrap)作用：启动程序入口(bootstrap方法来引导Anuglar引用...

正则应用 正则表达式在web开发中的常用 邮箱验证用户名验证替换字符串某一部分信息采集，用来分析有效代码段... 有规律的字符串描述 正则表达式是一门独立的知识，同样的一段描述，比如，对于email的匹配表达式，在不同的语言是一样的，但是调用的函数不同。 正则表达式--规则表达式 正则表达式：正则表达式正则表达式语...