logo头像
Snippet 博客主题

前端构建工具webpack入门

1. 为什么要学习webpack​ 说到项目构建工具(依赖管理、环境配置管理、打包、测试、发布),我们Java工程师最熟悉的莫过于Maven或Gradle,Maven是当下Java岗位最流行的项目构建工具,而Gradle以最简洁的DSL语法成为了最受欢迎的构建工具,较早是受And...

Vue新手进阶指南

1. Vue生命周期1.1 什么是生命周期 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期! 生命周期钩子:就是生命周期事件的别名而已; 生命周期钩子 = 生命周期函数 = 生命周期事件 1.2 Vue实例的生命周期 创建期间的生命周期函数: befo...

Vue新手入门指南

1. 为什么要学习流行框架 企业使用框架是为了提高开发效率:在企业中,时间就是效率,效率就是金钱;提高开发效率的发展历程:原生JS -> JQuery之类的类库 -> 前后端模板引擎(ejs/JSP/Freemaker/Thymeleaf/Velocity) -> Angul...

ES6回顾

1. 了解ES61.1 为什么要回顾ES6 作为后端工程师,学习前端知识,遵循人无我有、人有我优的原则,保持竞争力 现在使用的主流前端框架都是基于ES6,学好前端,ES6+就是必修课,原生JS玩的溜,什么流行框架都是浮云。 想做全栈工程师,能够在公司独当一面的人绝对是受人(尤其是老板)欢迎的人...

ES6新的数据类型-generator

新的数据类型-generatorgenerator(生成器)是ES6标准引入的新的数据类型。一个generator看上去像一个函数,但可以返回多次.ES6定义generator标准的哥们借鉴了Python的generator的概念和语法.我们先复习函数的概念。一个函数是一段完整的代码,调用一个...

箭头函数

箭头函数ES6标准新增了一种新的函数:Arrow Function(箭头函数)。为什么叫Arrow Function?因为它的定义用的就是一个箭头:12var fn = x => x * x;alert(fn(5)); //25 上面的箭头函数相当于:1234function (x) ...

闭包

函数作为返回值高阶函数除了可以接受函数作为参数外,还可以把函数作为结果值返回。我们来实现一个对Array的求和。通常情况下,求和的函数是这样定义的:123456function sum(arr) { return arr.reduce(function (x, y) &#123...

高阶函数

高阶函数概述高阶函数英文叫Higher-order function。那么什么是高阶函数?JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。一个最简单的高阶函数: 12345functi...

JS方法

对象的方法在一个对象中绑定函数,称为这个对象的方法。在JavaScript中,对象的定义是这样的:1234var xiaoming = { name: '小明', birth: 1990}; 但是,如果我们给xiaoming绑定一个函数,就可...

变量作用域与解构赋值

变量作用域在JavaScript中,用var申明的变量实际上是有作用域的。如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量:12345function foo() { var x = 1; x = x + 1;}x = x +...