分类 代码如诗 下的文章

昨天试了试微信的赞赏二维码,还不错,放博客上面说不定就有大佬给俺打赏了呢……

HTML代码,自己找地方放就好

<div class="support-author">
 <a class="support-btn" href="javascript:void(0)">打赏</a>
 <div class="support-content">
  <img src="图片地址" alt="微信打赏">
 </div>
</div>

- 阅读剩余部分 -

文件后缀名

Sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的CSS文件格式差不多,使用大括号和分号。建议使用后缀名为scss的文件,以避免Sass后缀名的严格格式要求报错。

- 阅读剩余部分 -

方案1

使用官方的滚动行为,但是必须开启HTML5 history 模式,开启HTML5 history 模式需要后端进行一些配置;

对于所有路由导航,简单地让页面滚动到顶部:

scrollBehavior (to, from, savedPosition) {
  return { x: 0, y: 0 }
}

像浏览器的原生表现那样:

scrollBehavior (to, from, savedPosition) {
  if (savedPosition) {
    return savedPosition
  } else {
    return { x: 0, y: 0 }
  }
}

方案2

没有使用HTML5 history 模式,需要使用官方的导航守卫中的router.beforeEach

router.beforeEach((to, from, next) => {
  window.scrollTo(0, 0)  
  next()
});

一个简单的随机格言,先把下面的代码放在functions.php中:

/* 随机格言 */
function randomMaxims()
{
   $saying="";
   $notice = array(
      '海纳百川,有容乃大;壁立千仞,无欲则刚。',
      '势不可使尽,福不可享尽,便宜不可占尽,聪明不可用尽。',
      '忧劳可以兴国,逸豫可以亡身。',
      '静以修身,俭以养德。',
      '博观而约取,厚积而薄发。',
      '非淡泊无以明志,非宁静无以致远。',
      '业精于勤,荒于嬉;行成于思,毁于随。',
      '老当益壮,宁移白首之心;穷且益坚,不坠青云之志。',
   );
   $rand = array_rand($notice);
   $saying = $notice[$rand];
   echo $saying;
}

然后在需要展示的地方,粘上下面的代码:

<?php randomMaxims(); ?>

哦,对了,句子是我随便找了一些,需要添加的话,就按照格式自己添加就好了。