前端精进之路

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

网络分层

浏览 104 扫码 分享 2022-10-19 09:27:41
  • 分层

    分层

    image.png
    image.png
    image.png

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 📌 说明
    • 🏆 JavaScript
      • 📁 基础
        • 【1】变量声明
        • 【2】数据类型
          • 数据类型转换
          • 数据类型判断
        • 【3】数组
        • 【4】函数
        • 【5】引用类型
          • Object
          • String
          • 其他内置对象
        • 【6】Promise
        • 【7】ES6+知识
          • ES6对象
      • 📁 核心
        • ⭐️JavaScript执行机制
        • 【1】执行上下文/作用域
        • 【2】闭包
        • 【2】this
        • 【4】原型
        • 【5】事件循环
      • 📁 进阶
        • 模块化方案
        • 函数式编程
        • 浅拷贝/深拷贝
        • 迭代器和遍历方法
        • 生成器/async/await
        • with/eval/Function
        • 搞定正则表达式
          • 正则案例
      • 📁 手写
        • 🌈 参考资料
        • 实现继承
        • 手写Promise
        • Promise执行控制
        • 发布订阅模式/事件总线
        • 节流/防抖
        • call/apply/bind
        • 原型相关
        • 数组基本方法
        • 数组去重
        • 数组扁平化
        • JS手写
        • 字符串相关
        • 打印顺序题
        • 其他实践
    • 🎨 CSS
      • 📁 基础
        • 【1】基础
        • 【2】选择器
        • 【3】盒子模型
        • 【4】值和单位
        • 【5】字体和文本
        • 【6】background
        • 【7】CSS布局
        • 【8】Flex布局
        • 【9】效果和动画
      • 📁 实践
        • 居中显示
        • GPU 加速
        • 响应式布局
        • 三栏布局
        • BFC
        • border实现三角形
      • 📁 工程
        • CSS 预处理器
        • 🏆 CSS 架构设计
    • 🌏 HTML/浏览器/网络
      • 📁 HTML
        • 🌈 参考资料
        • 【1】HTML 整体结构
        • 【2】HTML 标签
        • 【3】HTML5新特性
        • 页面生命周期
      • 📁 Web API
        • DOM 对象
        • DOM 事件
        • BOM 对象
        • 拖拽/键盘移动 div
      • 📁 浏览器
        • ⭐️浏览器工作原理
        • 🌙现代浏览器内部揭秘
        • ⭐️浏览器渲染原理与性能优化
      • 📁 网络
        • webSocket
        • 参考资料
        • 网络分层
        • 网络安全
        • TCP和UDP
        • Web协议详解与抓包实战-笔记
        • 📁 HTTP
          • HTTP入门
          • HTTP报文
          • HTTP的连接管理/重定向/Cookie
          • HTTP2/3
          • HTTP缓存
          • HTTP代理
          • HTTPS
      • 📁 网络请求
        • fetch
        • 解决跨域问题
        • XMLHttpRequest
        • axios
    • 🧩 Vue
      • 🌈 参考资料
      • 📁 Vue2 实践
        • 【1】组件通信方式
        • 【2】组件化实践
        • 【3】递归组件
        • Vue基础
        • Vue 动画
        • Vue 实践技巧
        • Vue2+Typescript
      • 📁 Vue2 源码
        • 如何调试
        • Vue2 整体流程
        • Vue2 源码的重难点
        • 深入浅出Vue.js 读书笔记
        • nextTick
        • Vue响应式原理
        • Vue源码剖析
        • 虚拟DOM
        • 📁 手写 Vue2 核心原理
          • 【1】数据响应式
          • 【2】Watch/Computed
          • 【3】生命周期
          • 【4】组件化
          • 【5】dom diff 解析
        • 📁 剖析 Vue2 源码
          • 【1】Vue项目结构
          • 【2】全局API %26 执行流程
          • 【3】响应式变化原理
      • 📁 Vue3 学习
        • ✅ 学习 Vue3 中的 ES6
        • ✅ Vue3 介绍/构建流程搭建
        • 使用Vue 重构ElementUI
        • Vue3 + Typescipt 开发初探
        • Vue3 初探
      • 📁 Vue3 源码
        • 📁手写mini-vue
          • 【1】实现reactivity
          • 【2】实现mount%26setup
          • 【3】实现patch
        • 【note】Vue 3 Deep Dive with Evan You
        • 探究VNode
        • Vue3的初始化流程
        • compile编译过程
        • vue3源码
        • 深入Vue3源码-01
      • 📁 Vuex/Vue-Router
        • vue-router
        • vuex
        • 手写router
        • Vuex原理剖析-zf
        • Vue-Router源码深度剖析-zf
      • 📁 其他
        • 深入Vue原理[转]
        • 【面试】vue面试题
        • diff算法
    • 🌐 React
      • 🌈 学习资源
      • React 入门
    • 🚧 工程化
      • 📁 前端基建
      • 📁 webpack
        • 🌈 参考资料
        • 📂 基础/实践
          • webpack 入门
          • loader 的使用
          • plugin 的使用
          • 编写一个 loader
          • 编写一个 Plugin
          • babel 的使用
          • dev-server 的使用
          • webpack 优化策略
          • webpack 打包分析
          • webpack 高级概念
        • 📂 原理/源码
          • Webpack原理与实践
          • webpack模块化机制
          • 通过源代码掌握webpack打包原理
          • webpack 面试题
      • 📁 vite
      • 📁 脚手架
        • vue/cli 插件
        • vue/cli
      • 📁 代码规范
        • 🌈 参考资料
        • vue规范总结
        • 腾讯云-学得会,抄得走的提升前端代码质量方法
        • 阿里前端开发规范.pdf
        • 腾讯程序员-万字长文教你如何做前端 Code Review
    • 📈 前端进阶
      • 📁 设计模式
        • 1. 设计模式之道
        • 2. 创建型
        • 3. 结构型
          • 桥接模式
          • 外观模式
          • 组合模式
          • 享元模式
        • 4. 行为型
          • 访问者模式
          • 备忘录模式
          • 解释器模式
          • 模板方法模式
          • 命令模式
        • 最佳实践
        • 参考资料
          • JavaScript中的设计模式-byte
      • 📁 Node
        • 🌈 参考资料
        • 01. 介绍
        • 02. 模块化
        • 03. 事件循环
        • 04. 核心模块
          • path / process
          • fs
          • Buffer
          • Stream
          • nodejs 原理详解
        • 05. web 框架
          • koa原理
      • 📁 TypeScript
        • 参考资料
        • TypeScript 基础
        • tsconfig.json详解
      • 📁 数据可视化
        • 可视化入门
      • 📁 微前端
        • iframe
    • 📘 实战
      • 🌈 实战清单
      • 📁 组件库
        • vue的组件库导航
        • 学习资料
        • Vue组件精讲
        • 预研
      • 📁 实战笔记
        • vuedraggable 拖拽组件
        • 前后端数据交互总结
        • sortable.js 的使用
    • ⚔️ 面试
      • 🌈 面试题资源
      • 📁 面试题专题
        • JS高级
        • 面试通关--zhufeng
          • 第一部分(15道运行题)
          • 第二部分(20道简答题)
          • 第三部分(15道手写题)
        • 面试大纲--zhuawa
        • 面试考点--shark
        • JS 面试题--zhufeng
        • JS深入--atguigu
    • 📚 其他
      • 💾 笔记存档
        • 如何推动前端团队的基础设施建设
        • 手撸一个自己的前端脚手架-zf
        • Chrome开发者工具
        • V8工作原理
        • DOM树
      • 💡 收藏夹
        • 优质小册推荐
        • 🚀字节前端青训营PPT
        • ⭐前端工具和网站分享
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注