总结1（2020-01-14）

一.  在浏览器页面上点击某个按钮或其他标签定位到指定的位置

1.1 用锚点

去找喵星人

1.2 用 element.scrollIntoView() 方法，具体请参考MDN：

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView

二.  css3的width:calc(100% - 1px)函数

该函数用于动态计算长度值。width:calc(100% - 1px)表示该元素的宽度是其100%再减去1px的宽度。

• 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
• 任何长度值都可以使用calc()函数进行计算；
• calc()函数支持 "+", "-", "*", "/" 运算；
• calc()函数使用标准的数学运算优先级规则。

了解更多css函数请参考：https://www.runoob.com/cssref/css-functions.html

三.  vue的渲染函数（render）学习

https://cn.vuejs.org/v2/guide/render-function.html

四.  HTML事件对象event

https://www.cnblogs.com/websmile/p/8807334.html

五.  页面内容超出边框显示省略号（...）并在鼠标处悬浮弹出完整内容

    
        
        
    
    
        
想了一天都不知道要写什么
        
    

overflow:hidden表示超出div边框的内容不显示；

white-space:nowrap表示文本不会换行，再多的文本都是在一行上；

text-overflow:ellipsis表示用省略号（...）来处理超出边框的文本；

vertical-align:top 因为overflow:hidden会使隐藏部分的内容的vertical-align变成了baseline对齐了，这样也导致行内块元素高度被撑高了。而后续的行内块元素跟行内元素，是接在了隐藏部分的vertical-align的高度上了。只要改回后续行内块元素跟行内元素的vertical-align值就可以了。添加vertical-align属性，值是top或者bottom都可以。

六.  mouseenter和mouseover的区别

mouseenter不会冒泡，它不会被它本身的子元素的状态影响到。但是mouseover就会被它的子元素影响到。在触发子元素的时候，mouseover会冒泡触发它的父元素。(想要阻止mouseover的冒泡事件就用mouseenter)

共同点：当二者都没有子元素时，二者的行为是一致的，但是二者内部都包含子元素时，行为就不同了。

关于事件冒泡和捕获的知识请参阅：https://blog.csdn.net/KimBing/article/details/87827815

七.  vue组件的scope css

https://vue-loader.vuejs.org/zh/guide/scoped-css.html

八.  在一个vue组件的表单上按下Enter键自动提交表单数据到后台

在组件初始化时执行这段代码：

    created() {
        document.onkeydown = function (e) {
            let ev = window.event || e;
            let code = ev.keyCode || ev.which;
            if (code == 13) {
                if(ev.preventDefault) {
                    ev.preventDefault();
                } else {
                    ev.keyCode = 0;
                    ev.returnValue = false;
                }
                this.loadData();
            }
        }
    }