愿你坚持不懈,努力进步,进阶成自己的巨人

—— 2017.09, 写给3年后的自己

path对象使用总结

path对象是NodeJS提供的一个十分方便于路径处理的模块 下面了解一下这个模块的用法,如下: 一、引入path对象 const path = require('path'); ...

《ECMAScript6入门》学习笔记之Class

ES6中开始引入了class这一关键字,使得能够以更加清晰的方法来定义类和使用类。实际上,class本质上是一个语法糖 一、示例 定义一个类形如: class Point { constructor...

git stash命令的使用

在工作中,我们经常遇到以下的场景: 在B分支上正在进行开发,但是此时QA突然告诉你A分支出了个问题。这时候,我们需要切到A分支上来修复这个问题,但是手头的代码还是在开发中的,我们并不想直接commit一份当前的代码,这种情况下怎么办呢?那么git stash就派上用场了 git...

ES6学习记录——let和const

一、传统的var 在ES6之前,我们声明一个变量,都是使用var关键字进行声明的,而之前,JavaScript中也只有全局作用域和函数作用域(with和catch块也会创建作用域)。使用var会有一些奇奇怪怪的问题,如: 1)可以重复声明:

《ECMAScript6入门》学习笔记之解构

ES6中引入了解构的特性,允许我们以一种更简短的方式来实现数组、对象成员赋值给各种变量 一、传统场景 我们想要提取数组中的元素到不同的变量中,传统做法如下: var arr = ['A', 'B', 'C']; var a = arr[0]; // 'A' ...

React学习总结(三)

一、条件渲染 在React里,我们可以创建不同的组件来封装我们需要的功能。我们也可以根据组件的状态,只渲染组件中的一部分内容,而条件渲染就是为此而准备的。在React中,我们可以像在JavaScript中写条件语句一样地写条件渲染语句,如: function Greet(props) { const isLogined = props.isLogined;...

深入理解delete操作符

在JavaScript中,有个神奇的运算符delete,通常情况下,我们可以使用delete来删除一个对象中的属性,但是我们又经常会发现,delete运算符有些时候,也会有~~蜜汁效果~~。以下,来深入点学习delete运算符 一、语法 ...

React学习总结(二)

一、渲染元素 元素(elements)是React应用中的最小构成单元,元素描述了想要在屏幕中看到的内容,如: const element = <h1>Hello, world</h1>; 和DOM元素不同的是,React元素是纯对象,创建的代价低。并且React会进行优化处理,只...

React学习总结(一):JSX

一、什么是JSX? 首先,通过一个简单的示例来看看JSX长什么样: const element = <h1>Hello, world!</h1>; 这种有趣的标签语法,既不是HTML也不是一个字符串,而是称为JSX。JSX生成React元素,在React里用来描述UI样式。当遇到<

《ECMAScript6入门》学习笔记之Module

在ES6之前,JavaScript中是没有模块这一概念的。为了适应日益增长的前端工程化需求,ES6中引入了Module的概念。ES6中的模块化思想,是尽量的静态化,使得能够在编译的时候就能够确定模块间的依赖关系、输入输出之间的关系,这是有助于编译时做静态优化的 一、ES6模块特点

前端模块化总结

随着Web前端工程的日益庞大和复杂,前端模块化开始成为前端领域所关注的热点问题 一、前端模块化现状 模块化首先由NodeJS引入(require),继而得到大规模发展和推广,并且延伸到了浏览器端,目前,前端模块化主要形成了以下的布局:

RegularJS学习总结(一)

由于公司内部使用regularjs,所以这两天在学习regularjs,做个笔记,方便查阅 一、模板语法 1、表达式 regular支持大多数的ES5表达式,如: 100 + 'b' user ? 'login' : 'logo...

History对象使用总结

概述 history对象是BOM所提供的一个功能,用来保存浏览历史。在HTML5之前,history对象主要有以下的功能: history.length 获取访问过的网址数 history.back() 相当于浏览器的后退按钮 history....

DOM操作之获取元素位置(绝对位置、相对位置)与大小

在Web页面的设计过程中,我们经常需要进行DOM操作,而DOM操作中,也经常会有需要获取一个元素的位置的需求。这个位置,包括在整个页面中的绝对位置,也包括了在页面中相对于浏览器窗口的位置等。因此,有必要总结一下如何使用DOM来获取元素的页面位置 一、基本概念 1、网页大小:一张网页的全部区域的面积,就是这张网页的大小,网页的大...