Skip to content

Jacky-Summer/personal-blog

Repository files navigation

JackySummer 的个人博客

✍️ 个人技术学习记录、随笔、总结、杂记

🚀 关注前端发展,学习前沿技术,深入分析原理,努力写好代码和优质文章

注:文章均属原创,版权归属 JackySummer 账号所有,商业转载请联系笔者获得授权,非商业转载请注明出处。

🏃 状态

博客会持续更新,希望和你一起努力,共勉 👊 ...

🎉 我的技术社区

深入理解 JavaScript 系列目录

  1. 深入理解 JavaScript 之执行上下文和执行栈
  2. 深入理解 JavaScript 之执行上下文和变量对象
  3. 深入理解 JavaScript 之变量提升
  4. 深入理解 JavaScript 之由一道题思考闭包
  5. 深入理解 JavaScript 之原型与原型链
  6. 深入理解 JavaScript 之作用域链与闭包
  7. 深入理解 JavaScript 之 new 原理及模拟实现
  8. 深入理解 JavaScript 之实现继承的 7 种方式
  9. 深入理解 JavaScript 之 call, apply, bind 方法
  10. 深入理解 JavaScript 之手写 call, apply, bind 方法
  11. 深入理解 JavaScript 之手写浅拷贝和深拷贝
  12. 深入理解 JavaScript 之事件循环(Event Loop)

ES6 系列

  1. ES6 系列之 let 和 const 与 var 的区别
  2. ES6 系列之变量的解构赋值
  3. ES6 系列之模板字符串
  4. ES6 系列之箭头函数全解析
  5. ES6 系列之一文彻底弄懂 Iterator
  6. ES6 系列之 Generator 生成器全解析
  7. ES6 系列之 Promise 题合集
  8. ES6 系列之手写 Promise
  9. ES6 系列之 Proxy

TypeScript 系列

  1. TypeScript 入门知识点总结
  2. TypeScript 进阶经验总结

React 系列

  1. 用 React+Antd 封装 Axios 实现全局 Loading 效果
  2. React 函数 this 绑定的原因及四种绑定方式对比
  3. 浅谈 React 的 Context API
  4. 实现 createElement 和 render 方法
  5. 手写模拟实现 React Hooks
  6. 实现一个迷你 Redux(基础版)
  7. 实现一个 Redux(完善版)
  8. 带你实现 react-redux
  9. 理解 redux-thunk 源码
  10. 手写实现 MobX 的 observable 和 autorun 方法
  11. 手把手带你入门 Gatsby
  12. 手把手带你入门 Next.js
  13. 谈谈对 React 新旧生命周期的理解
  14. 深入 React 的 setState 机制
  15. 浅谈对 React Fiber 的理解
  16. 浅析 requestIdleCallback
  17. React 的状态管理库 —— Recoil
  18. 升级 React Router v6 指南
  19. 一文解读 React 17 与 React 18 的更新变化
  20. 深入 React Context 源码与实现原理
  21. 深入 React 合成事件机制源码与原理
  22. 深入 React 源码 render 阶段的 beginWork 流程
  23. 深入 React 源码 render 阶段的 completeWork 流程

解读 ahooks 源码系列

  1. 【解读 ahooks 源码系列】(开篇)如何获取和监听 DOM 元素
  2. 【解读 ahooks 源码系列】DOM 篇(一)
  3. 【解读 ahooks 源码系列】DOM 篇(二)
  4. 【解读 ahooks 源码系列】DOM 篇(三)
  5. 【解读 ahooks 源码系列】DOM 篇(四)
  6. 【解读 ahooks 源码系列】Dev 篇——useTrackedEffect 和 useWhyDidYouUpdate
  7. 【解读 ahooks 源码系列】Advanced 篇
  8. 【解读 ahooks 源码系列】State 篇(一)
  9. 【解读 ahooks 源码系列】State 篇(二)
  10. 【解读 ahooks 源码系列】Effect 篇(一)
  11. 【解读 ahooks 源码系列】Effect 篇(二)

Vue 系列

  1. 实现 Vue 中 EventBus 通信方式
  2. 手写简易的 Vuex
  3. 手写简易的 Vue Router
  4. 带你入门体验 Vue3

日常总结

  1. 获取数组中的最大值方法
  2. 原生 JavaScript DOM 操作常见汇总
  3. 总结 JavaScript 数组方法
  4. 手写防抖与节流函数
  5. 前端跨域解决方案归纳整理
  6. 基于 SSR/SSG + Gatsby 的前端 SEO 优化
  7. escape、encodeURI、encodeURIComponent 区别
  8. 前端安全-XSS 和 CSRF
  9. 原生 MediaRecorder API 录屏学习记录
  10. 基于 WebRTC 视频流实现前端录屏
  11. Web Worker 学习
  12. 一文详解 WebRTC 基础
  13. lerna 与 yarn 上手笔记

前端工程化

  1. 由零开始使用 Webpack 来搭建 React 项目
  2. 如何编写一个 Webpack Loader
  3. 如何编写一个 Webpack Plugin
  4. Webpack Sourcemap 回顾
  5. 一文带你了解 Jest 单元测试
  6. 手把手带你入门 Travis 自动化部署
  7. 搭建 Next.js + TS + Antd + Redux + Storybook 企业级项目脚手架
  8. 升级 Webpack5 实践
  9. Vite 2.0 + React + TypeScript + Antd 搭建简单脚手架
  10. 梳理 Webpack 知识体系与学习资源推荐
  11. 结合实践解读深入 package.json

性能优化

  1. Webpack 动态导入 react-toastify
  2. 浅析 Chrome Devtools 的 Performance 面板
  3. 我的前端性能优化体系总结
  4. 梳理 Web Worker 及实战场景

HTTP 系列

  1. 动手搞懂 HTTP 缓存机制
  2. HTTP 和 HTTPS 协议
  3. 回顾 HTTP1.0-HTTP1.1-HTTP2.0 区别

浏览器

  1. 搞懂浏览器渲染原理(重排与重绘)

CSS 系列

  1. 页面内容不足铺满屏幕高度和有滚动条时,footer 始终保持底部显示
  2. 自定义 checkbox 样式
  3. 一文汇总 CSS 两列布局和三列布局
  4. 完全搞懂 BFC
  5. CSS 水平垂直居中回顾总结

开发遇到的小问题合集

  1. sessionStorage 和 localStorage 用法总结
  2. 移动端之开启和禁止页面滚动
  3. Vue 实现星级评价效果
  4. 封装 axios 拦截器实现用户无感刷新 access_token
  5. 解决使用输入法输入在 React input 框中的问题

插件系列

  1. swiper 自定义分页器
  2. vue-awesome-swiper 修改轮播图 pagination 的颜色
  3. swiper 父级元素处于隐藏状态滚动效果失效问题

后语

如果喜欢或者有所启发,欢迎 star,你的鼓励是我持续创作的动力 😊