HTML、CSS 的小结与杂谈

带着理性,去尝试

一个课程,如果扩充起来,很容易。
有太多的技术细节可以写,但是否都有传授的必要呢?
如果一个人在学习过程中,被灌输的不是运行机理,而是说明书,看似丰富,其实反而很低效。

我之前的一个产品,提供了开放式的模板定制,包括本课程 Web 的基础框架引擎,也是来源于这个产品。
在彼时的产品中,时常会遇到一些询问,大抵都是 HTML、CSS 相关的知识,这蛮苦恼的,基本上使用者自己搜索引擎找一下就有答案了,或者自己试验下(比如某个设置项启动、关闭是否有效)能出结果的事情。

作为产品共情,我们应当去理解用户思考的出发点:虽然与 A 无关,但是在使用 A 过程中产生的疑问,自然会认为 A 应该有解决方案。
这种自然逻辑,作为学习者,倒是我们尽可能要避免的。
很多技术细节,都是积累出来的,而这个积累的门槛非常低,方法就是使用搜索引擎,使用自己认为恰当的关键词进行搜索,以实现初期的积累。
通过搜索,获取了基本的知识之后,就是实践+尝试
我们还要相信这个过程是非常有逻辑性的,为什么如此是解释得通的,甚至应该尽可能地理性推演,自己大概需要什么来实现自己想要的结果。
理性,就是让我们可以不一股脑地去接受所有的技术细节,『一股脑』看起来很丰满,但效率低,效果其实也不太好。

没那么高深,都是符合逻辑的

我们绝大多数时候,写的代码是处于应用层的,远不会触及到科学家级别。
在这个前提下,我们其实会发现,所谓的技术并不高深,稍微探究下,都是符合逻辑的。
比如在 《HTML 与 CSS 常用属性》中提到的 盒模型,首先这是一个新的术语,其次还有 模型 这个关键词。初看起来,应该会很难懂。但当你画下三个矩形,理解了 margin & padding 之后,也会由衷地觉得,如果 CSS 这门语言是你创造的,同样也要面对这个问题,也会有类似的解决方案。
对了,在三个矩形的过程中,并未提供插图,而是纯文字描述。看似枯燥?其实不然,你的理解是建立在自己行为之上的,而非建立在文字描述之中;换句话说,是你教会了自己,而不是他人,他人充其量提供了一个方法而已。

人类有分享的本欲,特别是知识、经验层面。
但有一个现象经常会被忽略掉:有些经验,表面上是经验,实际上并无太大价值。
假设 A 接手了某个领域的工作,几年后,经验丰富,然后做了总结,再交接给 B。B 也认为这些经验很有价值,而且此次的交接行为对于组织(公司)而言,更是良性的。
但是,如果一开始不是 A 接手,而是 B 或者 C、D、E、F 接手,他们也同样会获得经验总结。不同人的经验总结中,重合的部分,意味着是任何一人放在当前岗位上(接近于)必然会获得的。
那么,这部分的经验有没有价值?自然是有的。而对于聪明人来说,并不值得在这种类型的经验上,花太多的时间。
但,世界上大多的经验,又都是这种高重复类型的。特别是技术领域,浮于表面的大抵都是此类的知识,它们有价值,价值性却又不够高。归根结底,它们并不高深,推演一下,大多是很自然的技术逻辑与细节而已。

在简洁之上,继续简洁

别看 HTML、CSS 在实际编码过程,会慢慢呈现出啰嗦的态势;本质上,它们的基础构架是简洁的。
就因为简洁,所以特别容易跑偏成了啰嗦。
这种啰嗦,是低效的一种表现。
我们应该希望在简洁之上,继续保持简洁。而不是呆板地遵从已有的技术方案。
即使是初学者,我们也要有怀疑的态度。(当然,需要更谨慎一些,不然也容易闹笑话,即使闹笑话了也没有关系,别死不认错就好)

没有工具,举步难行

复杂度是守恒 的。
如果想保持简洁,其实就一定会增加其它层面的复杂度。

不论是 Jade、SCSS,相比 HTML、CSS 而言,表面上看起来更加清爽了,但实际上,它的复杂度是更高的。
这些更高的复杂度,通过其它人类更容易接受的方式,被潜移默化的接受了。
比如下面的 Jade 代码片段,如果没有代码的高亮,就会不容易理解:

div.my_class hello world this is my world.

而代码高亮之后,就容易理解很多:

div.my_class hello world this is my world.

SCSS 也是如此,如果不是有 Atom 类似的代码编辑器存在,在多个层级内 {} 包裹的时候,很容易出现某个} 的缺失而不自知。

同样,如果没有 Atom 类似的代码编辑器存在,HTML 的属性、CSS 的属性在书写的过程中,我们就不能大概地敲几个字母获得补全的 keyword,而是要死记硬背记住绝大部分的各元素的属性列表,才能不卡壳地进行代码写作。

会技术,又没什么用

当我们对技术没有太多了解的时候,会认为它万能的一般,实际上,会技术,又没有什么用。

比如 HTML+CSS 而言,一般有下面这些阶段:

  1. 知道技术
  2. 用起来
  3. 活用
  4. 做得不难看
  5. 做得很好看

我充其量也只停留在第四阶段的门槛边缘。
我们要保持敬畏。因为有不少人其实停留在一二阶段,运气不差的话,他们也能找到不错地工作。如果没了敬畏,我们就会成为他们。短期内不会有问题,而时间更长地看,足以让我们心怀恐惧了。

第五阶段,很难,要付出很多的努力。但不努力也没有关系,并不是必须的阶段,每个人清楚自己需要的是什么是最重要的。
但要记住,颜值 必然很重要,好的颜值会让技术加分。
枇杷入冬可开花,果子甘美,而花型并不讨喜。几乎没有什么诗词是留给它的,菊花的花期更早,人们叹其风骨,此花开尽更无花,不算客观嘛,颜值、颜值、颜值……