html、css和JavaScript的知识架构是什么-创新互联
这篇文章主要介绍“html、css和JavaScript的知识架构是什么”,在日常操作中,相信很多人在html、css和JavaScript的知识架构是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”html、css和JavaScript的知识架构是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
目前创新互联已为1000+的企业提供了网站建设、域名、虚拟主机、网站托管维护、企业网站设计、黔西南州网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。我们先来看什么叫做知识架构?
我们可以把它理解为知识的“目录”或者索引,它能够帮助我们把零散的知识组织起来,也能够帮助我们发现一些知识上的盲区。
本文包含了JavaScript、CSS和HTML以及浏览器的实现原理和API,这三个模块涵盖了一个前端工程师所需要掌握的全部知识。
JavaScript知识架构
在JavaScript的模块中,首先我们可以把语言按照文法、语义和运行时来拆分,这符合编程语言的一般规律:用一定的词法和语法,表达一定语义,从而操作运行时。
运行时可以分为数据结构和算法部分——数据结构包含类型和实例(内置对象),算法是执行过程。执行过程应按照从最顶层的事件循环和微任务,到函数、再到语句级的执行。
语法和语义基本是一一对应关系,在JavaScript标准中有一份语法定义表,建议随时拿出来看一看。
HTML 和 CSS知识架构
在HTML的部分,我们按照功能和语言来划分它的知识,HTML的功能主要由标签来承担,所以首先要把标签做一些分类。图中元素后面的分类,便是我们按照承担的不同功能,把标签分成的几个类别。
除了标签之外,你还应该把HTML当作一门语言来了解下。较基础的HTML的语法和几个重要的语言机制:实体、命名空间,你一定要掌握。
CSS部分,可以按照语言和功能划分。
语言部分,@rule、选择器、单位是三个要关注的部分。
功能部分,可以重点关注布局(正常流和弹性布局)、绘制(图形和文字)以及交互类。
浏览器的实现原理和API
浏览器的实现原理,是我们深入理解 API 的基础
从一般的浏览器设计出发,按照解析、构建DOM树、计算CSS、渲染、合成和绘制的流程来学习浏览器的工作原理。
在API部分,可以从W3C零散的标准中挑选几个大块的API来详细讲解,主要有:事件、DOM、CSSOM几个部分,他们分别覆盖了交互、语义和可见效果,这是我们工作中用到的主要内容。
到此,关于“html、css和JavaScript的知识架构是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
分享名称:html、css和JavaScript的知识架构是什么-创新互联
浏览地址:http://myzitong.com/article/csscdj.html