分类 代码如诗 下的文章

一个简单的随机格言,先把下面的代码放在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,如果没有请自己动手注册。以下内容,就是这篇文章的重点了。

- 阅读剩余部分 -

真正的问题是什么?

CSS即层叠样式表,所以一层一层覆盖其实是其本质特征。真正的问题在于维护,许多人认为CSS仅是样式,不是代码,无需维护,所以任意书写,只要将自己需要的样式的优先级设为最高即可,才导致了深层级CSS的出现,因为每次添加一个样式就必须比以前的优先级高才能在页面看到。深层级不仅造成维护性降低,可读性也是一个问题,人不是机器,无法很优雅的按优先级阅读,所以很难确认一个样式用于哪里,其实还存在许多的冗余样式,在任何地方都被覆盖的样式。这样的代码在扩展性上,一开始反而是有优势的,因为添加一个新class,无需担心影响其他地方,但慢慢随着项目规模的增大,页面增多,需要复制样式的地方也越来越多,它们之间又存在微小的差异,设计的更改,需求的变化,这一切都会将这种快餐式的CSS推进柏油坑。因为难以维护,所以无法响应需求,所以无法复用,只能复制,恶性循环。

正如上面所说的,问题在于可读性、维护性、扩展性、复用性这几个方面。所以只要提高它们就能解决问题, 虽然这么说,也不是如此简单的。先来谈谈在CSS中,这些概念都有着怎样的意义。

- 阅读剩余部分 -

  • Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)
  • Ctrl+G 跳转到相应的行
  • Ctrl+J 合并行(已选择需要合并的多行时)
  • Ctrl+L 选择整行(按住-继续选择下行)
  • Ctrl+M 光标移动至括号内开始或结束的位置
  • Ctrl+T 词互换
  • Ctrl+U 软撤销
  • Ctrl+P 查找当前项目中的文件和快速搜索;

- 阅读剩余部分 -

一、生成 HTML 文档初始结构

HTML 文档的初始结构,就是包括 doctype、html、head、body 以及 meta 等内容。你只需要输入一个 “!” 就可以生成一个 HTML5 的标准文档初始结构,你没有看错,输入一个感叹号(当然是英文符号),然后摁下 ctrl+E 键,就会发现生成了下面的结构:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

- 阅读剩余部分 -