ife

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 29)

学习前端的杂七杂八

ife Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 百度前端技术学院 2017

## 耀耀学院

### 任务一：表单（一）单个表单项的校验

[代码地址](https://github.com/ltaoo/ife/blob/master/project/task01.html)
[demo 地址](https://ltaoo.github.io/ife/project/task01.html)

### 任务二：表单（二）多个表单项的动态校验

[代码地址](https://github.com/ltaoo/ife/blob/master/project/task02.html)
[demo 地址](https://ltaoo.github.io/ife/project/task02.html)

### 任务三：表单（三）联动

[代码地址](https://github.com/ltaoo/ife/blob/master/project/task03.html)
[demo 地址](https://ltaoo.github.io/ife/project/task03.html)

### 任务四：听指令的小方块（一）

[代码地址](https://github.com/ltaoo/ife/blob/master/project/task04.html)
[demo 地址](https://ltaoo.github.io/ife/project/task04.html)

### 任务五：听指令的小方块（五）

[代码地址](https://github.com/ltaoo/ife/blob/master/project/task05.html)
[demo 地址](https://ltaoo.github.io/ife/project/task05.html)

### 任务六：UI 组件之浮出层

[代码地址](https://github.com/ltaoo/ife/blob/master/project/task06.html)
[demo 地址](https://ltaoo.github.io/ife/project/task06.html)

### 任务七：UI 组件之排序表格

[代码地址](https://github.com/ltaoo/ife/blob/master/project/task07.html)
[demo 地址](https://ltaoo.github.io/ife/project/task07.html)

## 商业平台学院

### UI 组件之色彩选择器

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task01.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task01.html)

### 标签云

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task02.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task02.html)

### UI 组件之图片裁剪器

[代码地址](https://github.com/ltaoo/ife/tree/master/uiComponents/task03)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task03/views/index.html)
> 由于该任务需要自己搭建后端，所以线上`demo`仅能选择图片以及展示图片，可以将项目文件拷贝至本地搭建后端。

### 无限滚动效果

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task04-2.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task04-2.html)

### 模拟时钟

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task05.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task05.html)
> 使用`html + css`实现，但是看其他同学都是使用`canvas`实现的。

### 巨型画布

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task15.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task15.html)
> 由于加载图片大所以需要等待一小会。

### 分层画布(仍存在 bug)

[代码地址](https://github.com/ltaoo/ife/tree/master/uiComponents/task16)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task16/task16.html)
> 使用鼠标拖拽实现图层切换顺序以及删除图层。

## 糯米学院

### 自定义 checkbox, radio 样式

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task06.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task06.html)

### 自定义右键菜单

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task07.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task07.html)

### 有趣的鼠标悬浮模糊效果

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task08.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task08.html)

### 使用 CSS 实现折叠面板

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task09.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task09.html)

### CSS3 饼状 loading 效果

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task10.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task10.html)
> 个人认为是最难的任务。。。

### CSS3 实现 3D 轮播图

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task11.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task11.html)

### 正则表达式之简易 markdown 文件解析器

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task12.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task12.html)

### 仿豆瓣音乐播放器

[代码地址](https://github.com/ltaoo/ife/tree/master/uiComponents/task13)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task13/index.html)

### 实现树形组件

[代码地址](https://github.com/ltaoo/ife/blob/master/uiComponents/task14.html)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task14.html)

### 封装 DOM 动画类库（一）

[代码地址](https://github.com/ltaoo/ife/tree/master/uiComponents/task17)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task17/index.html)

### 封装 DOM 动画类库（二）

[代码地址](https://github.com/ltaoo/ife/tree/master/uiComponents/task18)
[demo 地址](https://ltaoo.github.io/ife/uiComponents/task18/index.html)

### 动态数据绑定（一）

[代码地址](https://github.com/ltaoo/ife/blob/master/fakeVue/vue01.html)
[demo 地址](https://ltaoo.github.io/ife/fakeVue/vue01.html)

### 动态数据绑定（二）

[代码地址](https://github.com/ltaoo/ife/blob/master/fakeVue/vue02.html)
[demo 地址](https://ltaoo.github.io/ife/fakeVue/vue02.html)

### 动态数据绑定（三）

[代码地址](https://github.com/ltaoo/ife/blob/master/fakeVue/vue03.html)
[demo 地址](https://ltaoo.github.io/ife/fakeVue/vue03.html)

### 动态数据绑定（四）

[代码地址](https://github.com/ltaoo/ife/blob/master/fakeVue/vue04.html)
[demo 地址](https://ltaoo.github.io/ife/fakeVue/vue04.html)

### 动态数据绑定（五）

[代码地址](https://github.com/ltaoo/ife/blob/master/fakeVue/vue05.html)
[demo 地址](https://ltaoo.github.io/ife/fakeVue/vue05.html)

### 网页抓取分析服务系列之一（基础分析）

[代码地址](https://github.com/ltaoo/ife/blob/master/phantomJs/task01.js)

### 网页抓取分析服务系列之二（设备模拟）

[代码地址](https://github.com/ltaoo/ife/blob/master/phantomJs/task02.js)

### 网页抓取分析服务系列之三（服务封装）

[代码地址](https://github.com/ltaoo/ife/blob/master/phantomJs/task03)

### 网页抓取分析服务系列之四（数据交互）

[代码地址](https://github.com/ltaoo/ife/blob/master/phantomJs/task04)

## ECharts & WebVR 学院

### WebGL No.1 - Three.js 入门

[代码地址](https://github.com/ltaoo/ife/blob/master/threeJs/car.html)
[demo 地址](https://ltaoo.github.io/ife/threeJs/car.html)

### WebGL No. 2 - 光与影

[代码地址](https://github.com/ltaoo/ife/blob/master/threeJs/car02.html)
[demo 地址](https://ltaoo.github.io/ife/threeJs/car02.html)

### WebGL No. 3 - 材质与纹理

[代码地址](https://github.com/ltaoo/ife/blob/master/threeJs/car03.html)
[demo 地址](https://ltaoo.github.io/ife/threeJs/car03.html)

### WebGL No. 4 - 照相机和交互控制

[代码地址](https://github.com/ltaoo/ife/blob/master/threeJs/car04.html)
[demo 地址](https://ltaoo.github.io/ife/threeJs/car04.html)

### WebGL No.5 - 动画

[代码地址](https://github.com/ltaoo/ife/blob/master/threeJs/car05.html)
[demo 地址](https://ltaoo.github.io/ife/threeJs/car05.html)

### WebGL No.6 - 外部模型

[代码地址](https://github.com/ltaoo/ife/blob/master/threeJs/car06.html)
[demo 地址](https://ltaoo.github.io/ife/threeJs/car06.html)

### WebGL No.7 - 着色器

[代码地址](https://github.com/ltaoo/ife/blob/master/threeJs/car07.html)
[demo 地址](https://ltaoo.github.io/ife/threeJs/car07.html)

### ECharts NO.1 - 零基础绘制ECharts图表

[代码地址](https://github.com/ltaoo/ife/blob/master/echarts/task01.html)
[demo 地址](https://ltaoo.github.io/ife/echarts/task01.html)

### ECharts NO.2 - 实现自定义的统计图表

[代码地址](https://github.com/ltaoo/ife/blob/master/echarts/task02.html)
[demo 地址](https://ltaoo.github.io/ife/echarts/task02.html)

### ECharts NO.3 - 绘制地图

[代码地址](https://github.com/ltaoo/ife/blob/master/echarts/task03.html)
[demo 地址](https://ltaoo.github.io/ife/echarts/task03.html)

### ECharts No.4 - 可视化前的数据预处理

[代码地址](https://github.com/ltaoo/ife/blob/master/echarts/task04.html)
[demo 地址](https://ltaoo.github.io/ife/echarts/task04.html)

### ECharts No.5 - 动态数据

[代码地址](https://github.com/ltaoo/ife/blob/master/echarts/task05.html)
[demo 地址](https://ltaoo.github.io/ife/echarts/task05.html)

### ECharts No.6 - 绘制人物关系图

[代码地址](https://github.com/ltaoo/ife/blob/master/echarts/task06.html)
[demo 地址](https://ltaoo.github.io/ife/echarts/task06.html)

### ECharts NO.7 - 空气质量可视化

[代码地址](https://github.com/ltaoo/ife/blob/master/echarts/task07.html)
[demo 地址](https://ltaoo.github.io/ife/echarts/task07.html)

## 轮子

### CMD 规范模块加载器

[代码地址](https://github.com/ltaoo/ife/tree/master/module/seajs)

### vue 源码阅读过程

[代码地址](https://github.com/ltaoo/ife/tree/master/vue)

### Promise
[代码地址](https://github.com/ltaoo/ife/tree/master/promise)

ife

ife Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ife

ife Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README