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

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

详解mouseenter和mouseover区别

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

Vuex学习总结

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

理解JavaScript中的作用域链

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

CSS优先级原理分析

使用CSS进行页面开发的时候,经常会遇到有多个规则冲突的情况。这种情况下,理解CSS怎么处理这种冲突,就很有好处 一、特殊性 CSS会对每个规则指定一个特殊性值,其表示为:0, 0, 0, 0四个部分,一个选择器的特殊性值定义如下: 1)对每个ID选择器,加0,1,0,0

CSS常用布局总结

一、单列布局 1、水平居中 1)使用text-align: center和display: inline-block <div class="parent"> <div class="child&...

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

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

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

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

Webpack使用总结

一、核心概念 webpack 是一个现代 JavaScript 应用程序的模块打包器。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle(通常只有一个),由浏览器加载。 其核心概念有4个:入口(entry)、出口(output)、loader、插件 1、入口(entry)

对MV*的理解

大型软件的开发需要有清晰合理的架构,否则将难以开发和维护。而MV*则是为了解决问题而出现的软件架构 目前的MV*主要有MVC、MVP、MVVM,而三者的主要差别,在于如何粘合Model和View层。 一、MVC

opn模块使用总结

opn是Node下一个更好的启动模块。它可以打开网站、文件、可执行文件,而且opn是跨平台的 为什么使用opn opn是一个积极维护中的模块 支持app参数 由于使用

Node命令行程序开发总结

Node可以很方便地进行命令行程序的开发,我们所接触到的sass、less、npm等程序,都是命令行程序。 一、可执行脚本 自从有了Node后,我们就可以使用JavaScript来编写可执行脚本了。最简单的可执行脚本hello如下: #!/usr/bin/env node...

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

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