Coding-with-Front-end

Gorit 的前端学习记录

一、CSS 项目预览

1. 垂直居中
2. 等分布局
3. 等高布局
4. 多列布局
5. 居中布局
6. 全屏布局
7. 三列布局
8. 圣杯布局
9. 双飞翼布局
10. 水平居中布局
11. css 其他项目特别整理
12. position 布局整理

二、JavaScript 项目预览

2.1 document（游览器内置对象）

1. built_in_objects （内置对象）
2. event （事件）
3. other
4. window object (window 对象)

2.2 libraries（组件库）

1. Vue
2. React

三、Project 部分

3.1 HTML + CSS + JS

50个原生编程案例应用

3.2 CSS projects in 15 days

一天一个案例学 CSS

3.3 javascript demo

• js 小案例

updated on 2020/2/1 by Gorit

四、ES6

参考书籍《深入理解ES6》

1. chapter1 —— var、let、const 以及作用域
2. chapter2 —— string and reg
3. chapter3 —— function、params
4. chapter4 —— object
5. chapter5 —— 解构赋值
6. chapter6 —— Sybol
7. chapter7 —— Set、Map
8. chapter8 —— Iterator —— generator iterator advanced iterator
9. chapter12 —— proxy and Reflect API

五、interview

1. 防抖 与 节流实现
2. call、apply、bind 实现
3. 数组去重
4. 手写 js flat
5. 实现 eventEmmiter
6. 实现 promise

更新记录

2024/12/19 add promise example for interview

2024/12/18 add eventEmmiter example for interview

2023/10/30 add ts-study demo

2023/7/15 rebuid for css demos's project structure, update vue2/vue3 projects

2023/6/24 add javascript demo for checkBox

2022/10/31 add flutter notes

2022/7/4 add proxy and reflect of es6 and put an end to summary

2022/6/12 add GOF

2022/6/8 add es6 of weak set examples

2022/5/31 add typescript branch, and edit decorator example

2022/5/31 add Symbol Examples

2022/5/25 add gif to display detail for projects of CSS in 15 days

2022/5/22 ES6 —— finish chaper8, next step may be Symbol or chapter9 (class in JavaScript)

2022/5/20 ES6 —— chapter8 iterator and generator, merge from es6

2022/5/17 ES6 —— chapter4 object, merge from es6

2022/4/11 ES6 —— chapter2 master merge from es6

2022/4/2 ES6 —— chapter2 更新 ing（节选）

2022/3/24 ES6 —— chapter1 内容更新完毕

2022/3/22 更新 ES6 内容，chapter1

2022/1/22 更新 HTML + CSS + JS 项目案例 —— 打字游戏

2022/1/6 拉出 Project 分支，重新梳理 HTML + CSS + JS 案例

2021/12/28 重新梳理项目结构，并划分分支

2020/6/25 更新了一个实战项目，Vue 开发电商后台管理系统

2020/2/11 更新了一个vue2.5 去哪网的项目