摘要：
1. 父子传值 props 所有的 props 都是单向往下的，父组件 property 更新会影响子组件的,反过来则不会;另外，每次父组件中对应属性发生改变，子组件中的所有 props 都会被更新为最新的值。所以在子组件中，不应该对 props 进行更改 <div id="app"> <p>{{ 阅读全文
摘要：
前言 使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位： 代码： 效果图： 是不是看起来跟vue的使用方式差不多？接下来就来从原理到实现，从简到 阅读全文
摘要：
我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示： 解决方法1： 首先我在data函数里面进行定义定时器名称： data() { return { timer: null // 定时器名称 } }, 然后这样使用定时器： 阅读全文
摘要：
通过Vue构造器传入的各种选项大多数都可以在组件里用，唯独只有data选项有区别，在Vue构造器中data返回的是对象，但是在组建中必须返回一个函数。why？这篇文章主要介绍了详解在Vue组件中的data为什么只能返回函数,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 阅读全文
摘要：
1、父级div定义伪类：after和zoom <style type="text/css"> .div1{background:#000080;border:1px solid red;} .div2{background:#800080;border:1px solid red;height:10 阅读全文
摘要：
new操作中发生了什么？ 比较直观的感觉，当我们new一个构造函数，得到的实例继承了构造器的构造属性(this.name这些)以及原型上的属性。 在《JavaScript模式》这本书中，new的过程说的比较直白，当我们new一个构造器，主要有三步： • 创建一个空对象，将它的引用赋给 this，继承 阅读全文
摘要：
一、固定宽高：1、margin 根据已知的宽高写死，不推荐 2、定位 + margin-top + margin-left .box-container{ position: relative; width: 300px; height: 300px; } .box-container .box { 阅读全文
摘要：
一、普通函数中的this 这是vue文档里的原话： All lifecycle hooks are called with their 'this' context pointing to the Vue instance invoking it. 意思是：在Vue所有的生命周期钩子方法（如crea 阅读全文
摘要：
先上结论： 1、如果this出现在函数内，那么this永远指向调用这个方法的对象。 2、如果this不是出现在函数内，即出现在全局作用域或者出现在一个对象内部，那么他永远指向全局对象window。 1、这里先求证结论的第二点 在全局作用域下，所有的全局变量和方法都是挂载到window这个全局对象下。 阅读全文
摘要：
在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及 阅读全文