分类 代码如诗 下的文章

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

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(); ?>

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

“事件”是指用户与内容进行的互动,可以独立于网页或屏幕的加载而进行跟踪。下载、移动广告点击、小工具、Flash 元素、AJAX 嵌入式元素以及视频播放都是可以作为事件进行跟踪的操作。

- 阅读剩余部分 -

单页应用 (SPA) 指的是在首次加载网页时加载浏览整个网站所需所有资源的网络应用或网站。当用户点击链接并与网页互动时,系统将以动态方式加载后续内容。应用会经常更新地址栏中的网址来模仿传统的网页导航,但始终不会再发出整个网页加载请求。

在传统网站上运行默认的 JavaScript 跟踪代码段没有任何问题,因为该代码段在用户每次加载新页面时都会运行。但是,对于单页应用,网站以动态方式加载新的网页内容,而不采用整个网页加载方式,因此 analytics.js 代码段仅运行一次。也就是说,当有新内容加载时,必须通过人工方式跟踪后续的(虚拟)网页浏览。

- 阅读剩余部分 -

GA = Google Analytics,俗称谷歌分析或者谷歌统计,企业级的网站分析服务。

为了能够系统的介绍GA及其使用,所以我决定先从最基础的开始。不过,想要学习GA,需要有一定的前端基础和动手能力,如果都具备了,就准备开车了。开车前,要准备谷歌帐号,用来登录Google Analytics,如果没有请自己动手注册。以下内容,就是这篇文章的重点了。

- 阅读剩余部分 -