字节跳动社招前端面试题，Swift 开源项目精选，半路出家前端程序员看我轻松逆袭

| BWWalkthrough | Yari | 界面切换中加入灵动的动画效果 |

| ios-charts | Daniel Gindi | Android 图表开源库 MPAndroidChart 的 Swift 版 |

| PNChart-Swift | Kevin Zhow | 带动画效果的图表控件库 |

| SwiftCharts | Ivan Schütz | 基于层架构设计思想的图表类库 |

| HamburgerButton - Menu/Close | Robert Böhnke | 无论设计还是代码，都进行了精雕细琢 |

| HamburgerButton - Menu/Back | Arkadiusz Holko | 对应博文可知，开发者动画开发经验相当丰富 |

| HamburgerButton - Check | Takuya.Okamoto | Hamburger 风格按钮动画图标（单选）组件 |

| entotsu/TKSubmitTransition | Takuya Okamoto | 登录加载、返回按钮转场动画组件 |

| AIFlatSwitch | cocoatoucher | 一款带平滑过渡动画的 Switch 组件类 |

| yoavlt/LiquidFloatingActionButton | Takuma Yoshida | 可定制水滴型浮动动态按钮组件 |

| XLActionController | XMARTLABS | 具有丰富可定制风格及动效的 Action 控制类 |

| Swift-Prompts | Gabriel Alvarado | 一款漂亮、实用的提示弹窗 |

| SweetAlert-iOS | Viktor Radchenko | 带动画效果弹窗封装类 |

| Dodo | The Exchange Group | 一款轻量地可定制信息栏小组件 |

| AnimatedTabBar | Ramotion | 灵动的动画标签栏类库 |

| KYCircularProgress | Kengo YOKOYAMA | 简单、实用路径可定进程条 |

| Circular-Progress-View | Wagner Truppel | 小而精悍地可定制类似  Watch 圆型进程条组件 |

| GaugeKit | Petr Korolev |  Watch 风格运动进程表盘 |

| LiquidLoader | Takuma Yoshida | 细滑进程装载动画效果 |

| FloatLabelFields | Fahim Farook | Float Label Pattern 浮动标签输入效果类 |

| ParkedTextField | Gunay Mert Karadogan | 带固定文本的输入组件 |

| optonaut/ActiveLabel.swift | Optonaut | 扩展实现 UILabel 触控事件针对 “#, @, 链接” 响应 |

| GMStepper | Gunay Mert Karadogan | 带动画效果、支持手势滑动操作的步进标签 |

| MapManager | Jimmy Jose | 地图及路径管理封装库 |

| LineChart | Mirco Zeiss | 功能完整、实用的折线图组件 |

| KSTokenView | Khawar Shahzad | 带搜索、快捷输入、分段显示关键词输入组件 |

| TFBubbleItUp | The Funtasty | 配置性很强的分段文本标签输入组件 |

| GearRefreshControl | Andrea Mazzini | 无违和感的下拉刷新动画组件 |

| ElasticTransition | Luke Zhao | 畅快、无违和感的皮筋式动画转场 |

| DGElasticPullToRefresh | Danil Gontovnik | 皮筋式弹性下拉即刷新组件及演 |

| MAGearRefreshControl | Michaël Azevedo | 同样是下拉刷新，人家花了很大的心思写代码 |

| PullToRefresh | Yalantis | 刷新动画可定制的下拉数据请求更新组件 |

| PullToBounce | Takuya.Okamoto | 弹跳球效果下拉即刷新动画类库及演示 |

| Koloda | Yalantis | 基于卡片的 Tinder-style 动画效果示例 |

| tispr/tispr-card-stack | tispr | 卡片风格动画切换组件及完整交互示例 |

| CameraManager | Imaginary Cloud | 简单、易用的相机管理封装类库 |

| QRCodeReader | Yannick Loriot | QR 二维码阅读组件及示例 |

| SwiftQRCode | Fan Liu | 简单、实用的 QR Code 扫描识别及生成库 |

| swiftScan | MxABC | 具有丰富功能的二维码扫描组件及类库 |

| AAFaceDetection | Aaron Abentheuer | 简单、实用的面部识别封装库 |

| JGTransitionCollectionView | Jay Gajjar | 集合视图扩展实现自动布局及单元项动画 |

| SABlurImageView | szk-atmosphere | 支持渐变动画效果的图像模糊化类库 |

| Blurable | simon gladman | 基于 Swift 协议扩展实现任意 UIView 的高斯模糊算法滤镜库 |

| WobbleView | inFullMobile | 当界面组件过渡时，带波纹摆动效果的组件扩展 |

| RichEditorView | Caesar Wirth | 一套可定制富文本编辑器组件及示例（基于 HTML5） |

| MarkdownTextView | Indragie Karunaratne | 非常轻量、简洁、高效的 Markdown 编辑组件及示例 |

| DBPathRecognizer | Didier Brun | 基于路径模型的手势识别工具 |

| PennyPincher | fe9lix | 手势识别机器学习类库及演示 |

| GuillotineMenu | Yalantis | 极具创意及突破精神的动画演示 |

| SingleLineShakeAnimation | Håkon Bogen | 用一行代码给视图加上抖动效果 |

| JGFlipMenu | jeff greenberg | Flip 式菜单及其对应动画组件 |

| ChineseTraditionalColors | Zhixuan Lai | 中国传统颜色引用 UIColor 扩展 |

| ShinpuruLayout | simon gladman | 通过水平和垂直分组模块实现简单、快速布局的组件库 |

| Neon | Mike Amaral | 功能强大的 UI 布局神器 |

| ZoomTransition | Tristan Himmelman | 通过手势操控图片的放大、缩小、旋转等自由变化效果的组件及示例 |

| MCMHeaderAnimated | Mathias | 提供列表与详细页切换转场动画 |

| ZLSwipeableViewSwift | Zhixuan Lai | 多变的卡片切换转场动画封装类库 |

| SwiftPages | Gabriel Alvarado | 高可定制类似 Instagram 视图滑动切换 |

| Butterfly | Wongzigii | 轻量、优雅的缺陷报告及反馈组件 |

| Presentation | Hyper | 方便你制作定制的动画式教程 |

| RazzleDazzle | IFTTT | 基于关键锁的动画框架类库 |

| Sapporo | Le Van Nghia | 单元格模型驱动的集合视图管理器 |

| QuickRearrangeTableView | Sergey Pershenkov | 基于 UITableView 的快速重排功能 |

| ConfigurableTableViewController | Arkadiusz Holko | 多类型可扩展单元格 UITableViewController |

| SlideMenuControllerSwift | Yuji Hato | 侧滑菜单组件 |

| CKWaveCollectionViewTransition | Cezary Kopacz | 仿波纹（图片）视图收放动画 |

| NVActivityIndicatorView | Nguyen Vinh | 酷炫的装载动画库及演示 |

| FillableLoaders | Pol Quintana | 可定制个性化填空式装载类库 |

| EasyTipView | Teodor Patraş | 弹出提示框类及演示示例 |

| Popover | Yusuke Takahashi | 泡泡风格弹出视图封装类库 |

| BRYXBanner | Bryx | 可以带图片显示的下拉通知条类库及示例 |

| Whisper | Hyper | 使用简单、功能实用的消息及应用通知组件 |

| SwiftPasscodeLock | Yanko Dimitrov | 可定制密码锁类库及示例 |

| PhotoBrowser | Charlin_冯成林 | 照片浏览利器，定制化特性丰富 |

| AMScrollingNavbar | Andrea Mazzini | 上下滚动时自动消隐或显示导航标题栏 |

| GooeyTabbar | @KITTEN-YANG | 皮筋式弹性缩放工具栏示例及演示 |

| PagingView | Kyohei Ito | 注重细节的自动布局分页视图 |

| InceptionTouch | Ricardo Zertuche | 让没有 3D Touch 设备也有类似交互体验 |

| Instructions | Frédéric Maquin | 可定制操作指引框架及演示 |

| SwiftGraph | David Kopec | 可应用于 iOS/OSX 平台的图形数据结构类库及演示 |

| TrelloNavigation | @靛青K | 类似 trello 的导航动效控件实现 |

| MPParallaxView | Droids On Roids | Apple TV 中 Parallax 效果 |

| TKSwitcherCollection | @TBXark | Switch 切换动画效果集合组件及演示 |

| DateRangePicker | MrMage | 日期区间选择组件 |

| Periscope-VideoViewController | Danil Gontovnik | 简洁实用的视频快进、倒带控制 |

| Gecco | yukiasai | 帮助开发者快速制作新手导引界面 |

• 框架类

| 项目 | 开发者 | 备注 |

| — | — | — |

| AsyncDisplayKit | facebook | 提供界面的高流畅性切换及更灵敏的响应 |

| Cartography | Robert Böhnke | 基于代码级的自动布局封装框架 |

| MMWormhole | Mutual Mobile | iOS 扩展与宿主应用的通讯框架 |

| Wormhole | @nixzhu | MMWormhole 的纯 Swift 版本 |

| NetworkObjects | Coleman Miller | 轻量版 HttpServer 框架，跨平台解决方案 |

| SwiftFoundation | PureSwift | 跨平台（支持 Linux）、面向协议编程基础库 |

| MotionKit | Haroon Baig | 方便使用三轴陀螺仪、加速感应器及磁力仪 |

| Jetstream | Uber | 支持多用户实时通讯的 MVC 框架 |

| SwiftSpace | simon gladman | 通过重力感应、陀螺仪、摄像头等常用传感器进行三维绘图 |

| JSQNotificationObserverKit | Jesse Squires | 轻量、易用的通知发送及响应框架类库 |

| X | Sam Soffes | iOS/OS X 平台统一开发类库 |

| TouchVisualizer | Morita Naoki | 实用的多点触摸可视化组件 |

| Bond | Bond | 使用简单、易于理解的对象绑定框架 |

| Prototope | Khan Academy | 一款轻量的 Javascript 桥接 Swift 库 |

| XcodeServerSDK | Honza Dvorsky | 非官方 Xcode Server SDK 封装库 |

| ios-universal-webview-boilerplate | Freeman | 快速封装 WebApp 到 iOS 应用 |

| Perfect | PerfectlySoft | 打造专业应用服务器开始 |

| Epoch | Zewo | 独立于平台的 Http 服务器 |

| swift-http | Henry Tr. | 符合开放平台规范的最简 HTTP 示例服务器 |

| Curassow | Kyle Fuller | 简单、高效、低耦专业 Web 服务器及示例 |

| swifter | Damian Kołakowski | 轻量的 HTTP 服务器引擎 |

| vapor | Tanner | 更轻量、小巧型，且方便二次开发的 Web 服务器 |

| CKSIncrementalStore | CloudKitSpace | 基于 CloudKit 服务器实现多终端数据同步 |

| apous | David Owens II | 让 Swift 成为脚本语言 |

| RxSwift | ReactiveX | 让事件驱动应用更容易进行管理 |

| Interstellar | Jens Ravens | 简单、轻量的函数响应式编程框架 |

| mattress | BuzzFeed | 离线缓存 Web 浏览内容 |

| BluetoothKit | Rasmus Taulborg Hummelmose | 基于 CoreBluetooth API 跨设备间蓝牙通讯封装类库 |

| Erik | phimage | 主要应用于网页功能测试 |

| Chatto | Badoo Development | 轻量级聊天应用框架及示例 |

| ALCameraViewController | Alex Littlejohn | 摄像头视图控制器 |

| Swift-AI | Collin Hundley | 开发中的 AI 及机器学习库 |

| Popsicle | David Román | 内置支持 UIKit 的插值框架类库及演示 |

| C4iOS | – C4 – | 用更少的代码，创建最佳应用体验库 |

| BothamUI | Karumi | MVP 框架库及示例 |

| ReduxKit | ReduxKit | 新颖的状态流记录框架 |

| SwiftyGPIO | Umberto Raimondi | 控制 C.H.I.P. 或树莓派的 GPIOs |

| Swindler | Tyler Mandry | 管理 OS X 应用窗口框架 |

| Chameleon-Swift | Daniel Hong | 将 iOS API 移植到 OS X 的高度实验性项目 |

| SwiftAndroid | SwiftAndroid | 苹果swift开源分支，写 Android 应用，详见：Getting started |

| FolioReaderKit | FolioReader | ePub 阅读器及解析框架库 |

| LeanCloud SDK | LeanCloud | 数据存储、用户管理、消息推送、应用统计、社交分享、实时聊天等服务 |

| Localize-Swift | Roy Marmelstein | 国际化及本地化字符串框架库 |

| AudioKit | AudioKit | 音频合成、加工及分析平台框架库 |

“车子”

• 示例项目

| 项目 | 开发者 | 备注 |

| — | — | — |

| LTMorphingLabel | Lex Tang | 特赞的文字飘入飘出效果 |

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-nNZtyIXf-1712521574060)]