摘要：
传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！在ES5中，如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。构造函 阅读全文
摘要：
题目如下： var funcs = [] for (var i = 0; i < 10; i++) { funcs.push(function() { console.log(i) }) } funcs.forEach(function(func) { func() }) 第一眼看到的时候以为会输出 阅读全文
摘要：
首先，这四个事件两两配对使用，onmouseenter、onmouseleave一对，onmouseover、onmouseout一对，不能混合使用。 onmouseenter 和 onmouseleave是一组：当鼠标进入指定区域的时候触发，但是不支持冒泡，进入或者离开子元素时都不触发（父亲的东西 阅读全文
摘要：
我们有时候会在模板中绑定表达式来做简单的数据处理，在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。但是如果在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} 阅读全文
摘要：
1. 为什么滚动会出现问题？ Better-Scroll 在决定有多少区域可以滚动时，是根据 scrollHeight 属性决定的。scrollHeight 属性值是根据放 Better-Scroll 的 centent 中的子组件的高度决定的。但是我们的首页在刚开始计算 scrollHeight 阅读全文
摘要：
1. better-scroll 原理 用一张图感受： 绿色部分为 wrapper，也就是父容器，它会有固定的高度。黄色部分为 content，它是父容器的第一个子元素，它的高度会随着内容的大小而撑高。那么，当 content 的高度不超过父容器的高度，是不能滚动的，而它一旦超过了父容器的高度，我们 阅读全文
摘要：
冒号属性 ：是指令 v-bind 的缩写，是为了动态绑定数据，用于响应式地更新 HTML 特性。 加了冒号，后面是变量或表达式；不加冒号的是字符串。 如图：将Home组件中的 probe-type 的值传给子组件Scroll的时候，需要的是一个数字类型，所以这里要加上：，否则3就会被当成一个字符串 阅读全文
摘要：
在首页开发中，右下角有一个返回顶部的小箭头，将它单独封装成一个BackTop组件，但是它何时出现需要依赖于首页的滑动，即另外一个Scroll组件。如果直接在BackTop组件里面监听，则需要通过this.$emit将事件发射到Home组件中，又在Home中监听自定义事件，比较复杂。因此，我们直接在H 阅读全文
摘要：
生命周期图示（图片来自coderwhy老师）： 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些生命周期钩子函数，这就给我们提供了执行自定 阅读全文
摘要：
首先需要知道该电脑的ipv4地址，关于ipv4地址和ip地址之间的关系请参考https://zhidao.baidu.com/question/1900243424837723700.html，里面还提到了内网IP和外网IP，详细介绍请参考https://blog.csdn.net/weixin_4 阅读全文