月落梅影

最近在一个Vue项目中，想要实现侧边栏距离浏览器顶部一定距离后固定的效果，需要监听scroll事件，刚开始的想法是给顶级div添加scroll事件，如下所示，但是不生效。

通过vue-router路由传参的时候，有两个参数可以用，一个是query，另一个是parmas。 假设我们现在需要实现一个路由切换，点击之切换到W组件,并传递一个id值和一个age值。 这两种方法，都可以自定义path的样式，我们可以在router-link通过 to来定义，…

最近进行的一个vue项目，使用vue-router实现页面跳转。 结果是当点击链接a后，直接就跳转到了一个新的页面，而不是预期中指定的dom元素。 后来查阅文档查资料发现，传统的锚点定位方式在使用了vue-router时是不可行的。 仔细观察不难发现，锚点定位的本质就是修改容器…

object-fit： CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 img有了object-fit，还得有个位置属性object-position，用法跟background-position一样，在其内容框中的位置.

flex布局发生在父容器和子容器之间。父容器需要有flex的环境(display:flex;)，子容器才能根据自身的属性来布局，简单的说，就是瓜分父容器的空间。相反就是说如果父容器没有flex的环境，那么子容器就无法使用flex的规则来划分父容器的空间。 讲到瓜分父容器的空看，…

Display:将像素发送给GPU，展示在页面上。 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建rende…

在Vue中使用echarts的具体步骤如下：通过npm命令npminstallecharts--save安装echarts在需要echarts的文件内通过importechartsfrom"echar

它们两个运算符都允许任意类型的的操作数，如果操作数相等，返回true，否则返回false。 ==：运算符称作相等，用来检测两个操作数是否相等，这里的相等定义的非常宽松，可以允许进行类型转换。两边类型不同，比较时会先进行隐式转换，再比较。 ===：用来检测两个操作数是否严格相等，…

window对象表示浏览器中打开的窗口。 从字面的意思上理解，就是文档准备好了，也就是浏览器已经加载并解析完整个html文档，DOM树已经建立起来了,然后执行此函数。 在网页中所有元素(包括页面中图片、css文件等所有关联文件)完全加载到浏览器后才执行。 从上面的步骤中可以看出…