JavaScript 滚动事件监听
2022年12月21日 ,作者: 黄兵
在 JavaScript 中，你可以使用以下方法来为 div 元素添加滚动事件监听：document.querySelector('.mdc-tab-scroller__scroll-area').addEventListener('scroll', function() { // 在这里添加你的代码 }); 这将会在 div 元素滚动时触发事件监听器函数。你也可以使用其他方法来获取 d...
css 实现平滑滚动
2022年12月21日 ,作者: 黄兵
平滑滚动可以使浏览器在移动到新位置时以动画效果来滚动页面，而不是立即跳转。这可以使滚动看起来更流畅，更自然。要实现平滑滚动，可以使用 CSS 的 scroll-behavior 属性。在大多数浏览器中，可以使用以下方式实现平滑滚动：html { scroll-behavior: smooth; }如果要在某个特定的元素上实现平滑滚动，可以将 scroll-behavior 属性应用于该元素...
css svg 元素旋转180度
2022年12月21日 ,作者: 黄兵
可以使用 CSS 的 transform 属性来旋转 SVG 元素。下面是一个使用 css 旋转的示例，如果你想旋转一个 SVG 矩形 180 度，你可以这样做：rect { transform: rotate(180deg);}你也可以使用 transform-origin 属性来设置旋转的原点，例如：rect { transform: rotate(180deg); transf...
JavaScript 隐藏 class 为 scroll-button right 的元素
2022年12月21日 ,作者: 黄兵
使用 JavaScript 的 getElementsByClassName 函数来获取 class 为 scroll-button right 的元素，然后使用 style.display 属性来设置为 none 来隐藏该元素。例如：document.getElementsByClassName('scroll-button right')[0].style.display = 'none'; ...
JavaScript 选取 a 标签的 href 值
2022年12月20日 ,作者: 黄兵
要获取 a 标签的 href 值，你可以使用 JavaScript 中的 getAttribute 函数：const a = document.querySelector('a'); const href = a.getAttribute('href');上面的代码会选取文档中第一个 a 标签，并获取它的 href 值。如果要选取多个 a 标签并获取它们的 href 值，可以使用 querySe...
多语言网站如何做 SEO
2022年12月19日 ,作者: 黄兵
为了让多语言网站在搜索引擎中更加可见，同时拥有好的排名，我们总结了一下几点，大家可以参考：使用 hreflang 属性：hreflang 属性是一个 HTML 标签，用于告诉搜索引擎页面内容的语言和地区目标。这可以帮助搜索引擎在搜索结果中更准确地匹配用户的语言和地区。使用不同的子域名或目录来存储不同语言的内容：例如，可以使用 pdf-lib.org/en 和 pdf-lib.org/fr 来存储英...