0-写在前面
从上学期的数据库课设要求搭建网页开始接触到前端技术，到假期冯如杯做展示平台的开发，学习了一定的前端技术基础，再此记录一下学习的心得与收获。
1-基础知识补充
1-1 HTML5
【概述】
W3C对于超文本标记语言HTML(HyperText Markup Language) 的第五次重大修改。是继HTML4.01以后的一个新的标准。自2008年第一份正式草案提出，至2014年W3C宣布HTML5规范订制完成，一共历时6年时间，目前大多数浏览器对HTML5支持。
支持H5的浏览器有Chrome, FireFox,Safari, Opera,IE9以上版本，等等。
【设计目的】
【新增元素】
几个比较重要的新增元素。
1.画布
<canvas>标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
2.多媒体
<audio>音频
<vedio>视频
<source>多媒体资源 <video> 和 <audio>
3.新增表单
<keygen>规定用于表单的密钥对生成器字段。
<datalist>定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<output>定义不同类型的输出，比如脚本的输出。
1-2 CSS3
【概述】
三级层叠样式表，是在CSS（Cascading Style Sheet）的基础上的技术升级版本。主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
【部分新增选择器】
结构性伪类：如E:nth-child(n)匹配父元素中的第n个子元素E。
目标伪类：E:target匹配相关URL指向的E元素。
【部分新增特性】
CSS3的新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。
1-3 BOM
浏览器对象模型Browser Object Modeling。是用于描述浏览器对象之间关系的层次模型，BOM由多个对象组成，代表浏览器窗口的Window是顶层对象，其他对象都是该对象的子对象。
其主要功能可以支持：
1. 弹出新浏览器窗口的能力；
2. 移动、关闭和更改浏览器窗口大小的能力；
3. 可提供WEB浏览器详细信息的导航对象；
4.可提供浏览器载入页面详细信息的本地对象；
5 .可提供用户屏幕分辨率详细信息的屏幕对象；
6. 支持Cookies；
7. Internet Explorer对BOM进行扩展以包括ActiveX对象类，可以通过JavaScript来实现ActiveX对象。
2-题目总结
2-1 position：relative 定位与position:absolute定位
absolute是相对于浏览器定位，使元素脱离文档流。
relative是相对于前一个容器定位，不使元素脱离文档流。
2-2 CSS中的继承
子元素继承父元素的样式，只有部分属性可以继承，部分内容总结如下：
1、不可继承的属性
• display
• 背景图片、颜色
background、background-color、background-image、background-repeat、background-position、background-attachment
• 盒子模型属性
width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left
• 定位属性
float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
2、可继承的属性
• 字体系列
font：组合字体
font-family：规定元素的字体系列
font-weight：设置字体的粗细
font-size：设置字体的尺寸
• 部分的文本属性
color
text-indent：文本缩进
text-align：文本水平对齐
line-height：行高
• visibility
2-3 JavaScript中的函数参数传递方式
ECMAScript中所有函数的参数都是按值传递的——《高程3》原话。
但是为了便于理解，JS中的函数参数传递可以理解成按值传递和按引用传递。
按值传递即在函数内部的改变不会对外部产生影响。
我们可以把ECMAScript函数的参数想象成局部变量。在向参数传递基本类型的值时，被传递的值被复制给一个局部变量（即命名参数，或者用ECMAScript的概念来说，就是arguments对象中的一个元素）。在向参数传递引用类型时，会把这个值在内存中的地址（指针）复制给一个局部变量，因此这个局部变量的变化会反映在函数的外部。
这就是在函数参数传递之中的两种形式，总结来看，在传基本类型的值时，传入复制的实参；传递对象时，会将引用传入argument对象中。
3-后记
这一周的日程还算比较紧凑，每天一场面试，还是希望自己能好好准备，认真应对。
本来投的是Black Mirror的岗位，去了之后发现Pharber和Black Mirror是同一家。公司给人感觉氛围还不错，面试官很友善。
第一轮是笔试，题目比较基础；第二轮是做技术的学长来面的，问到了一些比较基础而且重要的概念，有的内容不太好描述，所以回来查了查补充成笔记整理下来；第三轮是公司的合伙人Boss直接来面，聊了一些跟后台开发相关的内容，还问了问我如果做后台开发是不是也不排斥。
总之还有很多需要努力的地方，还要继续好好加油，踏踏实实学好技术，做自己真正喜欢的。
一轮总结【Pharber & Black Mirror 3.5】
原文：https://www.cnblogs.com/chrischen98/p/10480462.html