接着上一章讲解，如果本章有些知识点和公式看不懂可以看一下第一章的讲解。

变暗、变亮的实现

这两个方案实现起来很简单，就是去两张图的rgb的最小值或最大值，直接上shader代码：

一、混合模式

在ps中有很多的混合模式，如：正片叠底、滤色、变暗、变亮等等。下图为ps的算法公式图：

结构体

结构体struct是用来存放一组不同类型的数据。

1. 声明结构体类型
2. 定义变量名

变量的内存地址

每一个变量都有一个内存位置，每一个内存位置都定义了可使用连字号（&）运算符访问的地址，它表示了在内存中的一个地址。
例子：

函数

函数的语法格式：
return_type function_name(params){}换成更好理解的中文是函数返回的类型 函数名(参数){}。
函数返回类型是根据函数里面最后的返回结果是什么，比如函数类型返回是int类型，那么函数类型就应该是int类型。

三目运算符

三目运算符的格式是：
<表达式1> ? <表达式2> : <表达式3>
当表达式1为true时执行表达式2，当表达式1为false时执行表达式3。

转义字符

转义字符是为了表达一些不能显示出来的ASCII字符。 常见的转义字符有 \n, \\ ,\t

本篇博客对于c++的基础知识讲解适用于有其他语言基础的人群，如JavaScript、Java、C等。因此有些简单的东西而且相对于其他语言来讲用法是一模一样就不会记录下来了，比如if语句、while语句、switch语句等等。
博主是从事web前端这个岗位的，所以对于C++的专业知识没有比较深的理解，有些点讲解的也不是很到位，只是自己学习时候的记录笔记，可以评论留言讨论学习。

打印

以cout开始，以endl结尾，<<展示打印信息，由于c++对代码规范要求严格，所以需要写;结尾，否则报错。具体打印代码如：
cout << "hello world" << endl;

一、场景

当一个页面跳转到另一个页面，有时候需要跳转到另一个页面的指定的内容部分，该内容部分有可能就是在顶部、中间、底部。还有就是很多博客网站都有目录，点击目录中的标题就能跳转到该标题的指定位置，这两种场景是该怎么实现呢？

二、实现方法

主要是用到了 scrollIntoView ，这个是dom元素才有的方法。当该元素调用scrollIntoView方法后，页面就会自动滑到该dom的位置，前提是父元素要有滚动条，滑到的位置是相对于父元素的。

场景

当用富文本编辑好内容保存到数据库之后，数据库存的富文本的内容格式如下：

1

<div><h1>标题</h1><main>内容</main></div>

当需要在某个页面某个位置去展示它的话需要原样展示出来，要怎么办呢？