macycle

在JS中，我们使用ES6来实现类的继承，关于子类与父类具有同名的方法，我查看了网上很多的博客，大多都说子类会覆盖父类的同名方法，其实这样的说法是错误的，父类的同名方法并不会被覆盖，只是由于作用域链的查找规则，我们调用时，如果存在同名变量，一般都会应用子类的方法，但是不能说父类的…

动态路由参数变化时，由于我们共用一个组件，虽然数据变化了，但是并不会重新去获得数据，于是当我们通过鼠标点击（手动输入地址不会出现这种情况）时，就会发现，路由切换了，但是拿不到切换后的路由的数据。 点了用户1，再点击用户2，发现当前用户的id依旧为1，这个时候打开控制台，发现cr…

这里之所以可以使用v-model来实现双向数据绑定，是因为修改数据不是组件修改的，而是通过commit提交修改，真正修改vuex中的state的数据是由vuex的mutation来实现的，因此不属于子组件修改父组件数据的情况，但是对于其他情况，比如修改props外部数据，则不要…

vuex有五个核心的概念，分别为State、Getter、Mutation、Action、Module。而我们在组件中获取vuex中的数据或者使用方法更改数据时，都是直接使用一下的方法： 但是随着业务功能逐渐增加，会出现很多个状态。当一个组件需要多个状态的时候，将这些状态都声明…

虚拟DOM指的是使用纯js对象来表示一个节点的结构，该对象包含了真实DOM的结构与属性，通过对比新旧两个虚拟DOM，找出差异，然后修改旧的虚拟DOM(可以认为真实的DOM是基于旧的DOM来渲染的)。 由于真实的DOM是在渲染引擎生成的，而通过JS来操作DOM则涉及到了跨线程的操…

在项目开发中，不可避免的会使用到第三方的组件库，但是有时提供的组件UI并不能如我们的预期，因此需要自行定制。如果这些组件采用的是有作用域的CSS，父组件想要定制第三方组件的样式就比较麻烦了。 不过vue-loader的一个功能：深度作用选择器可以助我们一臂之力。 上面的chil…

良好的编程习惯对我们编程能力的提高是非常重要的，良好的编程风格，源代码的逻辑简明清晰，易读懂才是判别一个好程序员的重要标准。 我觉得我的编程习惯还是可以的，html一直是按照标签语义化来写，命名标准也是以见词识意来起的，使用UI框架前也是先写完静态页面，才套用框架，但是最近的一…

该项目提供了收支两种记账类型，每种类型又提供了二十多门类的记账款项。而且主页面还提供了具有数学运算的计算仪表盘，方便像我这样的懒人食用。提供了备注的功能，这样在查看收支时也可知道来源与去向。 记账完毕，会自动跳转到明细页面，该页面可以切换日期以查看历史记账记录，除此之外，点击具…

在做项目的时候，我们有时候不希望把一个元素的高度写死，而是希望设置一个最小高度，然后利用内容类撑开这个元素。但是min-height的高度是不确定的。 最近在一个vue的项目中就遇到了这种需求，设置了min-height的wrapper容器，想要让inner的的高度等于wrap…