# web-blogs

**Repository Path**: leslie43/web-blogs

## Basic Information

- **Project Name**: web-blogs
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-21
- **Last Updated**: 2025-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<img src="./images/js.jpeg"  align=center />


 # [🏀 Web Blog ](https://gitee.com/leslie43/web-blogs)


### ☀️ 设计模式
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [设计模式-发布订阅模式](./code-design/1-发布订阅模式.md). |
| [设计模式-观察者模式](./code-design/2-观察者模式.md). |
| [设计模式-单例模式](./code-design/3-单例模式.md). |
| [设计模式-策略模式](./code-design/4-策略模式.md). |
| [订阅发布模式 Vs 观察者模式](./code-design/5-订阅发布模式vs观察者模式.md). |
| [设计模式-装饰器模式](./code-design/6-装饰器模式.md). |

### ☀️ JavaScript
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [JavaScript-数据分类](./code-javascript/1-数据分类.md). |
| [JavaScript-数据分类-Symbol](./code-javascript/2-基本数据类型-Symbol.md). |
| [JavaScript-判断类型](./code-javascript/3-判断数据类型.md). |
|  |
| [JavaScript-深拷贝和浅拷贝](./code-javascript/4-深拷贝和浅拷贝.md). |
| [JavaScript-防抖/节流](./code-javascript/5-防抖-节流.md). |
| [JavaScript-call,bind,apply的区别](./code-javascript/6-call-bind-apply的区别.md). |
| [JavaScript-合并对象](./code-javascript/7-合并对象.md). |
| [JavaScript-形参的三个点](./code-javascript/8-形参的三个点.md). |
| [JavaScript-函数定义方式](./code-javascript/9-函数定义方式.md). |
| [JavaScript-null 和 undefined](./code-javascript/10-null和undefined.md). |
| [JavaScript-for-in 和 for-of](./code-javascript/11-for-in%20和%20for-of.md). |
| [JavaScript-rest 和 spread 运算符](./code-javascript/12-rest和spread.md). |
| [JavaScript-Array.splice 和 Array.slice](./code-javascript/13-Array.splice%20和%20Array.slice.md). |
| [JavaScript-Array.reduce的使用](./code-javascript/18-Array.reduce的使用.md). |
|  |
| [JavaScript-Object和Map的区别](./code-javascript/14-Object和Map的区别.md). |
| [JavaScript-Set和Map](./code-javascript/15-Set和Map.md). |
| [JavaScript-Map和WeakMap](./code-javascript/16-Map和WeakMap.md). |
| [JavaScript-Set和WeakSet](./code-javascript/17-Set和WeakSet.md). |
| [JavaScript-创建对象的不同方法](./code-javascript/23-创建对象的不同方法.md). |
|  |
| [JavaScript-事件循环-Eventloop](./code-javascript/19-事件循环-Eventloop.md). |
| [JavaScript-宏任务和微任务](./code-javascript/20-宏任务和微任务.md). |
| [JavaScript-async/await 是阻塞的还是非阻塞](./code-javascript/21-async-await%20是阻塞的还是非阻塞.md). |
| [JavaScript: Promise 和 Observable](./code-javascript//22-Promise和Observable的区别.md). |
|  |
| [JavaScript-闭包-closure](./code-javascript/24-闭包.md). |
| [JavaScript-执行上下文和执行栈](./code-javascript/25-执行上下文和执行栈.md). |
| [JavaScript-作用域](./code-javascript/26-作用域分类.md). |
| [JavaScript-作用域和作用域链](./code-javascript/27-作用域和作用域链.md). |
| [JavaScript-变量提升](./code-javascript/31-变量提升.md.md). |
| [JavaScript-暂时性死区](./code-javascript/28-暂时性死区.md). |
| [JavaScript-this的指向](./code-javascript/29-this的指向.md). |
| [JavaScript-箭头函数this的指向](./code-javascript/30-箭头函数this的指向.md). |
| [JavaScript-为什么要使用箭头函数](./code-javascript/32-为什么要使用箭头函数.md). |
|  |
| [JavaScript-`prototype 原型对象](./code-javascript/33-prototype原型对象.md). |
| [JavaScript-`__proto__`](./code-javascript/34-__proto__.md). |
| [JavaScript-`__proto__` 和 prototype 的区别](./code-javascript/35-__proto__和prototype的区别.md). |
| [JavaScript-原型链](./code-javascript/36-原型链.md). |
|  |
| [JavaScript-数组常用方法](./code-javascript/37-数组常用方法.md). |
|  |
| [JavaScript-localStorage / cookie / sessionStorage](./code-javascript/38-localStorage-cookie-sessionStorage.md). |
| [JavaScript-localstorage跨子域](./code-javascript/39-localstorage跨子域.md). |
| [JavaScript-前端跨域](./code-javascript/40-前端跨域.md). |
|  |
| [JavaScript-双竖线和双问号](./code-javascript/41-双竖线和双问号.md). |
| [JavaScript-export和export default的区别](./code-javascript/42-export和export%20default的区别.md). |
|  |
| [JavaScript-事件代理](./code-javascript/43-事件代理.md). |
| [JavaScript-DOM下的事件流和事件委托](./code-javascript/44-DOM下的事件流和事件委托.md). |
|  |
| [JavaScript-判断元素出现在可视区域中](./code-javascript/45-判断元素出现在可视区域中.md). |
| [JavaScript-长列表-可视区域动态加载](./code-javascript/46-可视区域动态加载-IntersectionObserver.md). |
|  |
| [JavaScript-HTTP 和 HTTPS 的区别](./code-javascript/47-HTTP%20和%20HTTPS%20的区别.md). |
| [JavaScript-HTTP状态码](./code-javascript/48-HTTP状态码.md). |
| [JavaScript-从输入URL到页面加载发生了什么](./code-javascript/49-从输入URL到页面加载发生了什么.md). |
| [JavaScript-实现函数的柯里化](./code-javascript/50-实现函数的柯里化.md). |
| [JavaScript-匿名函数和自执行函数](./code-javascript/51-匿名函数和自执行函数.md). |
|  |
| [JavaScript-移动端和多端开发](./code-javascript/52-移动端和多端开发.md). |
|  |
| [JavaScript-requestAnimationFrame](./code-javascript/54-requestAnimationFrame.md). |
| [JavaScript-数组排序-指定某个元素的位置](./code-javascript/55-数组排序-指定某个元素的位置.md). |
| [JavaScript-indexedDB-localStorage-sessionStore](./code-javascript/56-indexedDB-localStorage-sessionStore.md). |
| [JavaScript-cookie](./code-javascript/58-cookie.md). |
|  |
| [JavaScript-JWT](./code-javascript/59-JWT.md). |



### ☀️ TypeScript
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [TypeScript-extends](./code-typeScript/1-范型约束.md). |
| [TypeScript-type-vs-interface](./code-typeScript/2-type和interface.md). |
| [TypeScript-使用 Union-Types时需要注意的问题](./code-typeScript/3-使用Union-Types时需要注意的问题.md). |
| [TypeScript-工具类](./code-typeScript/4-工具类.md). |

### ☀️ Promise


### ☀️ Vue3
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [Vue-Vue2的双向绑定原理](./code-vue/1-Vue2的双向绑定原理.md). |
| [Vue-Vue3的双向绑定原理](./code-vue/2-Vue3的双向绑定原理.md). |
| [Vue-Vue3做了哪些优化](./code-vue/3-Vue3做了哪些优化.md). |
| [Vue-Vue2和Vue3的区别](./code-vue/4-Vue2和Vue3的区别.md). |
| [Vue-Vue2-Vue3中v-model区别](./code-vue/5-Vue2-Vue3中v-model区别.md). |
| [Vue-OptionsAPI和CompositionAPI的区别](./code-vue/6-OptionsAPI和CompositionAPI的区别.md). |
| [Vue-v-model的原理:数据的双向绑定](./code-vue/7-v-model的原理:数据的双向绑定.md). |
| [Vue-ref和reactive的区别](./code-vue/8-ref和reactive的区别.md). |
| [Vue-Vue3中teleport是什么](./code-vue/9-Vue3中teleport是什么.md). |
| [Vue-Vue的修饰器](./code-vue/10-Vue的修饰器.md). |
| [Vue-ref的作用](./code-vue/11-ref的作用.md). |
| [Vue-setup与script_setup的区别](./code-vue/12-setup与script_setup的区别.md). |
| [Vue-父组件监听子组件的生命周期](./code-vue/13-父组件监听子组件的生命周期.md). |
| [Vue-父子组件生命周期执行顺序](./code-vue/14-父子组件生命周期执行顺序.md). |
| [Vue-watch和computed](./code-vue/15-watch和computed.md). |
| [Vue-watch和watchEffect](./code-vue/16-watch和watchEffect.md). |
| [Vue-Suspense的使用](./code-vue/17-Suspense的使用.md). |
| [Vue-provde/inject传递响应式](./code-vue/18-provde-inject传递响应式.md). |
| [Vue-v-if和v-for优先级](./code-vue/19-v-if和v-for优先级.md). |
| [Vue-css样式绑定变量](./code-vue/20-css样式绑定变量.md). |
| [Vue-nextTick的作用](./code-vue/21-nextTick的作用.md). |
| [Vue-Vue3中的自定义指令](./code-vue/22-Vue3中的自定义指令.md). |
| [Vue-Vue2和Vue3插槽的不同](./code-vue/23-Vue2和Vue3插槽的不同.md). |
| [Vue-CompositionAPI和Hooks的不同](./code-vue/24-CompositionAPI和Hooks的不同.md). |
| [Vue-attrs是什么](./code-vue/25-attrs是什么.md). |
| [Vue-守卫](./code-vue/26-守卫.md). |
| [Vue-修改v-model和修改props的不同](./code-vue/27-修改v-model和修改props的不同.md). |
| [Vue-常⻅的指令](./code-vue/28-常⻅的指令.md). |
| [Vue-v-model推荐方式](./code-vue/29-v-model推荐方式.md). |
| [Vue-v-bind和v-model的区别](./code-vue/30-v-bind和v-model的区别.md). |
| [Vue-设置和访问全局属性config](./code-vue/31-设置和访问全局属性config.md). |
| [Vue-组件和插件](./code-vue/32-组件和插件.md). |
| [Vue-错误处理app.config.errorHandler](./code-vue/33-错误处理app.config.errorHandler.md). |
| [Vue-多环境配置-结合构建工具](./code-vue/34-多环境配置-结合构建工具.md). |
| [Vue-组件通信方式](./code-vue/35-组件通信方式.md). |
| [Vue-diff的过程](./code-vue/36-diff的过程.md). |
| [Vue-Vue2和Vue3中diff的不同](./code-vue/37-Vue2和Vue3中diff的不同.md). |
| [Vue-Proxy替代Object.defineProperty](./code-vue/38-Proxy替代Object.defineProperty.md). |
| [Vue-修改props和修改v-model](./code-vue/39-修改props和修改v-model.md). |
| [Vue-toRaw和markRaw](./code-vue/40-toRaw和markRaw.md). |
| [Vue-watch和watchEffect](./code-vue/41-watch和watchEffect使用场景.md). |
| [Vue-Fragments的使用](./code-vue/42-Fragments的使用.md). |
| [Vue-Slots在Vue2和Vue3有何不同](./code-vue/43-Slots在Vue2和Vue3有何不同.md). |
| [Vue-Vue3中的过渡和动画效果是如何实现的](./code-vue/44-Vue3中的过渡和动画效果是如何实现的.md). |
| [Vue-使用State控制样式](./code-vue/45-使用State控制样式.md). |
| [Vue-Vite为什么速度快](./code-vue/46-Vite为什么速度快.md). |
| [Vue-Vite不同环境的构建工具](./code-vue/47-Vite不同环境的构建工具.md). |
| [Vue-Vapor-Mode](./code-vue/48-Vapor-Mode.md). |
| [Vue-Vue3必须要了解的第三方库](./code-vue/49-Vue3必须要了解的第三方库.md). |
| [Vue-Vue中的安全防护](./code-vue/50-Vue中的安全防护.md). |
| [Vue-Vue2升级到Vue3](./code-vue/51-Vue2升级到Vue3.md). |
| [Vue-Vue+Axios自动绑定token](./code-vue/52-Vue+Axios自动绑定token.md). |
| [Vue-Vue+Axios刷新token](./code-vue/53-Vue+Axios刷新token.md). |
| [Vue-Vite+Vue3微前端5大方案](./code-vue/54-Vite+Vue3微前端5大方案.md). |


### ☀️ CSS
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [CSS-行元素和块元素](./code-css/1-行元素和块元素.md). |
| [CSS-position](./code-css/2-position.md). |
| [CSS-width:auto和width:100% 的区别](./code-css/3-width-auto和100%25%20的区别.md). |
| [CSS-水平垂直居中](./code-css/4-水平垂直居中.md). |
| [CSS-link vs @import](./code-css/). |·
| [CSS-盒子模型(Box Model) 和 Box-Sizing](./code-css/6-盒子模型(Box%20Model)%20和%20Box-Sizing.md). |
| [CSS-元素选择符](./code-css/7-元素选择符.md). |·
| [CSS-伪元素和伪类](./code-css/8-伪元素和伪类.md). |
| [CSS-9-哪些属性可以继承](./code-css/9-哪些属性可以继承.md). |
| [CSS-选择器的优先级](./code-css/10-选择器的优先级.md). |
| [CSS-浮动 vs 清除浮动](./code-css/11-浮动%20vs%20清除浮动.md). |
| [CSS-创建动画的步骤](./code-css/12-创建动画的步骤.md). |
| [CSS-CSS3的新特性](./code-css/13-CSS3的新特性.md). |
| [CSS-响应式设计-原理和实现](./code-css/14-响应式设计-原理和实现.md). |
| [CSS-保持元素宽高比不变](./code-css/15-保持元素宽高比不变.md). |
| [CSS-rpx px em rem % vh vw](./code-css/16-rpx%20px%20em%20rem%20%25%20vh%20vw.md). |
| [CSS-flex-gap](./code-css/17-flex-gap.md). |
| [CSS-flex 布局的优势](./code-css/18-flex%20布局的优势.md). |
| [CSS-flex-direction](./code-css/19-flex-direction.md). |
| [CSS-justify-content](./code-css/20-justify-content.md). |
| [CSS-align-items](./code-css/21-align-items.md). |
| [CSS-flex-wrap](./code-css/22-flex-wrap.md). |
| [CSS-flex-grow](./code-css/23-flex-grow.md). |
| [CSS-flex-shrink](./code-css/24-flex-shrink.md). |
| [CSS-flex-basis](./code-css/25-flex-basis.md). |
| [CSS-flex: 1](./code-css/26-flex-1.md). |
| [CSS-预编译语言](./code-css/27-预编译语言.md). |
| [CSS-预编译语言-Scss](./code-css/28-Scss.md). |
| [CSS-Scss-mixin和include](./code-css/29-Scss-mixin和include.md). |
| [CSS-Sass-超好看的loading](./code-css/30-Sass-超好看的loading.md). |
| [CSS-动画-animation](./code-css/31-动画-animation.md). |
| [CSS-转换-transform](./code-css/32-转换-transform.md). |
| [CSS-transition和animation的区别](./code-css/33-transition和animation的区别.md). |
| [CSS-register-property-in-css](./code-css/34-register-property-in-css.md). |
| [CSS-单行文本居中对齐](./code-css/35-单行文本居中对齐.md). |
| [CSS-background-image-cover-contain](./code-css/36-background-image-cover-contain.md). |
| [CSS-clip-path的应用](./code-css/37-clip-path的应用.md). |
| [CSS-Houdini-API](./code-css/38-Houdini-API.md). |
| [CSS-background和background-color](./code-css/39-background和background-color.md). |
| [CSS-Scss中@extend和@include](./code-css/40-Scss中@extend和@include.md). |
| [CSS-Flex布局-中间固定-两侧4比3](./code-css/41-Flex布局-中间固定-两侧4比3.md). |
| [CSS-Grid布局-中间固定-两侧4比3](./code-css/42-Grid布局-中间固定-两侧4比3.md). |
| [CSS-让一个弹窗在屏幕中间居中对齐](./code-css/43-让一个弹窗在屏幕中间居中对齐.md). |

### ☀️ React
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [React-常见的hooks](./code-react/1-常见的hooks.md). |
| [React-useEffect 和 useLayoutEffect](./code-react/2-useEffect和useLayoutEffect.md). |
| [React-生命周期](./code-react/3-生命周期.md). |
| [React-父子组件生命周期](./code-react/4-父子组件生命周期.md). |
| [React-类组件和函数组件](./code-react/5-类组件和函数组件.md). |
| [React-useEffect第二个参数](./code-react/6-useEffect第二个参数不同导致不同的执行.md). |
| [React-组件通信](./code-react/7-组件通信.md). |
| [React-Diff简短的总结](./code-react/8-Diff简短的总结.md). |
| [React-typeof 是什么属性](./code-react/9-typeof是什么属性.md). |
| [React-React-Fiber](./code-react/10-React-Fiber.md). |
| [React-Router中Link组件和a标签的区别](./code-react/11-Router中Link组件和a标签的区别.md). |
| [React-React中在哪捕获错误异常](./code-react/12-React中在哪捕获错误异常.md). |
| [React-SetState是同步还是异步的以及setState做了什么](./code-react/13-SetState是同步还是异步的,setState做了什么.md). |
| [React-为什么不能直接使用this.state改变数据](./code-react/36-为什么不能直接使用this.state改变数据.md). |
| [React-React如何做路由监听](./code-react/14-React如何做路由监听.md). |
| [React-React有哪些方式改变State](./code-react/15-React有哪些方式改变State.md). |
| [React-Hooks解决了什么问题](./code-react/16-Hooks解决了什么问题.md). |
| [React-Hooks的使用规则](./code-react/17-Hooks的使用规则.md). |
| [React-useRef能做什么](./code-react/18-useRef.md). |
| [React-React-useReducer作用及示例](./code-react/19-React-useReducer作用及示例.md). |
| [React-如何避免使用context的时候引起整个挂载节点树的重新渲染](./code-react/20-如何避免使用context的时候引起整个挂载节点树的重新渲染.md). |
| [React-状态管理库有哪些](./code-react/21-状态管理库有哪些?有什么特点.md). |
| [React-useState原理](./code-react/22-useState原理.md). |
| [React-UI库](./code-react/23-UI库.md). |
| [React-React对比Vue](./code-react/24-React对比Vue.md). |
| [React-React.memo](./code-react/25-React.memo.md). |
| [React-React中实现国际化](./code-react/26-React中实现国际化.md). |
| [React-ReactPortals](./code-react/27-ReactPortals.md). |
| [React-React-Fragment](./code-react/28-React-Fragment.md). |
| [React-处理跨域请求](./code-react/29-处理跨域请求.md). |
| [React-高阶组件](./code-react/30-高阶组件.md). |
| [React-useMemo-demo](./code-react/31-useMemo-demo.md). |
| [React-实现下拉菜单-demo](./code-react/32-实现下拉菜单-demo.md). |
| [React-useCallback-demo](./code-react/33-useCallback-demo.md). |
| [React-如何实现组件的动态加载](./code-react/34-如何实现组件的动态加载.md). |
| [React-如何实现搜索功能](./code-react/35-如何实现搜索功能.md). |
| [React-React组件间怎么进行通信](./code-react/37-React组件间怎么进行通信.md). |
| [React-Vue在技术层面有哪些区别](./code-react/38-React和Vue在技术层面有哪些区别.md). |
| [React-Portal子组件发生点击事件能冒泡到父组件](./code-react/39-Portal子组件发生点击事件能冒泡到父组件.md). |
| [React-useForwardRef的使用](./code-react/40-forwardRef的使用.md). |
| [React-useLayoutEffect的使用](./code-react/41-useLayoutEffect的使用.md). |
| [React-useContext和Provider的使用](./code-react/42-useContext和Provider的使用.md). |
| [React-useMemo和useCallback的场景](./code-react/43-useMemo和useCallback的场景.md). |
| [React-useMemo和useCallback的场景](./code-react/44-React新旧版本的对比.md). |
| [React-路由跳转参数不暴露](./code-react/45-路由跳转参数不暴露.md). |


###  ☀️ Micro Frontend


###  ☀️ HTML
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [HTML-display:none和visibility:hidden](./code-html/1-display-none%20和%20visibility-hidden.md). |
| [HTML-重绘和重排(回流)](./code-html/2-重绘和重排(回流).md). |
| [HTML-meta tag](./code-html/3-meta.md). |
| [HTML-noscript tag](./code-html/4-noscript%20tag.md). |
| [HTML-Web Worker](./code-html/5-web-worker.md). |
| [HTML-Web accessiblity](./code-html/6-Web%20accessiblity.md). |
| [HTML-脚本修饰器defer-async](./code-html/7-脚本修饰器defer-async.md). |
| [HTML-link标签的rel属性](./code-html/8-link标签的rel属性-preload和prefetch.md). |
| [HTML-requestAnimationFrame](./code-html/9-requestAnimationFrame.md). |
| [HTML-indexedDB](./code-html/10-indexedDB.md). |


###  ☀️ Node.js
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [Node-Node.js的事件循环-Event-Loop](./code-node/1-Node.js的事件循环-Event-Loop.md). |
| [Node-Node.js的模块系统](./code-node/2-Node.js的模块系统.md). |
| [Node-Node.js的核心模块](./code-node/3-Node.js的核心模块.md). |
| [Node-Node.js的异步处理](./code-node/4-Node.js的异步处理.md). |
| [Node-Node.js中常见的内存泄漏场景有哪些](./code-node/5-Node.js中常见的内存泄漏场景有哪些.md). |
| [Node-Express和Koa的主要区别是什么](./code-node/6-Express和Koa的主要区别是什么.md). |
| [Node-什么是中间件](./code-node/7-什么是中间件.md). |
| [Node-Promise](./code-node/8-Promise.md). |
| [Node-什么是管道-Pipe](./code-node/9-什么是管道-Pipe.md). |
| [Node-NestJS与Express/Koa相比](./code-node/10-NestJS与Express/Koa相比.md). |
| [Node-什么是ORM](./code-node/11-什么是ORM.md). |
| [Node-如何在 Node.js中实现身份验证](./code-node/12-如何在Node.js中实现身份验证.md). |


###  ☀️ NestJS
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [NestJS-什么是 NestJS](./code-nestjs/1-什么是NestJS.md). |
| [NestJS-NestJS中的模块是什么](./code-nestjs/2-NestJS中的模块是什么.md). |
| [NestJS-NestJS中的控制器和服务有什么区别](./code-nestjs/3-NestJS中的控制器和服务有什么区别.md). |
| [NestJS-如何在NestJS中进行依赖注入](./code-nestjs/4-如何在NestJS中进行依赖注入.md). |
| [NestJS-NestJS中的管道有什么作用](./code-nestjs/5-NestJS中的管道有什么作用.md). |
| [NestJS-NestJS中的异常过滤器是什么](./code-nestjs/6-NestJS中的异常过滤器是什么.md). |
| [NestJS-NestJS中如何实现文件上传和下载](./code-nestjs/7-NestJS中如何实现文件上传和下载.md). |
| [NestJS-NestJS中如何进行身份验证和授权](./code-nestjs/8-NestJS中如何进行身份验证和授权.md). |
| [NestJS-NestJS如何支持微服务](./code-nestjs/9-NestJS如何支持微服务.md). |
| [NestJS-NestJS的依赖注入机制原理是什么](./code-nestjs/10-NestJS的依赖注入机制原理是什么.md). |
| [NestJS-NestJS中的模块-Module-元数据](./code-nestjs/11-NestJS中的模块-Module-元数据.md). |
| [NestJS-什么是动态模块](./code-nestjs/12-什么是动态模块.md). |
| [NestJS-NestJS中的拦截器](./code-nestjs/13-NestJS中的拦截器.md). |
| [NestJS-守卫-Guard和中间件Middleware的区别是什么](./code-nestjs/14-守卫-Guard和中间件Middleware的区别是什么.md). |
| [NestJS-如何在NestJS中自定义装饰器](./code-nestjs/15-如何在NestJS中自定义装饰器.md). |
| [NestJS-NestJS中如何集成TypeORM](./code-nestjs/16-NestJS中如何集成TypeORM.md). |
| [NestJS-NestJS中如何实现事务](./code-nestjs/17-NestJS中如何实现事务.md). |

###  ☀️ Git


###  ☀️ 网络
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [网络-HTTP和HTTPS的机制](./code-network/1-HTTP和HTTPS的机制.md). |


###  ☀️ 算法


###  ☀️ 性能优化
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [性能-](./code-html/7-性能监控-PeformanceObserver.md). |

###  ☀️ 构建工具

###  ☀️ 工程化
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [工程化-使用eslint自动格式化代码](./code-engineering/1-使用eslint自动格式化代码.md). |
| [工程化-npm和pnpm以及yarn的区别](./code-engineering/2-npm和pnpm以及yarn的区别.md). |

###  ☀️ 跨端开发


### ☀️ Other
|                                                                                           |
| ----------------------------------------------------------------------------------------- |
| [Other-工作流](./code-other/1-工作流.md). |
| [Other-代码驱动](./code-other/2-代码驱动.md). |
| [Other-前端架构师究竟是做什么的](./code-other/3-前端架构师究竟是做什么的.md). |