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
- 千分符
- 大数相加
- 数字转中文大写
- 惰性函数
- 函数记忆
练手项目
- 封装拖拽
- 懒加载
- 搜索及自动补全
- 轮播