Vue.js 组件编码规范
这个 链接 用来查看本翻译与英文版是否有差别(如果你没有看到 README.md 发生变化,那就意味着这份翻译文档是最新的)。
这个 链接 用来查看本翻译与英文版是否有差别(如果你没有看到 README.md 发生变化,那就意味着这份翻译文档是最新的)。
一个简单的随机格言,先把下面的代码放在functions.php
中:
/* 随机格言 */
function randomMaxims()
{
$saying="";
$notice = array(
'海纳百川,有容乃大;壁立千仞,无欲则刚。',
'势不可使尽,福不可享尽,便宜不可占尽,聪明不可用尽。',
'忧劳可以兴国,逸豫可以亡身。',
'静以修身,俭以养德。',
'博观而约取,厚积而薄发。',
'非淡泊无以明志,非宁静无以致远。',
'业精于勤,荒于嬉;行成于思,毁于随。',
'老当益壮,宁移白首之心;穷且益坚,不坠青云之志。',
);
$rand = array_rand($notice);
$saying = $notice[$rand];
echo $saying;
}
然后在需要展示的地方,粘上下面的代码:
<?php randomMaxims(); ?>
哦,对了,句子是我随便找了一些,需要添加的话,就按照格式自己添加就好了。
CSS即层叠样式表,所以一层一层覆盖其实是其本质特征。真正的问题在于维护,许多人认为CSS仅是样式,不是代码,无需维护,所以任意书写,只要将自己需要的样式的优先级设为最高即可,才导致了深层级CSS的出现,因为每次添加一个样式就必须比以前的优先级高才能在页面看到。深层级不仅造成维护性降低,可读性也是一个问题,人不是机器,无法很优雅的按优先级阅读,所以很难确认一个样式用于哪里,其实还存在许多的冗余样式,在任何地方都被覆盖的样式。这样的代码在扩展性上,一开始反而是有优势的,因为添加一个新class,无需担心影响其他地方,但慢慢随着项目规模的增大,页面增多,需要复制样式的地方也越来越多,它们之间又存在微小的差异,设计的更改,需求的变化,这一切都会将这种快餐式的CSS推进柏油坑。因为难以维护,所以无法响应需求,所以无法复用,只能复制,恶性循环。
正如上面所说的,问题在于可读性、维护性、扩展性、复用性这几个方面。所以只要提高它们就能解决问题, 虽然这么说,也不是如此简单的。先来谈谈在CSS中,这些概念都有着怎样的意义。
macOS 系统直接运行下面的命令即可:
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass
Ctrl+D
选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)Ctrl+G
跳转到相应的行Ctrl+J
合并行(已选择需要合并的多行时)Ctrl+L
选择整行(按住-继续选择下行)Ctrl+M
光标移动至括号内开始或结束的位置Ctrl+T
词互换Ctrl+U
软撤销Ctrl+P
查找当前项目中的文件和快速搜索;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>