# Learning-materials **Repository Path**: cao_zhe/Learning-materials ## Basic Information - **Project Name**: Learning-materials - **Description**: :pushpin:用思维导图记录前端学习中的知识要点,持续更新…… - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2020-04-18 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 前端思维导图仓库(持续更新中) #### 本仓库用思维导图记录前端学习中的知识要点,所使用工具为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实现