2024年Web前端最全Core Animation实战一（认识图层CALayer），2024年最新面试必过

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

• HTML5新特性，语义化

• 浏览器的标准模式和怪异模式

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

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

创建Layer和 Layer的基本几个简单的属性，不好说明的以后会单独拿出来做例子。

//

// ViewController.m

// LayerStudyDemo

//

// Created by apple on 2017/9/15.

// Copyright © 2017年 ZY. All rights reserved.

//

#import “ViewController.h”

@interface ViewController ()

@end

@implementation ViewController

{

CALayer * yellowLayer;

}

• (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

self.view.backgroundColor = [UIColor whiteColor];

//是否沿着Y轴翻转

self.view.layer.geometryFlipped = YES;

[self layerDemo];

}

//创建一个图层

-(void)layerDemo{

yellowLayer = [CALayer layer];

yellowLayer.frame = CGRectMake(50, 200, 100, 100);

yellowLayer.backgroundColor = [UIColor yellowColor].CGColor;

//设置圆角

yellowLayer.cornerRadius = 30;

//默认四个圆角，你也可以选择圆角个数

yellowLayer.maskedCorners = kCALayerMinXMaxYCorner|kCALayerMinXMinYCorner;

//BOOL，Animatable。图层有双面，是否都显示，设置NO意思背面看不到。下图是两个图层分别设置doubleSided为NO和YES翻转180°的效果。默认值为YES

yellowLayer.doubleSided = NO;

CATextLayer * textLayer = [CATextLayer layer];

textLayer.frame = yellowLayer.bounds;

textLayer.string = @“我们不一样”;

[yellowLayer addSublayer:textLayer];

CALayer * blueLayer = [CALayer layer];

blueLayer.frame = CGRectMake(50, 200, 100, 100);

blueLayer.backgroundColor = [UIColor blueColor].CGColor;

总结:

• 函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

• 它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

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

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；