首页»2018IFE»2018IFE · 小时部落

2018 百度前端技术学院(IFE)

2018 年的百度前端技术学院(IFE)是站长系统补齐前端基础的一段重要经历。本页整理当时的任务节奏、学习路径与个人复盘,作为「小时部落」里一条独立的技术成长支线,与日常随笔区分开来。

HTML / CSS 基础 JavaScript 进阶 工程化初探
3
阶段任务
12+
练习题目
1
完整作品

一、为什么参加 IFE

当时前端知识零散,能写页面却说不清布局原理。IFE 的题目由浅入深,正好把「能跑」变成「能讲清楚为什么这样跑」。

另一个原因是它完全公开、节奏自定,适合在业余时间按自己的步调推进,不必追赶固定课表。

IFE 学习场景占位

二、任务推进的三个阶段

HTML/CSS 阶段占位

阶段一 · 布局基础

盒模型、浮动与定位、响应式栅格,重点是把视觉稿还原成结构清晰的页面。

JavaScript 阶段占位

阶段二 · 交互逻辑

DOM 操作、事件委托、表单校验,开始把静态页面变成有反馈的界面。

工程化阶段占位

阶段三 · 综合作品

整合前两阶段能力,完成一个可交互的小型页面,并做代码整理与复盘。

三、收获与踩坑清单

收获

  • 建立「先结构、后样式、再交互」的页面开发顺序
  • 学会用浏览器开发者工具定位布局问题
  • 理解响应式不只是媒体查询,更是内容优先级的取舍

踩过的坑

  • 浮动未清除导致父容器高度塌陷
  • 事件绑定在动态节点上失效,改用事件委托
  • 移动端 1px 边框与视口设置不一致

四、常见疑问

没有前端基础能参加吗?

可以。第一阶段就是从 HTML/CSS 讲起,关键是按顺序做题,不要跳阶段。

每天需要投入多少时间?

站长当时每天约 1 小时,周末集中做综合题,节奏比时长更重要。

做完之后还需要复习吗?

建议把当时的代码整理成笔记,隔一段时间回看,能发现新的理解角度。

想继续看相关随笔?

从 Hello World 到日常技术记录,都在小时部落的文章库里。

返回首页

相关阅读