javascript

javascript 基础系列学习

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

手写源码系列

• 手写 Promise

  • Promise
  • asap

• curry 柯理化

• debounce

• throttle

• ES5 array api

  • forEach
  • map
  • filter
  • reduce
  • indexOf
  • every,some

ES6 基础系列学习

• Set、Map、WeakSet 和 WeakMap 的区别

  • SetMap

• Iterator 迭代器与 for of

  • Iterator
  • 参考文献

浏览器相关

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

工具类

• webpack

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

• nginx

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

算法学习系列

排序算法

• 冒泡排序

  • 参考文献

• 选择排序

javascript,jquery 相关

说明

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

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

效果图

视差效果parallax：

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

js 判断鼠标划入方向mousedirction

jsplumb流程图插件

效果图

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

效果图

定制化内容后的效果图

jquery 放大镜插件index1.html

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