Skip to content

Latest commit

 

History

History
167 lines (145 loc) · 3.95 KB

list.md

File metadata and controls

167 lines (145 loc) · 3.95 KB

规划目标

功能篇

  • 对象

    • 深克隆
    • 比较
    • 判断空对象
    • create()
    • 返回函数名

  • 数组

    • 数组展平
    • 数组去重
    • 数组洗牌（顺序打乱）
    • 求数组最大数

  • 函数

    • call()
    • bind()
    • sleep 函数

  • String

    • padStart()
    • padEnd()
    • trim()

  • 获取窗口尺寸 ✅

  • HTML 标记转义 ✅

  • URL

    • 对象序列化为 URL 参数
    • 通过 <a> 标签来解析 URL 信息
    • 获取 URL 参数

  • DOM

    • 倒序排列子节点
    • classList
    • contains
    • getOffset
    • hide()
    • show()
    • getBoundingClientRect
    • 集合对象转换为数组（NodeList | HTMLCollection | DOMTokenList | NameNodeMAP）
    • matches
    • positon

  • 指定范围随机数生成

  • 生成 16 进制颜色值

  • 对象类型检测（基于 constructor）

  • Cookie 操作

  • parseInt 与 移位运算符

  • memoize 缓存函数

  • 时间戳快速格式化

文章篇

  • void 与 undefined ✅
  • 立即执行函数表达式 ✅
  • 对 this 对象的理解
  • 函数“防抖”与“节流”
  • 函数“柯里化”
  • compose 组合函数 ✅
  • 函数式编程概念与基本使用
  • 前端本地存储方案大全
  • HTTP 基础
  • 浏览器缓存认识
  • WEB 安全
  • 各种跨域方案的特点与应用场景
  • 浏览器渲染
    • 渲染机制及重绘和回流
    • 从输入 URL 到看到页面发生的全过程(含三握手,四挥手)
  • 内存泄漏与浏览器的垃圾回收机制
  • Event Loop 事件循环机制
  • 字符与编码的基础知识
  • 原型链与常见的继承方式
  • 对象代理（proxy，属性描述符）
  • ES5 构造函数到 ES6 的类
  • 闭包、作用域与作用域链
  • 执行上下文与执行上下文栈
  • 虚拟 DOM 是什么？
  • 前端 SEO 优化
  • 移动端的屏幕适配方案
  • 避免回调地狱都有那些方案
  • setTimeout 与 Promise
  • 单元测试
https://juejin.im/post/5bdfb387e51d452c8e0aa902#heading-4
https://juejin.im/post/5ca0c0abe51d4553a942c17d
https://juejin.im/post/5bdfb387e51d452c8e0aa902#heading-18
https://juejin.im/post/5daeefc8e51d4524f007fb15#heading-114
https://juejin.im/post/5bdfb387e51d452c8e0aa902#heading-4
https://juejin.im/post/5a06d6546fb9a045076f232a
https://juejin.im/post/5bdfb387e51d452c8e0aa902#heading-25
https://juejin.im/post/5c6e6063f265da2da53ec8f3
https://juejin.im/post/5daeefc8e51d4524f007fb15#heading-101

组件实施篇

  • 拖拽
    • JS 推拽
    • HTML5 拖拽
  • 分页
  • 获取浏览器信息
  • 滚动条位置处理（关键字：scrollingElement、元素滚动可见、元素滚动完成、滚动最后一屏处理）
  • 焦点图
  • JSONP
  • ajax 封装
  • JS 动画
  • 模态框
  • 图片懒加载
  • 瀑布流布局
  • 简单视差库
  • 前端路由组件
  • 正则处理器（email、idcard、phone、url、chinese、html/xml - tag）
  • 密码强度检测
https://juejin.im/post/5ce108275188250ef043ee20#heading-61

计模式篇

  • 简单工厂模式
  • 工厂方法模式
  • 单例模式
  • 适配器模式
  • 装饰者模式
  • 桥接模式
  • 模块方法模式
  • 观察者模式
https://juejin.im/post/5daeefc8e51d4524f007fb15#heading-99

算法与数据结构篇

  • 排序算法
    • 冒泡排序
    • 插入排序
    • 快速排序
    • 计数排序
  • 斐波纳挈
  • 数据结构
    • 堆栈
    • 队列
    • 链表
    • 字典
    • 树
  • diff 算法
  • 散列表
https://juejin.im/post/5daeefc8e51d4524f007fb15#heading-88
https://juejin.im/post/5cfddfd8e51d455d6d5357e3#heading-19
https://juejin.im/post/5c72280351882562914edb61
https://juejin.im/post/5daeefc8e51d4524f007fb15#heading-94

参考链接：

https://juejin.im/collection/5caff345f265da034622650e
https://www.cnblogs.com/HCJJ/p/5084664.html
https://github.com/wuxianqiang/libraries
https://www.yuque.com/selaginella/behxuy
https://juejin.im/post/5a091afe6fb9a044ff30f402
https://segmentfault.com/a/1190000010225928
https://juejin.im/post/5da1a04ae51d45783d6122bf
https://juejin.im/post/5da1a04ae51d45783d6122bf