第03步《番外篇》第1章认识计算机世界第6课

今天学习《番外篇》第1章认识计算机世界的第6课。这是这一章的最后1课,学完它代表概念准备阶段完成。

学习目标

  • 了解什么是JavaScript、什么是ES6。
  • 认识JS语言的三个主要特征:动态性、弱类型、解析执行。
  • 了解Console面板常用的调度方法,学习使用console.log。
  • 了解什么是HTML、什么是HTML5、什么是CSS。
  • 了解什么是JS的宿主环境。
  • 了解什么是画布(Canvas)。

主要知识点

  • ES6 是指 JS 对 ECMAScript 第 6 版标准的实现,ECMAScript 是 ECMA 国际组织颁布的语言标准。
  • JS 是一门高级的、动态的、弱类型的、基于原型的、解释型的、面向对象的高级脚本语言。在JS中,一切皆为对象。
  • console.log 是一个几乎在所有宿主环境都实现的通用日志方法,调用它可以打印内容到控制台。
  • HTML 是一种前端富文本标记语言。在浏览器中打开任何一个网页,查看源代码,我们看到的都是 HTML 代码。
  • CSS 是一种美化网页的标记性语言。如果说程序员用 HTML 盖起了房子,那么 CSS 就是装饰房子的软饰。
  • JS 代码靠宿主环境解析才能执行。浏览器、Node.js、微信小程序等,这些都是 JS 的宿主环境。
  • HTML5 简称 H5,是W3C定义的 HTML 规范第 5 版。
  • Canvas,中文叫画布,是 HTML5 新增的可绘制元素。

实践疑难点

  • HTML示例(例如第1章\1.6.4\index.html)一般是一个HTML页面,将内容保存到本地,文件后缀设置为html,使用浏览器打开就能看到效果,此时浏览器是它的宿主环境。
  • Console方法可以在浏览器的开发者工具中使用,也可以在微信开发者工具的调试区使用。console.log是程序员最常用的调试方法。不要以为有经验的程序员都不用打印日志的笨方法调试程序,事实上像发明C语言的肯·汤普逊这样的大神,也使用打印的方式调度自己的程序。只有当程序的异常实在难以猜测和理解时,程序员才会祭出Debug断点工具。断点调试会打断正常的编码节奏,这或许是大神不喜欢用它的原因。

小结

到这里该了解的基础概念已经了解得差不多了,下一步便是进入前端篇进入实践学习。如果觉得印象还不够深刻,可以往回翻看,或者看一下目前这三步的主要知识点。

从上向下建立知识体系,能让我们了解我们学习的技术在计算机世界中处于什么位置,这对读者建立全面的知识体系而言是十分有必要的。但如果让读者从头阅读几部黑色经典大部头,或者看MDN文档,又是很浪费时间的,目前的这种方式作者认为对读者是最友好的。

2022年12月26日

关于公众号推文的统一说明——

欢迎读者朋友转发、点赞、在看、转发朋友圈。如果有问题,在这里有以下三种解决途径。

  • 除训练营学生以外,请不要以微信私信的方式问我任何问题,消息太多了根本回不过来。我会在朋友圈分享计算机技术前沿思考,如果对此不感兴趣,在加群后可以将我删除。
  • 在下一篇公众号文章推送之前,可以在公众号文章的评论区提问。 提问时请注意将问题描述清楚,如果是软件问题最好有代码链接,这样有助于快速复现和查证问题。对于优质问题我看到后,如果我有解决方法且别人没有问过,我会认真回复并把问题精选放出来。
  • 在评论区查看其它读者有没有问过相同或相似的问题。

新人一半的问题都是因为粗心大意所致,遇到问题时不妨先认真自检一下,或者使用谷歌搜索一下,大部分问题谷歌都能给出建议或线索。

最后说明一下,这个公众号主要是我业余用于辅助编写PBL实战教学内容的,关于计算机编程学习方面,你有什么想了解的,都可以在最新推文的评论区留言告诉我。

感谢读者朋友的理解与支持。