数据结构基础
数据结构基础主要讲了数组和对象的特性和基本方法。
正则表达式
正则这部分习题不算多，但是我还是被卡住了挺久的，比预计要用的番茄时间多了好几个，主要是有几个之前没有弄懂的地方耽误了时间，加上习题pass需要完全满足检验指定的方法，否则在编辑器里测试没问题，但是test还是一直过不了。
旧版的正则只讲了最基础的内容，如\s, \d, [a-z]等基本语法，总共只有4、5道习题，新版内容添加了很多难度更高的知识，覆盖的范围更大。另外我把之前在其他地方学过的正则的内容一并总结过来，当做一次复习。
ES6
新版的习题将ES6单独设置成一个模块，而且重点集中在新添加的基础语法上，如：
- 新增加的let和const两个命名关键字，以及它们和var的区别，重点说了变量提升，这一部分可以参照之前写的ES6学习笔记之变量声明
- 参数的扩展，包括函数的扩展（默认参数）以及数组的扩展
- 重点讲了解构赋值
- 模板字符串的使用
- Class的基本语法
- 模块化（import，export的使用）
JS算法与数据结构证书
旧版FCC内容的划分是前端（包括HTML,CSS,JS,JQUERY,BOOTSTRAP)，数据可视化内容（包括D3,REACT,SASS)，后端（包括node.js, express，MongoDB),新版的习题对以上内容作了新的划分，目前划分为6大模块，包括
- 响应式页面设计
- JavaScript算法与数据结构
- 前端框架（包括bootstrap，jQuery, Sass, React, Redux,)
- 数据可视化（包括d3, ajax)
- Api与微服务（即原来的后端，包括node.js和MongoDB)
- 信息安全与质量保证（包括HelmetJS, Chai,高级node.js和express）
其中，JavaScript算法与数据结构的内容也更加丰富，包括：
- JavaScript基础
- ES6
- 正则表达式
- Debugging
- 数据结构基础
- 算法基础
- 面向对象编程
- 函数式编程
- 算法中级
- 算法与数据结构项目测试
- 回文测试
- 罗马数字转换器
- 凯撒密码
- 电话号码验证器
- 现金收款机
JS这一部分内容就完成了，这是FCC的证书。
JavaScript基础
JavaScript基础这一部分算是非常入门级的内容，包括JS的基本变量类型以及相应的基本操作。这一部分就不做过多的总结了，习题解答如下：
CSS Flex布局
flex布局只要掌握了容器和项目的属性，就能很轻松地完成页面的布局。
CSS网格布局
这一部分详细介绍了网格布局的用法。
响应式页面设计准则
这一部分内容不多，算是对响应式页面设计提供的一些小tips。内容包括：
- 利用媒体查询设置文本的对应字体大小（可以延伸到任意元素的任意属性）
- 图片的响应式呈现（利用百分比设置宽度）
- 新添加了viewport（可视区域）的内容，利用vw, vh, vmin, vmax来设置宽高
以下是这一部分习题的解答：
Introduction to the Responsive Web Design Challenges
-
1
2
3
4
5<style>
@media (max-height: 800px) {
p { font-size: 10px; }
}
</style> -
1
2
3
4
5
6
7<style>
img {
max-width: 100%;
display: block;
height: auto;
}
</style> Use a Retina Image for Higher Resolution Displays
1
2
3
4
5
6<style>
img {
width:100px;
height: 100px;
}
</style>-
1
2
3
4
5
6
7
8<style>
h2 {
width: 80vw;
}
p {
width: 75vmin;
}
</style>
node和express基础
这一部分介绍了使用express框架操作服务器的一些基础知识，包括：
- response的扩展函数，如
res.send()发送字符串、res.sendFile()发送文件、res.json({})响应json对象 - 通过request获取请求数据，如
req.method获取请求方式、req.path获取请求路径、req.ip获取请求方ip - 如何获得get和post方式请求的数据，详细可见《body-parser解析请求体》
- 代码风格，利用next实现操作链，在前一次操作中获取变量供下一次操作使用等
信息可传达性应用
相较于旧版题库，这部分是全新的内容，加入了很多HTML5的新内容。其中包括：
- 基本的内容有：img元素中alt属性的设置，包括当图片仅做装饰作用时设置空alt属性；h2-h6元素的应用
- 新的语义化标签，如main, section, nav, header, footer, article
- figure和figcaption的搭配使用
- fieldset和legend的搭配使用
- label和for属性的搭配使用
- 新添加的input类型，如date
- 新添加的标签，如time及其datetime属性
- 网页设计中的实际操作设置，如accesskye属性设置快捷键，tabindex属性设置tab切换顺序
- 关于颜色在传递信息这一功能上的应用
- 文本和背景应呈现高对比度
- 从视障人士的角度出发，应注意避免将颜色作为强调重要信息的唯一方式
- 避免使用相近的颜色分别作为文本颜色和背景颜色