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

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

搜索分类Javascript下的文章

详解mouseenter和mouseover区别

mouseenter和mouseover是两个常用的鼠标事件。所以很有必要区分清楚两个事件的区别 一、表象 大多数材料对于mouseenter和mouseover的区别解释为: 1)mouseover...

Vuex学习总结

一、什么是vuex 在一个复杂的大型系统中,状态会在多个组件之间跨层级地、错综复杂地传递,这会使得状态难以追踪,debug起来也会很麻烦。而vuex就是为了解决这么一个问题而出现的东西,它能够集中地管理应用的状态,并且能够使得每一种状态都是以可预测的方式发生变化的。 二、单向数据流 可以...

理解JavaScript中的作用域链

在JavaScript中,作用域链是很重要的一块知识点,理解好作用域链,是提升JavaScript编程水平必不可少的 一、作用域链 在JavaScript的执行后台中,每个执行环境都会对应有一个变量对象VO和一个作用域链。这个作用域链实际上是一个链表,里面保存着对每个执行环境中的变量对象VO的引用。理解作用域链的核心知识点:

JavaScript设计模式——中介者模式

中介者模式的核心在于接触多个对象之间错综复杂的关系,使得每个对象只需要和中介者进行通信,而对象与其他对象之间的联系则交由中介者传达。 一、场景 现在有场景,某购物网站的商品详情页中的添加到购物车模块,需要包含有如下的逻辑 1)选择商品规格,然后填写购买数量 2)如果购买数量大于可售数量,则加...

JavaScript设计模式——观察者模式

观察者模式是一种常用的设计模式,它的好处是可以解耦两个对象之间的信息传递。 场景 某购物网站展示用户名、头像、获取购物车数据等等操作,需要在登录完成后进行。假设现在展示用户名、头像、获取购物车数据等操作的方法名称如下: showUsername() show...

Vue.js学习总结笔记(二)组件

一、注册组件 1、全局注册 注册组件的方式为: Vue.component(tagName, options); 注意:组件的注册,要在实例化实例之前完成。即: Vue.component('my-com...

ES6学习记录——let和const

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

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,是React里用来描述UI和样式的语法,JSX最终会被编译为合法的JS语句调用(编译器在遇到{