javascript

javascript 基础系列学习

• 作用域
• 执行上下文与变量对象
• 原型链
• new 的模拟实现
• 多种继承方式
• “异步的” setState 如何同步获取 state
• fetch 拦截器的实现
• js 异步发展史
• js 模块化
• js 错误处理
• js 判断相等
• 函数式编程
  • partial
    • curry 柯理化
  • compose
  • memoize
  • Pip

ES6+ 基础系列学习

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

手写源码系列

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

前端框架

• React.setState
• vite
• immer.js

浏览器相关

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

工具类

• webpack

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

• nginx

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

计算机基础系列

算法与数据结构

algorithm

数据结构

• Stack
• queue
• LinkedList

算法

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

interview

• interview

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