# front-end

**Repository Path**: akaedu2012/font-end

## Basic Information

- **Project Name**: front-end
- **Description**: 前端知识总结博客
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-12-31
- **Last Updated**: 2024-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 个人博客

[在线地址](https://wj-shandian.github.io/front-end/#/)
博客目录

- js 基础
  - [堆栈内存处理机制](docs/js/堆栈内存处理机制.md "堆栈内存处理机制")
  - [数据类型](docs/js/数据类型.md "数据类型")
  - [数据类型转换详解](docs/js/数据类型转换详解.md "数据类型转换详解")
  - [变量提升详解](docs/js/变量提升详解.md "变量提升详解")
  - [预编译](docs/js/预编译.md "预编译")
  - [作用域](docs/js/作用域.md "作用域")
  - [继承](docs/js/继承.md "继承")
  - [面向对象之概念](docs/js/面向对象之概念.md "面向对象之概念")
  - [面向对象之原型](docs/js/面向对象之原型.md "面向对象之原型")
  - [面向对象之(new-call-apply-bind)](<docs/js/面向对象之(new-call-apply-bind).md> "面向对象之(new-call-apply-bind)")
  - [面向对象之面试题目练习](docs/js/面向对象之面试题目练习.md "面向对象之面试题目练习")
  - [事件循环](docs/js/事件循环.md "事件循环")
  - [闭包](docs/js/闭包.md "闭包")
  - [this](docs/js/this.md "this")
  - [闭包作用域变量提升面试题](docs/js/闭包作用域变量提升面试题.md "闭包作用域变量提升面试题")
  - [深浅拷贝](docs/js/深浅拷贝.md "深浅拷贝")
  - [防抖与节流](docs/js/防抖与节流.md "防抖与节流")
  - [循环性能分析](docs/js/循环性能分析.md "循环性能分析")
  - [数组扁平化](docs/js/数组扁平化.md "数组扁平化")
  - [Set 和 Map](docs/js/Set和Map.md "Set和Map数据结构")
  - [事件机制](docs/js/事件机制.md "事件机制")
  - [柯里化](docs/js/柯里化.md "柯里化")
  - [let-const-var](docs/js/let-const-var.md "let-const-var的区别")
  - [模版字符串的实现原理](js/模版字符串的实现原理.md "模版字符串的实现原理")
  - [promise 用法以及相关概念](docs/js/promise用法以及相关概念.md "promise用法以及相关概念")
  - [手写 Promise](docs/js/手写Promise.md "手写Promise")
  - [V8 垃圾回收机制原理](docs/js/V8垃圾回收机制原理.md "V8垃圾回收机制原理")
  - [Generator](docs/js/Generator.md "Generator")
  - [模块化发展历程](docs/js/模块化发展历程.md "模块化发展历程")
  - [严格模式下的特点](docs/js/严格模式下的特点.md "严格模式下的特点")
  - [前端攻击手段](docs/js/前端攻击手段.md "前端攻击手段")
  - [装饰器](docs/js/装饰器.md "装饰器")
- CSS
  - [BFC](docs/css/BFC.md "BFC")
  - [flex](docs/css/flex.md "flex")
  - [经典布局](docs/css/经典布局.md "经典布局")
  - [关于居中的一些总结](docs/css/关于居中的一些总结.md "关于居中的一些总结")
  - [关于 css 单位的一些总结](docs/css/关于css单位的一些总结.md "关于css单位的一些总结")
  - [伪类和伪元素的区别](docs/css/伪类和伪元素的区别.md "伪类和伪元素的区别")
  - [flex 布局两边自适应，超出实现](docs/css/flex布局两边自适应，超出实现.md "flex 布局两边自适应，超出实现")
  - [CSS 怎么保持弹窗的高度的自适应](docs/css/CSS怎么保持弹窗的高度的自适应.md "CSS怎么保持弹窗的高度的自适应")
  - [css 画三角形](docs/css/css画三角形.md "css画三角形")
  - [缩放字体小于 12px](docs/css/缩放字体小于12px.md "缩放字体小于12px")
- Vue
  - [mvvm](docs/vue/mvvm.md "mvvm")
  - [vue 响应式原理](docs/vue/vue响应式原理.md "vue响应式原理")
  - [router 实现原理](docs/vue/router实现原理.md "router实现原理")
  - [$nextTick 实现原理](docs/vue/$nextTick实现原理.md "$nextTick实现原理")
  - [vuex 的基本使用以及常用方法](docs/vue/vuex的基本使用以及常用方法.md "vuex的基本使用以及常用方法")
  - [diff 算法](docs/vue/diff算法.md "diff算法")
  - [keep-alive 实现原理](docs/vue/keep-alive实现原理.md "keep-alive实现原理")
  - [vue 长列表渲染](docs/vue/vue长列表渲染.md "vue长列表渲染")
  - [vue 长列表数据渲染的终极方案](docs/vue/vue长列表数据渲染的终极方案.md "vue长列表数据渲染的终极方案")
- Vue 面试相关
  - [vue 生命周期的理解](docs/vue-interview/vue生命周期的理解.md "vue生命周期的理解")
  - [vue 父子组件生命周期的调用顺序](docs/vue-interview/vue父子组件生命周期的调用顺序.md "vue父子组件生命周期的调用顺序")
  - [v-if 和 v-for 优先级问题](docs/vue-interview/v-if和v-for优先级问题.md "v-if和v-for优先级问题")
  - [组件 data 为什么是一个函数](docs/vue-interview/组件data为什么是一个函数.md "组件data为什么是一个函数")
  - [vue 优化](docs/vue-interview/vue优化.md "vue优化")
  - [key 的作用和原理](docs/vue-interview/key的作用和原理.md "key的作用和原理")
  - [vue 组件通信](docs/vue-interview/vue组件通信.md "vue组件通信")
  - [watch 和 computed 的区别和使用场景](docs/vue-interview/watch和computed的区别和使用场景.md "watch和computed的区别和使用场景")
  - [vue 是如何检测数组变化的](docs/vue-interview/vue是如何检测数组变化的.md "vue是如何检测数组变化的")
  - [vue 为什么采用异步渲染](docs/vue-interview/vue为什么采用异步渲染.md "vue为什么采用异步渲染")
  - [watch 中的 deep 是如何实现的](docs/vue-interview/watch中的deep是如何实现的.md "watch中的deep是如何实现的")
  - [组件渲染和更新过程](docs/vue-interview/组件渲染和更新过程.md "组件渲染和更新过程")
  - [vue 中事件绑定的原理](docs/vue-interview/vue中事件绑定的原理.md "vue中事件绑定的原理")
  - [什么是作用域插槽](docs/vue-interview/什么是作用域插槽.md "什么是作用域插槽")
  - [vue-router 导航钩子](docs/vue-interview/vue-router导航钩子.md "vue-router导航钩子")
  - [vue 如何写一个指令](docs/vue-interview/vue如何写一个指令.md "vue如何写一个指令")
- TS
  - [简单基础类型](docs/TS/简单基础类型.md "简单基础类型")
  - [复杂基础类型](docs/TS/复杂基础类型.md "复杂基础类型")
  - [进阶基础概念](docs/TS/进阶基础概念.md "进阶基础概念")
  - [枚举的常用用法](docs/TS/枚举的常用用法.md "枚举的常用用法")
  - [如何正确的使用泛型](docs/TS/如何正确的使用泛型.md "如何正确的使用泛型")
  - [TS 工具类](docs/TS/TS工具类.md "TS工具类")
  - [组合类型的检查(窄化)](<docs/TS/组合类型的检查(窄化).md> "组合类型的检查(窄化)")
  - [理解 infer 和 TS 的计算能力](docs/TS/理解infer和TS的计算能力.md "理解infer和TS的计算能力")
  - [TS 常见面试题](docs/TS/TS常见面试题.md "TS常见面试题")
  - [TS 实战封装 axios](docs/TS/TS实战封装axios.md "TS实战封装axios")
  - [js 重载和 ts 重载](docs/TS/js重载和ts重载.md "js重载和ts重载")
- React

  - [hook 基础](docs/React/react-hook.md "react-hook基础知识")
  - [react-jsx](docs/React/react-jsx.md "react-jsx")
  - [react-state](docs/React/react-state.md "react-state")
  - [react-lifeCycle](docs/React/react-lifeCycle.md "react生命周期的理解")
  - [react-context](docs/React/react-context.md "react-context")
  - [react-ref](docs/React/react-ref.md "react-ref")
  - [react 渲染优化](docs/React/react渲染优化.md "react渲染优化")
  - [react-hoc](docs/React/react-hoc.md "react-hoc")
  - [react 事物机制](docs/React/react事物机制.md "react事物机制")
  - [reactHook 理解文字篇](docs/React/reactHook理解文字篇.md "reactHook理解文字篇")
  - [reactDiff 和 vueDiff 区别](docs/React/reactDiff和vueDiff区别.md "reactDiff和vueDiff区别")
  - [react 重要的 changeLog](docs/React/react重要的changeLog.md "react重要的changeLog")
  - [ahooks 源码阅读](docs/React/ahooks源码阅读.md "ahooks源码阅读")
  - [react 面试题目总结](docs/React/react面试题目总结.md "react面试题目总结")

- ReactNative

  - [reactNative 原理](docs/ReactNative/reactNative原理.md "reactNative原理")
  - [hybrid 双端通信](docs/ReactNative/hybrid双端通信.md "hybrid双端通信")
  - [reactNative 启动失败可能的问题](docs/ReactNative/reactNative启动失败可能的问题.md "reactNative启动失败可能的问题")
  - [unstated-next 的用法](docs/ReactNative/unstated-next的用法.md "unstated-next的用法")
  - [reactNative 安卓打包](docs/ReactNative/reactNative安卓打包.md "reactNative安卓打包")
  - [Touchable 影响 ScrollView 滚动问题](docs/ReactNative/Touchable影响ScrollView滚动问题.md "Touchable影响ScrollView滚动问题")
  - [reactNative-flatList 的相关问题](docs/ReactNative/reactNative-flatList的相关问题.md "reactNative-flatList的相关问题")
  - [reactNative 项目禁止 app 横屏设置](docs/ReactNative/reactNative项目禁止app横屏设置.md "reactNative项目禁止app横屏设置")
  - [reactNative 的 icon 解决方案](docs/ReactNative/reactNative的icon解决方案.md "reactNative的icon解决方案")
  - [reactNative 的一些优化](docs/ReactNative/reactNative的一些优化.md "reactNative的一些优化")
  - [reactNative 项目二开文件路径解析](docsReactNative/reactNative项目二开文件路径解析.md "reactNative项目二开文件路径解析")
  - [reactNative 一些调试方案](docs/ReactNative/reactNative一些调试方案.md "reactNative一些调试方案")
  - [ios 的 udid 说明](docs/ReactNative/ios的udid说明.md "ios的udid说明")
  - [react-navigation 路由的基本配置方案](docs/ReactNative/react-navigation路由的基本配置方案.md "react-navigation路由的基本配置方案")
  - [react-native 下载文件解决方案](docs/ReactNative/react-native下载文件解决方案.md "react-native下载文件解决方案")
  - [react-native-hooks](docs/ReactNative/react-native-hooks.md "react-native-hooks")
  - [react-native 的 logo 以及启动图配置](docs/ReactNative/react-native的logo以及启动图配置.md "react-native的logo以及启动图配置")
  - [ios 上架流程注意事项](docs/ReactNative/ios上架流程注意事项.md "ios上架流程注意事项")
  - [react-native 之主题环境变量解决方案](docs/ReactNative/react-native之主题环境变量解决方案.md "react-native之主题环境变量解决方案")
  - [reactNative 自定义字体](docs/ReactNative/reactNative自定义字体.md "reactNative自定义字体")

- 状态管理
  - [redux 从基本使用到源码实现](docs/redux/redux从基本使用到源码实现.md "redux从基本使用到源码实现")
  - [react-redux 的使用以及原理](docs/redux/react-redux的使用以及原理.md "react-redux的使用以及原理")
  - [zustand](docs/redux/zustand.md "zustand")
- ReactRouter
  - [react-router 基本使用以及路由守卫的实现](docs/ReactRouter/react-router基本使用以及路由守卫的实现.md "react-router基本使用以及路由守卫的实现")
  - [react-router 路由跳转拦截](docs/ReactRouter/react-router路由跳转拦截.md "react-router路由跳转拦截")
- Webpack
  - [webpack 的工作原理概括](docs/webpack/webpack的工作原理概括.md "webpack的工作原理概括")
  - [webpack 之基础](docs/webpack/webpack之基础.md "webpack之基础")
  - [webpack 之 babel](docs/webpack/webpack之babel.md "webpack之babel")
  - [webpack 打包第三方类库的几种方式](docs/webpack/webpack打包第三方类库的几种方式.md "webpack打包第三方类库的几种方式")
  - [hash-chunkhash-contenthash 概念](docs/webpack/hash-chunkhash-contenthash概念.md "hash-chunkhash-contenthash概念")
  - [webpack 之优化](docs/webpack/webpack之优化.md "webpack之优化")
  - [webpack 之 treeshaking 原理](docs/webpack/webpack之treeshaking原理.md "webpack之treeshaking原理")
  - [webpack 之 loader](docs/webpack/webpack之loader.md "webpack之loader")
  - [webpack 之 plugin](docs/webpack/webpack之plugin.md "webpack之plugin")
  - [webpack 多页热更新慢问题](docs/webpack/webpack多页热更新慢问题.md "webpack多页热更新慢问题")
  - [webpack5 新特性](docs/webpack/webpack5新特性.md "webpack5新特性")
  - [关于 polyfill 一些知识点](docs/webpack/关于polyfill一些知识点.md "关于polyfill一些知识点")
  - [webpack 原理](docs/webpack/webpack原理.md "webpack原理")
  - [webpack 构建流程](docs/webpack/webpack构建流程.md "webpack构建流程")
  - [webpack 热更新原理](docs/webpack/webpack热更新原理.md "webpack热更新原理")
  - [webpack 部分面试题总结](docs/webpack/webpack部分面试题总结.md "webpack部分面试题总结")
- AST
  - [AST 浅析](docs/ast/抽象语法树.md "AST浅析")
  - [ast 的一些节点认识](docs/ast/ast的一些节点认识.md "ast的一些节点认识")
  - [babel 一些 api](docs/ast/babel一些api.md "babel一些api")
  - [写一个简单的 babel 转换](docs/ast/写一个简单的babel转换.md "写一个简单的babel转换")
  - [babel 的 plugin 和 preset 认识](docs/ast/babel的plugin和preset认识.md "babel的plugin和preset认识")
  - [自动埋点的实现](docs/ast/自动埋点的实现.md "自动埋点的实现")
  - [实战之 RN 单位 rem 的转化](docs/ast/实战之RN单位rem的转化.md "实战之RN单位rem的转化")
- rollup
  - [rollup 实战](docs/rollup/rollup实战.md "rollup实战")
- 前端工程化规范项目
  - [初始化文档以及 action 自动化部署](docs/sd-fe-eng/初始化文档以及action自动化部署.md "初始化文档以及action自动化部署")
  - [markdownlint 规范开发](docs/sd-fe-eng/markdownlint规范开发.md "markdownlint规范开发")
  - [commitlint 规范开发](docs/sd-fe-eng/commitlint规范开发.md "commitlint规范开发")
  - [stylelint 规范开发](docs/sd-fe-eng/stylelint规范开发.md "stylelint规范开发")
  - [eslint 规范开发](docs/sd-fe-eng/eslint规范开发.md "eslint规范开发")
  - [eslintplugin 开发](docs/sd-fe-eng/eslintplugin开发.md "eslintplugin开发")
  - [脚手架开发](docs/sd-fe-eng/脚手架开发.md "脚手架开发")
- sdHooks 库
  - [hooks 库初始化](docs/hooks/hooks库初始化.md "hooks库初始化")
  - [打包](docs/hooks/打包.md "打包")
  - [useToggle](docs/hooks/useToggle.md "useToggle")
  - [单元测试](docs/hooks/单元测试.md "单元测试")
  - [自动化部署文档以及发布 npm 以及发布 CDN](docs/hooks/自动化部署文档以及发布npm以及发布CDN.md "自动化部署文档以及发布npm以及发布CDN")
  - [useLatest](docs/hooks/useLatest.md "useLatest")
  - [useUnmount](docs/hooks/useUnmount.md "useUnmount")
  - [useTitle](docs/hooks/useTitle.md "useTitle")
- 技术杂文
  - [关于微前端的理解与实战](docs/tech-essays/关于微前端的理解与实战.md "关于微前端的理解与实战")
  - [node 如何调用 c++库](docs/tech-essays/node如何调用c++库.md "node如何调用c++库")
  - [electron 调用 node 文件的问题](docs/tech-essays/electron调用node文件的问题.md "electron调用node文件的问题")
  - [搭建私有 npm 服务器](docs/tech-essays/搭建私有npm服务器.md "搭建私有npm服务器")
  - [图片 403 问题](docs/tech-essays/图片403问题.md "图片403问题")
  - [echarts 控制 Y 轴分割线](docs/tech-essays/echarts控制Y轴分割线.md "echarts控制Y轴分割线")
  - [flutter 环境搭建](docs/tech-essays/flutter环境搭建.md "flutter环境搭建")
  - [photoswipe 放大图片的使用](docs/tech-essays/photoswipe放大图片的使用.md "photoswipe放大图片的使用")
  - [vue-cli 内存溢出问题](docs/tech-essays/vue-cli内存溢出问题.md "vue-cli内存溢出问题")
  - [你是否只会用 console.log()](<docs/tech-essays/你是否只会用console.log().md> "你是否只会用console.log()")
  - [混合加密的流程](docs/tech-essays/混合加密的流程.md "混合加密的流程")
  - [持续集成 CICD](docs/tech-essays/持续集成CICD.md "持续集成CICD")
  - [移动端如何做适配](docs/tech-essays/移动端如何做适配.md "移动端如何做适配")
  - [小程序遇到的问题](docs/tech-essays/小程序遇到的问题.md "小程序遇到的问题")
  - [vite+react 项目初始化过程](docs/tech-essays/vite+react项目初始化过程.md "vite+react项目初始化过程")
  - [npm 打补丁](docs/tech-essays/npm打补丁.md "npm打补丁")
  - [加速访问 github 的 host 配置](docs/tech-essays/加速访问github的host配置.md "加速访问github的host配置")
  - [react-web 打印](docs/tech-essays/react-web打印.md "react-web打印")
  - [认识 pnpm](docs/tech-essays/认识pnpm.md "认识 pnpm")
- 翻译文章
  - [说明](docs/translation/说明.md "说明")
  - [如何使用 useMemo 和 useCallback 你可以删除大部分](docs/translation/如何使用useMemo和useCallback你可以删除大部分.md "如何使用useMemo和useCallback你可以删除大部分")
- Canvas
  - [基本概念](docs/canvas/基本概念.md "基本概念")
- HTTP

  - [HTTP 常见面试题目](docs/HTTP/HTTP常见面试题目.md "HTTP常见面试题目")
  - [HTTP1.1/优化方案](docs/HTTP/HTTP1.1优化方案.md "HTTP1.1/优化方案")
  - [HTTP2 解决的问题](docs/HTTP/HTTP2解决的问题.md "HTTP2解决的问题")
  - [缓存](docs/HTTP/缓存.md "缓存")
  - [跨域](docs/HTTP/跨域.md "跨域")
  - [从输入 URL 到页面渲染发生了什么](docs/HTTP/从输入URL到页面渲染发生了什么.md "从输入URL到页面渲染发生了什么")
  - [从输入网址到页面渲染图文版](docs/HTTP/从输入网址到页面渲染图文版.md "从输入网址到页面渲染图文版")
  - [浏览器底层渲染机制](docs/HTTP/浏览器底层渲染机制.md "浏览器底层渲染机制")
  - [浏览器渲染性能优化](docs/HTTP/浏览器渲染性能优化.md "浏览器渲染性能优化")
  - [计算机网络基础](docs/HTTP/计算机网络基础.md "计算机网络基础")
  - [TCP 基本认识](docs/HTTP/TCP基本认识.md "TCP基本认识")
  - [TCP 建立连接](docs/HTTP/TCP建立连接.md "TCP建立连接")
  - [TCP 断开连接](docs/HTTP/TCP断开连接.md "TCP断开连接")
  - [TCP 重传机制](docs/HTTP/TCP重传机制.md "TCP重传机制")
  - [TCP 滑动窗口](docs/HTTP/TCP滑动窗口.md "TCP滑动窗口")
  - [TCP 流量控制](docs/HTTP/TCP流量控制.md "TCP流量控制")
  - [TCP 拥塞控制](docs/HTTP/TCP拥塞控制.md "TCP拥塞控制")
  - [http 请求什么时候会携带 cookie](docs/HTTP/http请求什么时候会携带cookie.md "http请求什么时候会携带cookie")

- 单元测试
  - [jest 单元测试入门](docs/jest/jest单元测试入门.md "jest单元测试入门")
- Nginx
  - [nginx 相关配置集合](docs/nginx/nginx相关配置集合.md "nginx相关配置集合")
- Git
  - [git 基础入门](docs/Git/git基础入门.md "git基础入门")
  - [关联两个仓库，如何 A 仓库合并 B 仓库分支](docs/Git/关联两个仓库，如何A仓库合并B仓库分支.md "关联两个仓库，如何A仓库合并B仓库分支")
  - [关于 gitcommit 规范提交](docs/Git/关于gitcommit规范提交.md "关于gitcommit规范提交")
  - [cherry-pick](docs/Git/cherry-pick.md "cherry-pick")
  - [git 删除 commit 相关操作](docs/Git/git删除commit相关操作.md "git删除commit相关操作")
  - [git 合并 commit](docs/Git/git合并commit.md "git合并commit")
  - [git-reset](docs/Git/git-reset.md "git-reset")
  - [rebase 和 merge 的区别](docs/Git/rebase和merge的区别.md "rebase和merge的区别")
  - [reset 和 revert 的区别](docs/Git/reset和revert的区别.md "reset和revert的区别")
  - [stash 的理解以及应用场景](docs/Git/stash的理解以及应用场景.md "stash的理解以及应用场景")
  - [fetch 和 pull 的区别](docs/Git/fetch和pull的区别.md "fetch和pull的区别")
- 设计模式
  - [单例模式](docs/designMode/单例模式.md "单例模式")
  - [发布订阅模式](docs/designMode/发布订阅模式.md "发布订阅模式")
  - [代理模式](docs/designMode/代理模式.md "代理模式")
  - [中介者模式](docs/designMode/中介者模式.md "中介者模式")
  - [装饰者模式](docs/designMode/装饰者模式.md "装饰者模式")
  - [策略模式](docs/designMode/策略模式.md "策略模式")
- LeetCode
  - [Hash](docs/LeetCode/Hash.md "Hash")
  - [链表](docs/LeetCode/链表.md "链表")
  - [双指针](docs/LeetCode/双指针.md "双指针")
  - [动态规划](docs/LeetCode/动态规划.md "动态规划")
  - [数学题解](docs/LeetCode/数学题解.md "数学题解")
  - [栈](docs/LeetCode/栈.md "栈")
  - [数组](docs/LeetCode/数组.md "数组")
  - [树](docs/LeetCode/树.md "树")
  - [二叉搜索树](docs/LeetCode/二叉搜索树.md "二叉搜索树")
  - [排序](docs/LeetCode/排序.md "排序")
  - [每日一题](docs/LeetCode/每日一题.md "每日一题")
- 关于我
  - [联系方式](docs/contact/contact.md "联系方式")