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(): 查找数

JavaScript面向对象 1.面向对象编程 两大编程思想： 面向过程编程(POP) - Process-oriented Programming 这种编程思想需要分析出解决问题所需的步骤，然后利用函数将每一步实现，在使用时依次调用。 面向对象编程(OOP) - Object-oriented Programming 这种编程思想需要把事务分解成一个个对象，然后由对象之间分工与合作。

ECharts项目-可视化展板 1. 用到的技术栈 基于flexible.js + rem智能大屏适配 flex布局 less - 使用easy less插件直接将less转换为css引入 基于Echarts数据可视化展示 Echarts柱状图、饼状图 Echarts地图 2. 适配方案 - flexible.js + rem 2.1 flexible.js flexible.js是专

JQuery项目-todolist 1. 布局 body里主要分三个部分：header头部，footer底部和中间部分我用section包裹。 1.1 header结构 我希望可以将ToDoList和后面的输入框绑定， 所以选择使用label包围ToDoList， 这样就可以点击文字的时候同时选中输入框。 对于输入框input，需要注意id要和label的for的值一样才能绑定；对于想要默认

JQuery事件 1. 事件注册 element.事件(function() {xxx}) e.g. $(‘div’).click(function() {xxx}) 2. 事件处理on()绑定事件 事件处理on()方法在匹配元素上绑定一个或多个事件的事件处理函数 element.on(events, [selector], fn) [on()的优势]： 可以绑定多个事件，多个处理事