总结1（2020-01-14）

最新推荐文章于 2022-12-13 16:57:06 发布

lian_老练

最新推荐文章于 2022-12-13 16:57:06 发布

阅读量445

点赞数

分类专栏：不分类

本文链接：https://blog.csdn.net/weixin_41461967/article/details/103971682

版权

这篇博客总结了前端开发中的实用技巧，包括利用锚点和Element.scrollIntoView()实现页面定位，CSS3的width:calc(100% - 1px)动态计算宽度，Vue.js的渲染函数学习，理解HTML事件对象event，设置页面内容超出显示省略号并悬浮显示完整内容，区分mouseenter和mouseover事件，以及在Vue组件中使用scope CSS和响应Enter键提交表单。

摘要由CSDN通过智能技术生成

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

1.1 用锚点

<!-- ①：设置一个锚点链接<a href="#miao">去找喵星人</a>（注意：href属性的属性值最前面要加#） -->
<a href="#miao">去找喵星人</a>
<!-- ②：在页面中需要的位置设置锚点<a name="miao"></a>；（注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不加#）标签中按需填写必要的文字，一般不写内容 -->
<a name="miao"></a>

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

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