javascript

javascript 基础系列学习

• 作用域
• 执行上下文与变量对象
• 原型链
• new 的模拟实现
• 多种继承方式
• “异步的” setState 如何同步获取 state
• fetch 拦截器的实现
• js 异步发展史
• js 错误处理

手写源码系列

• 手写 Promise
  • Promise
  • asap
• debounce
• throttle
• ES5 Array: forEach/map/filter/reduce/indexOf/every,some

ES6 基础系列学习

• class
• Set、Map、WeakSet 和 WeakMap 的区别
  • SetMap
• Symbol
• Iterator 迭代器与 for of
  • Iterator
  • 参考文献

浏览器相关

• 浏览器事件循环
• 浏览器缓存
  • 浏览器文件缓存
  • ServiceWorker
  • Workbox
• 浏览器安全
• 浏览器回流与重绘
• 图片懒加载

工具类

• webpack

  • webpack 性能优化
  • webpack 输出质量优化
  • webpack 加载动态图片

• nginx

  • nginx 基本配置
  • 前后端分离通过 nginx 配置二级域名

函数式编程

• partial
  • curry 柯理化
• compose
• memoize

计算机基础系列

算法与数据结构

algorithm

数据结构

• Stack
• queue
• LinkedList

算法

• 排序算法
  • 冒泡排序
  • 选择排序
  • 插入排序
• 洗牌算法
• 动态规划
  • climStairs 爬楼梯
  • allPath 所有路径
  • minPath 最短路径
  • maxRect 最大正方形

javascript,jquery 相关

说明

jquery 插件皆可用于 react,使用方法:react 中使用 jquery 插件

封装了一个组织架构图的 jquery 插件lenharts

效果图

视差效果parallax：

用 SVG 连接两个 divindex.htmld3.js 动态修改 SVG 属性

s

js 判断鼠标划入方向mousedirction

jsplumb流程图插件

效果图

spacetree定制内容,异步加载子节点

效果图

定制化内容后的效果图

jquery 放大镜插件index1.html

html+css+js 画出的架构图index1.html