科技猎《给产品经理讲技术》读书笔记（二）
今天给大家分享一个《给产品经理讲技术》的读书笔记。前面给大家简单总结了一下大致的内容，下面就具体的看看每一个板块的内容。
一、Wed前端
RD(程序开发)包括前端开发与后端开发。那首先要知道什么是前端，前端在我的理解就是在界面所有的能看到的内容以及按钮交互操作都是前端，换句话说与用户有直接关系的就是前端。
与之相反后端是不与用户产生直接关系的，它是负责产品的业务逻辑、数据相关以及性能和安全的问题。
为什么要知道前端与后端的区别呢？
因为一个项目的开发不是一个人俩个人就可以完成的，是需要多人协作开发，如果不能明确这个BUG是谁造成的，容易提交给错误的开发人员，会大大降低BUG的解决效率以及沟通成本，在文中作者做为开发人员说到他常常会出于对产品负责的态度把产品人员反映的问题先接下来然后在转接给相应的人员，我认为这种间接传递问题是不提倡的，有时候反而会加剧很大的解决成本。
另外，如果团队规模较大，或者由各地的项目组拼凑而成，势必会增加沟通成本。虽然说有QA（测试）岗位在处理这些。毕竟产品是要负责整个项目的跟进与沟通的，这些基本的区别肯定要知道的。
在前端技术中涉及到的主要名词有：HTML、CSS、JavaScript、DOM、URL、HTTP、Chrome。还有许多名词解释。
HTML：是超文本标记语言。可以说是一套编辑规则，以盖房子类比，必须定义这个房子有多长、多宽。每一块面积如何规划，例如哪里是卫生间、哪里是饭厅、哪里是卧室。将这些定义好，网页也就有了最基本的样子。总之，HTML就是用来布局网页中的每一个元素的。它是W3C的结构层。相当于只有206块骨头的女朋友。
CSS：是级联样式表。CSS中的“样式”就是指外观。还以盖房为例，定义好了各个空间，房子也盖起来了，但还要装修，例如给客厅贴壁纸、给卧室铺地板。 CSS就是起装修作用的，要和HTML一起配合使用。它是W3C的表现层。相当于女朋友有血又有肉了。如果血肉分配合理的话还会是个绝世佳人。
JavaScript：是一种脚本语言。房子已经装修好，贴上了墙纸，铺上了地板，桌子、板凳、沙发都已经摆好，一切都很完美。可是，因为生活总是在变化，有时要买些新家具，或者把茶换几个位置，这时移动、添加、减少物件就只能靠JavaScript实现。想想一天里你家里的大大小小的东西动了多少次。它是W3C的行为层。也是最难的，最复杂的层次。相当于女朋友可以随意移动，还可以发出声音。这不就完美了。
W3C：当前互联网上的任何一个网页都是由它们三个构建起来的也就是所谓的W3C，虽然简单，但不可不知。前端就像学医一样，里面的内容浩如烟海，变化无穷，不要以为懂了一些，前端开发人员说的什么都要质疑下。
HTML5：是HTML规范的最新版本，一系列用来制作Web内容的相关技术的总称。
服务器：这个谁都知道。也可以看做中转站。现在的技术离不开服务器。在客服端输入，然后传到服务器，服务器做出处理后再传递给客户。
HTTP：是浏览器与服务器之间信息传递的一种公用的传递协议。如果HTTP中规定0是你，1是好。如果你在浏览器中输入你好，传递出去的就是01。到服务器中再翻译出你好再传递出去。
HTTPS：就是更高级的、更安全的协议。所有人都知道01是你好，那可还行了，于是他们各种又设置了自己的密码譬如908代表你8665代表好。而且这个密码只有他们自己人知道不外泄。这样别人即使截获了9088665也不知道是什么意思，还是信息还是安全的。
Chrome: 它和IE、火狐等都是浏览器都是浏览器应该不用多说。这里面有些冷知识感觉挺有意思的。这种东西现在知乎百度一搜就能搜到就不说了。
URL：URL统一资源标识符。用定位的方式标识就是URL，如果用命名的方式标识就是URN。举例;假如打王者你想用李白，用URL法就是点刺客第二排第三个英雄我可以命名为http；//http://www.ck23.com代表李白。用URN法就是在搜索中打李白就可以了我可命名为http；//http://www.libai.com就好了。看起来或者更为简单，但是由于这种方法需要强大的解析器。所以现在多数都在用URL的方法。
DOM：文档对象模型（DOM）是Web前端里最基础、最常用的一个模型。例如，一个网页其实就是一个 HTML文件（就好比还在孕妇肚子里的婴儿它也是一个人只是能做的事情太少了），经过浏览器的解析， 最终呈现在用户面前。HTML语言是由很多标签组成的，这些标签有管开始的叫开始标签<head>还有管下一级的标签<body>。标签就像使用说明一样告诉你一步干啥第二步干啥。就像做菜一样第一步起锅烧油，第二步放菜，具体多大火多少油什么样的菜还是由自己来决定的。把每个标签抽象成代码里的对象，按照这种层次分明的结构组织，这就是DOM。
DOM树：就是很多个标签按照一定的规范排列着像一个树一样。
关于Wed前端的内容就先介绍到这里了，下篇文章给大家讲讲客户端技术，感兴趣的话可以继续去看看。
以上就是“《给产品经理讲技术》读书笔记（二）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
一、Wed前端
RD(程序开发)包括前端开发与后端开发。那首先要知道什么是前端，前端在我的理解就是在界面所有的能看到的内容以及按钮交互操作都是前端，换句话说与用户有直接关系的就是前端。
与之相反后端是不与用户产生直接关系的，它是负责产品的业务逻辑、数据相关以及性能和安全的问题。
为什么要知道前端与后端的区别呢？
因为一个项目的开发不是一个人俩个人就可以完成的，是需要多人协作开发，如果不能明确这个BUG是谁造成的，容易提交给错误的开发人员，会大大降低BUG的解决效率以及沟通成本，在文中作者做为开发人员说到他常常会出于对产品负责的态度把产品人员反映的问题先接下来然后在转接给相应的人员，我认为这种间接传递问题是不提倡的，有时候反而会加剧很大的解决成本。
另外，如果团队规模较大，或者由各地的项目组拼凑而成，势必会增加沟通成本。虽然说有QA（测试）岗位在处理这些。毕竟产品是要负责整个项目的跟进与沟通的，这些基本的区别肯定要知道的。
在前端技术中涉及到的主要名词有：HTML、CSS、JavaScript、DOM、URL、HTTP、Chrome。还有许多名词解释。
HTML：是超文本标记语言。可以说是一套编辑规则，以盖房子类比，必须定义这个房子有多长、多宽。每一块面积如何规划，例如哪里是卫生间、哪里是饭厅、哪里是卧室。将这些定义好，网页也就有了最基本的样子。总之，HTML就是用来布局网页中的每一个元素的。它是W3C的结构层。相当于只有206块骨头的女朋友。
CSS：是级联样式表。CSS中的“样式”就是指外观。还以盖房为例，定义好了各个空间，房子也盖起来了，但还要装修，例如给客厅贴壁纸、给卧室铺地板。 CSS就是起装修作用的，要和HTML一起配合使用。它是W3C的表现层。相当于女朋友有血又有肉了。如果血肉分配合理的话还会是个绝世佳人。
JavaScript：是一种脚本语言。房子已经装修好，贴上了墙纸，铺上了地板，桌子、板凳、沙发都已经摆好，一切都很完美。可是，因为生活总是在变化，有时要买些新家具，或者把茶换几个位置，这时移动、添加、减少物件就只能靠JavaScript实现。想想一天里你家里的大大小小的东西动了多少次。它是W3C的行为层。也是最难的，最复杂的层次。相当于女朋友可以随意移动，还可以发出声音。这不就完美了。
W3C：当前互联网上的任何一个网页都是由它们三个构建起来的也就是所谓的W3C，虽然简单，但不可不知。前端就像学医一样，里面的内容浩如烟海，变化无穷，不要以为懂了一些，前端开发人员说的什么都要质疑下。
HTML5：是HTML规范的最新版本，一系列用来制作Web内容的相关技术的总称。
服务器：这个谁都知道。也可以看做中转站。现在的技术离不开服务器。在客服端输入，然后传到服务器，服务器做出处理后再传递给客户。
HTTP：是浏览器与服务器之间信息传递的一种公用的传递协议。如果HTTP中规定0是你，1是好。如果你在浏览器中输入你好，传递出去的就是01。到服务器中再翻译出你好再传递出去。
HTTPS：就是更高级的、更安全的协议。所有人都知道01是你好，那可还行了，于是他们各种又设置了自己的密码譬如908代表你8665代表好。而且这个密码只有他们自己人知道不外泄。这样别人即使截获了9088665也不知道是什么意思，还是信息还是安全的。
Chrome: 它和IE、火狐等都是浏览器都是浏览器应该不用多说。这里面有些冷知识感觉挺有意思的。这种东西现在知乎百度一搜就能搜到就不说了。
URL：URL统一资源标识符。用定位的方式标识就是URL，如果用命名的方式标识就是URN。举例;假如打王者你想用李白，用URL法就是点刺客第二排第三个英雄我可以命名为http；//http://www.ck23.com代表李白。用URN法就是在搜索中打李白就可以了我可命名为http；//http://www.libai.com就好了。看起来或者更为简单，但是由于这种方法需要强大的解析器。所以现在多数都在用URL的方法。
DOM：文档对象模型（DOM）是Web前端里最基础、最常用的一个模型。例如，一个网页其实就是一个 HTML文件（就好比还在孕妇肚子里的婴儿它也是一个人只是能做的事情太少了），经过浏览器的解析， 最终呈现在用户面前。HTML语言是由很多标签组成的，这些标签有管开始的叫开始标签<head>还有管下一级的标签<body>。标签就像使用说明一样告诉你一步干啥第二步干啥。就像做菜一样第一步起锅烧油，第二步放菜，具体多大火多少油什么样的菜还是由自己来决定的。把每个标签抽象成代码里的对象，按照这种层次分明的结构组织，这就是DOM。
DOM树：就是很多个标签按照一定的规范排列着像一个树一样。
关于Wed前端的内容就先介绍到这里了，下篇文章给大家讲讲客户端技术，感兴趣的话可以继续去看看。
以上就是“《给产品经理讲技术》读书笔记（二）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。
