Skip to content

EmilyYoung71415/LearnFE

Repository files navigation

说明

1、方向1 - 此repo仅专注原生js,DOM \ BOM \ ES 每个demo基本是涵盖了相关知识点,以此加深印象及无形中提升编码能力

2、方向2 - 前端函数收藏夹,收藏及锻炼一些经典的前端编码题,俗称前端笔试题

3、方向3 - 设计模式 - 从js的面向对象走向设计模式

4、方向4 - 一些简单的组件demo 或者是 练手项目,锻炼html、css、js代码组织能力

详细笔记见语雀: 此repo主要是demo代码

目录

DOM&Event:

  • 表单控件:
    • 可编辑的div()
    • 点击单元格可编辑(事件委托
  • 事件
    • 事件委托
    • 自定义事件
    • 拖拽
  • DOM
    • 简单冒泡机制复刻
    • getElementsByClassName、addClass实现

ES6:

  • 变量解析异构用途

js进阶:

  • call、apply用法
  • localCompare

js面向对象

设计模式

  • 策略模式实现表单校验

原生api微实现

  • new
  • call、apply
  • bind
  • assign
  • reduce
  • reduce
  • json.stringfy
  • promise
  • promise
  • cookie封装
  • ${} 模板字符串的模拟实现
  • setInterVal

前端笔试(日常开发常用函数)

  • 节流防抖
  • 链式调用
  • lazyman
  • 深浅拷贝
  • 类型判断
  • add(1)(2)(3)
  • 每次调用+1
  • 解析url
  • 数组去重
  • 数组乱序
  • 数组最大最小值
  • 数组扁平化
  • 数组findIndex
  • 千分符
  • 大数相加
  • 数字转中文大写
  • 惰性函数
  • 函数记忆

练手项目

  • 封装拖拽
  • 懒加载
  • 搜索及自动补全
  • 轮播

About

前端学习之路

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages