LorryIsLuRui / Learning-materials

:pushpin:用思维导图记录前端学习中的知识要点,持续更新……

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

前端思维导图仓库(持续更新中)

本仓库用思维导图记录前端学习中的知识要点,所使用工具为X-Mind,其思维导图格式必须使用X-Mind才能打开,如果您要预览,我也在同一文件夹下导出了图片格式

本仓库大部分内容,是由网上资料整合而得,主要来源有掘金、SegmentFault思否、CSDN、MDN、知乎、Github issue、简书、stackoverflow等等,每一篇思维导图可能由几篇不同的文章总结整理而成,所以没有完全注明引用来源,如有侵权,请联系我删除

本仓库按照前端学习方向分为五大类,总结重点是前端通用型问题,业务相关解决方案不在本仓库分享内容之列,还在持续的更新中,以下是索引:

  • HTML+CSS部分

    • 【BFC】什么是BFC(边距重叠解决方案)
    • 【布局】CSS中的左右两栏定宽,中间自适应布局方案
    • 【居中】CSS居中的所有方法
    • 【清除浮动】CSS清除浮动的方法
    • 【CSS】CSS选择器与优先级
    • 【CSS】CSS中的百分数都是相对于谁?
    • 【新特性】HTML5与CSS3新特性
    • 【Flex】Flex布局总结
  • JavaScript基础与拓展部分

    • 【JS基础大全】阮一峰JavaScript基础总结(全)
    • 【DOM相关】JavaScript获取元素的位置与尺寸
    • 【This】JavaScript This 关键字的理解?以及call、apply、bind
    • 【闭包】什么是闭包及其应用场景
    • 【继承】JavaScript 各种继承方式优缺点对比
    • 【事件流】什么是事件流,事件代理委托原理
    • 【事件循环】JS运行机制以及Event Loop
    • 【执行机制】JS执行机制与异步队列
    • 【ES6】说出你知道的ES6新特性
    • 【ES6】Promise解决了什么问题及使用
    • 【防抖与节流】JS中的函数防抖与节流
    • 【深浅拷贝】JavaScript 对象的浅拷贝和深拷贝区别?
    • 【数组去重】写一个数组去重的方法
    • 【数组去重】多维数组去重(高阶)
  • 前端工程化部分

    • 【Git】Git流程梳理与理解
    • 【Git】熟悉使用Git Rebase
    • 【Webpack】webpack打包之后的文件过大的解决方法
    • 【Webpack】理解-核心基础
    • 【Webpack深入】Webpack深入执行原理
    • 【模块化机制】AMD,CMD,Common.js,ES6 Module
  • 前端框架部分

    • 【Vue】双向数据绑定原理
    • 【Vue】对于Virtual Dom的理解
    • 【Vue】异步队列与理解nextTick
    • 【Vuex】理解Vuex原理以及使用
    • 【Vue路由】前后端路由及前端路由的实现
    • 【Vue监听缺陷】Vue数组下标以及增删对象属性无法响应式
  • 计算机网络通讯与数据结构部分

    • 【经典问题】从浏览器 URL 输入到页面显示经历了哪些过程?
    • 【Cookie】说说Cookie与Web Storage的区别
    • 【Cookie】Cookie、Session和WebStorage
    • 【TCP、UDP】TCP、UDP区别及特点
    • 【TCP】TCP 三次握手和四次挥手
    • 【HTTPS】HTTPS与HTTP的区别,以及HTTP2
    • 【前后端通信】请求响应常用知识点
    • 【CDN】面向前端的CDN原理介绍
    • 【代理】正向代理与反向代理
    • 【浏览器缓存】浏览器缓存详解
    • 【前端跨域】前端跨域问题
    • 【前端安全】前端攻击 XSS,CSRF ?避免方法?
    • 【浏览器渲染】重排和重绘
    • 【身份验证】JWT(Json Web token)
    • 【时间复杂度】什么是时间复杂度?
    • 【栈,队列,链表】用JavaScript实现

About

:pushpin:用思维导图记录前端学习中的知识要点,持续更新……