Web前端最全iOS开发进阶（十七）：PrefixHeader，2024年最新2024Web前端春招面试

读者福利

========

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

由于篇幅过长，就不展示所有面试题了，想要完整面试题目的朋友（另有小编自己整理的2024大厂高频面试题及答案附赠）

一、前言

PrefixHeader.pch （.pch 即:Prefix Header）是一个预编译文件，一般用来存放常用的宏、头文件、配置日期、函数声明或类前缀定义等，在Prefix Header中通过import导入的头文件和define定义可以直接在项目中使用，无需在单独的文件中重新导入或定义便可以被项目中的其它文件访问到，以便在项目的多个文件中共享这些定义。

二、Xcode 设置 Prefix Header

Xcode 8 之后新建项目不会默认创建PrefixHeader.pch 文件，需要自己创建，这显得很不方便。下面讲解下如何快速创建并配置PrefixHeader.pch 文件。

首先，在需要插入pch文件的目录下，选择新建文件，选择 PCH File，点击下一步后文件会自动创建到目录中。

然后，在Targets的Build Settings中搜索Prefix Header。

然后，将Precomplie Prefix Header选项改为YES，这样pch会被预编译，预编译后的pch文件会被缓存起来，从而提高编译速度。

双击Prefix Header右侧的空白项，会弹出一个小窗，输入下面的路径字符串，会自动替换你的工程实际路径名称。

$(SRCROOT)/$(PROJECT_NAME)/PrefixHeader.pch

例如：

$(SRCROOT)/DEMO-APP/DEMO-APP-Header.pch

Command+B编译一下程序，看是否会报错。如果有错误，检查下路径是否添加正确。

至此，PrefixHeader.pch 文件配置完成。

三、PrefixHeader.pch 文件讲解

注1⚠️：因为 pch 文件在预编译后会将头文件缓存起来，再次编译时则不需要重新编译该文件中的内容，进而提升了编译速率。所以尽量不要将开发中共用性较低的文件或宏定义(宏定义可单独创建一个头文件进行存放，再将该宏文件引入至 pch)引入进 pch 文件中导致重复编译的操作，反而降低其速率使文件所带来的作用大大折扣。

注2⚠️：pch 文件的命名方式，建议以项目名称开头，例如项目名称为"TestDemo"则 pch 文件名称则为"TestDemo-Prefix"，当然实际命名以用途为准。

.pch文件示例如下：

//
// Hello-Header.pch
//

#ifndef Hello\_Header\_pch
#define Hello\_Header\_pch

#define WEAKSELF typeof(self) \_\_weak weakSelf = self;
#define STRONGSELF typeof(self) \_\_strong strongSelf = self;
#define STRONGSELFFor(object) typeof(object) \_\_strong strongSelf = object;
#define kScreen [UIScreen mainScreen].bounds.size
#define kScreenWidth [UIScreen mainScreen].bounds.size.width
#define kScreenHeight [UIScreen mainScreen].bounds.size.height
#define HexCorlor(hexValue) [UIColor colorWithRed:((float)((hexValue & 0xFF0000) >> 16)) / 255.0 green:((float)((hexValue & 0xFF00) >> 8)) / 255.0 blue:((float)(hexValue & 0xFF)) / 255.0 alpha:1.0]

#define DEFAULTFRAME CGRectMake(0, 0, 1, 1)
#define BIGHEIGHT kScreen.width\*9/16
#define SMALLHEIGHT (kScreen.width/2)\*9/16

#define is\_iPhoneXSerious ({\
BOOL isPhoneX = NO;\
if (@available(iOS 11.0, \*)) {\
 UIWindow \*window = [[UIApplication sharedApplication].windows firstObject];\
 isPhoneX = window.safeAreaInsets.bottom > 0;\
}\
isPhoneX;\
})


#define is\_portrait ({\
BOOL is\_portrait = NO;\
UIInterfaceOrientation orientation = [UIApplication sharedApplication].statusBarOrientation;\
is\_portrait = !UIInterfaceOrientationIsLandscape(orientation);\
is\_portrait;\
})

#define STATUS\_BAR\_HEIGHT (is\_iPhoneXSerious ? 44.f : 20.f)

#define NAVIGATION\_BAR\_HEIGHT (is\_iPhoneXSerious ? 88.f : 64.f)

#define TAB\_BAR\_HEIGHT (is\_iPhoneXSerious ? (49.f+34.f) : 49.f)

#define HOMEINDICATOR\_HEIGHT (is\_iPhoneXSerious ? 34.f : 0)

#define KViewRadius(View, Radius)\
\
下面是我在学习HTML和CSS的时候整理的一些笔记，有兴趣的可以看下：

![HTML、CSS部分截图](https://img-blog.csdnimg.cn/img_convert/2bb6b442a4432372fe5b9ccea2ad93d0.png)

### 进阶阶段



进阶阶段，开始攻 JS，对于刚接触 JS 的初学者，确实比学习 HTML 和 CSS 有难度，但是只要肯下功夫，这部分对于你来说，也不是什么大问题。

JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。



我这部分的学习技巧是，增加次数，减少单次看的内容。就是说，第一遍学习 JS 走马观花的看，看个大概，去找视频以及网站学习，不建议直接看书。因为看书看不下去的时候很打击你学下去的信心。

然后通过一些网站的小例子，开始动手敲代码，一定要去实践、实践、实践，这一遍是为了更好的去熟悉 JS 的语法。别只顾着来回的看知识点，眼高手低可不是个好习惯，我在这吃过亏，你懂的。



**1、JavaScript 和 ES6**



在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。



![JavaScript部分截图](https://img-blog.csdnimg.cn/img_convert/cac778dc45492a41e2f3e7cd6b0134e5.png)



**2、前端框架**

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

以 Vue 为例，我整理了如下的面试题。



![Vue部分截图](https://img-blog.csdnimg.cn/img_convert/c6738a80c94640db83f7ffbf487ac5f0.png)