初入行PM必备：大白话告诉你计算机基础知识（第三弹）

　　前两期我们分别说了计算机的基础知识、计算机硬件软件的知识，今天就接着聊聊前端的事情。作为初入行的PM，前端的语言接触起来相对于后端的语言要容易不少，但前端的语言也有很多，HTML、CSS、Javascript、XML、ASP。NET等等。那应该了解哪些呢？
　　首先，要搞清楚一点，学习前端语言的目的是什么？
　　学习前端的这些知识，了解每一种语言的规则，从而了解产品前端的页面是如何实现的、交互的方式有哪些，掌握前端功能、交互实现的方式方法。PS：虽然不需要你完全会写这些代码，但至少要知道页面效果、交互是通过什么方式来实现的。
　　so，学习前端技术，HTML、CSS、Javascript、json这几类必不可少。几者的关系如下：HTML负责网页的内容；CSS负责内容的呈现样式，即修饰内容；Javascript主要负责页面的动态效果，如数据的验证、异常提醒、改变页面内容等几个部分，也就是让页面动起来；JSON则主要负责其中数据的交换。
　　1、HTML
　　HTML（HyperTextMarkupLanguage），一种描述网页的语言，我们平时看到的网页大多都是通过HTML实现的。HTML使用一系列的标签来定义页面如何处理文字、图片、链接、视频等等内容，而浏览器通过读取这些标签，然后呈现出来。HTML标签固定的格式为标签内容标签。eg：
　　简单了解下各标签的含义，也就能了解HTML到底能做哪些事情，实现哪些效果。常见的标签有：
　　标题，用
　　等标签来定义；
　　段落，用
　　标签来定义；
　　表格，用
　　定义；
　　链接，用标签来定义的；
　　图像，用标签来定义的；
　　样式，用
　　标签来定义；
　　2、CSS
　　有了内容，如何呈现就需要CSS了。CSS定义HTML的样式，样式包括：背景（背景颜色、背景图片等）、文本（颜色、字符间距，对齐文本，装饰文本，对文本进行缩进）、文字（大小、加粗、风格（如斜体）和变形）、链接、列表、表格（表格颜色、高度宽度、内部边框等等）、轮廓。简单说，word中的开始菜单栏的所有功能基本都属于样式。
　　CSS语言的规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的HTML元素，即所有代码。声明则规定属性和值，每条声明由一个属性和一个值组成。
　　3、Javascript，属于网络的脚本语言
　　页面中的动态效果就要依靠JavaScript了，它常常被网页用来改变页面内容、验证表单、检测浏览器、创建cookies、异常提醒等等。在HTML页面中插入JavaScript，一般都在与标签之间。
　　JavaScript中的所有事物都是对象，包括字符串、数字、数组、日期等等。对象是拥有属性和方法的数据。属性是值，方法是可执行的动作。（这块比较枯燥，没想更容易理解的方法）
　　4、Json
　　Json主要处理数据，是一种轻量级的文本数据交换格式。它使用JavaScript语法来描述数据对象，所以咯，它和JS语法相同，熟悉了JS，JSON自然很容易就明白了。Json语法规则如下：数据在名称值对中，并由逗号分隔。花括号保存对象，方括号保存数组。
　　举个栗子：
　　以上这四种语言的内容不止这些，这里只是抛砖引玉，简单和大家聊聊每种语言最基本的规则而已。熟悉每种语言的规则，随便打开一个页面，大致可以知道哪部分代码是干什么用的，实现什么效果，做到这一点就OK了。当然，想要更深入了解每种语言，推荐大家W3school，很适合初学者哦
　　相关阅读
　　初入行PM必备：大白话告诉你计算机基础知识（一）
　　初入行PM必备：大白话告诉你计算机基础知识（第二弹）