组件的生命周期 1. 生命周期定义 生命周期Life Circle: 是指一个组件从创建、运行、销毁的整个过程。强调一个时间段！ 2. 生命周期函数 生命周期函数是vue框架提供的内置函数，伴随组件的生命周期自动按次序执行。 这些叫做生命周期钩子的函数，可以给用户在不同阶段添加代码的机会。 钩子名固定，与data和methods属于平级的关系 2.1 vue2.x生命周期函数 bef

1. 组件化开发 根据封装的思想，把页面上可复用的UI结构封装为组件，从而方便开发和维护。 2. Vue中的组件化开发 Vue.js是一个支持组件化开发的前端框架，规定组件的后缀名为.vue 3. Vue组件的组成部分 注意：按下面的顺序！！！ template：组件的模板结构（UI结构） vue2.x中template节点内的DOM结构仅支持单个根节点 vue3.x中支持多个根节点，就可

1. 单页面应用程序SPA 单页面应用程序Single Page Application(SPA)是指一个web网站中只有唯一的一个HTML页面，所有的功能和交互都在这个页面中。 Vue官方提供了Vue-Cli为单页面应用SPA快速搭建繁杂的脚手架。 2. Vue-cli简介 Vue-cli是vue.js开发的标准工具，简化了基于webpack创建工程化的Vue项目。 3. Vue-cli的安

1. ajax原生js方法下数据的请求与发送 1.1 ajax的简介 ajax: Asynchronous Javascript And XML 异步JavaScript和XML Ajax本身并不是一种技术，而是将现有的一些技术结合起来使用的方法：HTML、JS、XML、及其最重要的XMLHttpRequest对象。 使用Ajax后，异步特性使得它与服务器通信、交换数据并更新页面而无需

Vue基础 1. Vue简介 官方的定义：一套用于构建用户界面的前端框架。 1.1 Vue特性 数据驱动视图：Vue会监听数据的变化，从而自动重新渲染页面结构 双向数据绑定：不操作DOM的前提下，自动将表单内容同步到数据源中 1.2 MVVM MVVM: Model, View, ViewModel MVVM是Vue实现数据驱动视图和双向数据绑定的核心原理，它把每个HTML页面都拆成了

前端工程化与webpack 1. 前端工程化 实际上的前端开发： 模块化（js模块化，css模块化，资源模块化） 组件化（复用现有的UI结构、样式、行为） 规范化（编码规范、接口规范、文档规范、Git分支管理） 自动化（自动化构建、自动部署、自动化测试） 1.1 前端工程化是什么？ 前端工程化：在企业及的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化和标准化。 早期

正则表达式 1. 正则表达式概述 正则表达式 regular expression：是于匹配字符串中字符组合的模式，js中，正则表达式也是对象。 正则表达式通常被用来检索、替换那些符合某个模式（规则）的文本。 2. 创建正则表达式 通过RegExp构造函数创建： var regexp = new RegExp(/表达式/) 通过字面量创建：var regexp

js函数进阶 1. 函数的定义和调用 1.1 函数的定义方式 自定义函数（命名函数） function functionName(params) {codexxx} 函数表达式（匿名函数） var fun = function(params) {codexxx} new Function() var func = new Function(‘param1’, ‘pa

es6新增特性 1. let关键字 那么let声明和var声明变量有什么异同呢？ 全局作用域下: 两者在全局作用域下作用相似，但是，let声明的变量不会作为全局对象window的属性，而var声明的变量却可以 var numvar = 10; let numlet = 100; console.log(window.numvar);//10 conso

es5新增方法 1. 数组 注意以下回调函数callback均只有currentVal是必须的参数 forEach(): 遍历数组 array.forEach(callbackFn(currentVal, index,arr) ) filter()：筛选数组并返回新数组 array.filter(callbackFn(currentVal, index,arr)) some(): 查找数