最近在教授前端小白学员编写一些简单的网页。在这个过程中发现了小白们比较简单遇到的一些问题或许坏习惯,在这里对它们进行逐个解释。

文件名命名

有些学员的文件命名是这样的:

前端小白的几个坏习惯

除了网页的内容外,所有的东西都应该用英文,而不是拼音。

原因有如下几点:

  1. 编程不是一个人的活动,是集体活动。咱们运用的编程言语、结构和库,几乎全部都是英文。运用中文,你的协作者会难以理解你的代码。而且中英混搭会让代码阅读困难。
  2. 运用拼音和运用汉字基本上没有什么区别,乃至还不如汉字直观。
  3. 拼音很难加音标,而且即便能加音标,也很难表达真正的意思,因为同音词太多,它存在多义性,比方 heshui,你不知道它到底是在表达喝水还是河水。
  4. 运用拼音会让你显得十分不专业。
  5. 坚持运用英文编程,有利于进步英语水平。

假如英语欠好,刚开始可能会难以忍受,可是一旦熬过去开始这段时刻,坚持下来,将会是长时间的回报。

假如你英语实在是十分差劲,能够凭借一些翻译软件。比方世界上最好的翻译网站:translate.google.com/,虽然是 Google 的域名,可是大陆并没有墙。

不止是文件名,变量、函数等事物都应该运用英文命名。

运用英语,越早越好。

文件类型命名

有些同学的文件命名是这样的:

前端小白的几个坏习惯

文件命名的问题上面已经解释了,这里首要来看文件后缀名的问题。

应该运用小写 .htm/.html 结束。

原因有如下几点:

  1. 不同的操作体系处理大小写是不一样的。Windows/Mac 体系大小写不灵敏,Linux 体系大小写灵敏。一致命名方式会具有更好的移植性。

比方咱们有如下目录结构:

├── cat.html
├── dog.html

下面的代码在 Mac/Windows 体系上正常。

<a href="./Dog.html">跳转到狗的页面</a>

可是在 Linux 体系上会呈现 404。

咱们开发时通常是在 Mac/Windows 体系,这时问题很难暴露,可是布置时通常是在 Linux 体系,就简单导致开发时正常,布置时反常的不一致性。

  1. 易读性,事实证明小写的单词更易于阅读。
  2. 快捷性,文件名和后缀名都坚持小写,不需要额外按下 Shift 键了。
  3. htm 和 html 的区别是,在老的 DOS 体系上,文件后缀名最多只支持 3 位。所以很多言语都会把文件后缀名限制成 3 位以内。现在的操作体系已经没有这个问题了,所以 htm 和 html 的作用是完全一致的。假如你寻求简洁一点,那么运用 htm 时完全没问题的。

代码格式化

有些同学的代码是这样的:

前端小白的几个坏习惯

VSCode 提供了 prettier 插件,咱们能够运用它对代码格式化。

代码格式化有以下长处:

  1. 代码格式化后更易于阅读和修正。比方它会自动帮你增加空格、对齐、换行等。
  2. 不需要去故意学习代码样式了,代码格式化东西会帮你做好,并且在这个过程中你会耳濡目染的学会怎么样调整代码样式。
  3. 运用一致的代码格式化,能够帮助我们在协作时坚持一致,不会有比必要的争议。
  4. 新人加入项目时也能够更简单地融入到项目,不会看到风格悬殊的代码。
  5. 在代码合并的时分也能够减少抵触的产生。

建议一定要开启代码格式化。