前端架构 | 前端架构

Skip to content

Main Navigation我的主页 pc商城

网易云音乐商城项目组件

Appearance

Sidebar Navigation

JS基础

js中数据类型，存储上区别数组常用方法字符串常用方法类型转换机制 ==和===区别，分别什么情况使用深拷贝和浅拷贝区别，实现一个深拷贝闭包理解，实现，使用作用域链理解 js原型，原型链，及其特点 js如何实现继承 this对象理解执行上下文和执行栈是什么事件模型 typeof和instanceof区别事件代理及其应用场景 new操作符具体做了什么 ajax原理 bind call apply区别，实现正则表达式理解和应用场景事件循环理解 dom常见操作 bom理解和常见bom对象尾递归理解和应用场景内存泄漏的情况本地存储方式和区别，应用场景函数式编程理解和优缺点函数缓存的实现和应用场景数字精度丢失的问题和如何解决防抖和节流，区别和实现判断元素在可视区域的方式大文件上传断点续传实现上拉加载，下拉刷新单点登录和实现 web常见攻击方式和防御 performance深入理解eventloop

ES6

var let const之间区别 es6新增的扩展 es6对象新增的扩展 es6函数新增的扩展 es6新增的Set，Map的理解 ES6中promise的理解 ES6中Generator的理解 ES6中Proxy的理解 ES6中Module的理解 ES6中Decorator的理解新增问题的实现

vue解析

对vue的理解对SPA（单页应用）的理解 vue组件和插件有什么区别 slot的理解和slot应用场景 v-show和v-if怎么理解 vue的实例挂载过程发生什么了对vue生命周期理解 vue中v-if和v-for为什么不建议一起用 spa首屏加载速度慢怎么解决 data属性是个函数而不是一个对象 vue给对象添加新属性界面不刷新（vue2）组件和插件的区别 vue组件之间通信方式双向绑定的理解 nexttick的理解 vue的mixin的理解和应用场景 Vue.observable的理解 key的原理和应用如何缓存组件？缓存怎么更新？keep-alive的理解常用的修饰符及其应用场景自定义指令及其应用场景过滤器及其应用虚拟dom及其实现 diff算法及其实现封装的axios及其封装方式 axios原理及其源码 SSR的实现及其方式 vue项目的目录结构是什么样的，如何划分？vue权限管理怎么做？控制到按钮级别权限如何解决跨域？本地开发部署到服务器后报404 怎么处理vue中错误 vue3和vue2 vue-router源码 vuex源码

Vue3.0

Vue3的设计目标和优化 Vue3性能提升如何体现 Vue3为什么用Proxy代替defineProperty Vue3的CompositionApi和OptionApi有什么区别 Vue3的tree shaking特性 Vue3写过组件吗，实现一个modal

react解析

对于react的理解，特性 react的virtual dom和real dom区别 react的生命周期的不同阶段，对应方法是？state和props有什么区别 super()和super(props)有什么区别 react的setState机制 react的事件机制 react事件绑定方式和区别 react构建组件方式 react组件间如何通信 react中key的作用 react中refs理解和应用场景类组件和函数组件的理解受控组件和非受控组件的理解高阶组件的理解 react hooks的理解及其应用引入css的方式组件之间过渡动画实现 redux的理解及其实现 redux中间件的理解及常用的中间件 react中redux结构 react router理解及常用的router react router的模式及其实现原理 immutable的理解及其应用 react render方法原理提高组件渲染效率，如何避免不必要的render react diff原理 Fiber架构的理解及其解决问题 react的jsx转换真实dom过程 react性能优化的手段 react项目捕获错误的方式 react服务端渲染及其原理常见问题及其解决方式 react源码 redux源码

webpack解析

webpack的理解，解决的问题 webpack的构建流程 webpack的常见的loader及其使用 webpack的常见的plugin及其使用 webpack的loader和plugin区别 webpack热更新如何实现 webpack proxy的工作原理 webpack的性能优化提高webpack的构建速度和webpack类似的工具

mdn解析

MDN地址解析特性第一部分解析特性第二部分

算法

算法的理解，应用场景算法时间复杂度和空间复杂度，如何计算数据结构的理解栈队列的理解和操作链表的理解和操作集合的理解和操作树结构的理解和操作堆的理解和操作图的理解和操作常见的排序算法和区别冒泡排序的理解选择排序的理解插入排序的理解归并排序的理解快速排序的理解二分查找的理解动态规划的理解贪心算法和回溯算法算法1-3 算法4-6 算法7-9

CSS

盒子模型是什么 css选择器和优先级，继承的属性 em/px/rem/vh/vw区别设备像素，css像素，设备独立像素，dpr，ppi之间区别隐藏页面元素的方式和区别 BFC的理解元素水平垂直居中方法实现两栏布局，右侧自适应；三栏布局中间自适应 flexbox弹性盒布局模型及其适用场景 grid网格布局 css3新增特性 css3动画如何理解回流重绘，什么场景触发响应式设计基本原理及如何做 css提高性能的方式单行/多行文本溢出的省略样式实现视差滚动效果画一个三角形 chrome中小于12px的文字方式实现 css预编语言及其区别

HTTP

HTTP是什么及其与HTTPS区别为什么HTTPS比HTTP安全，如何保证的呢 UDP和TCP区别及其应用场景 OSI七层模型 TCP/IP协议 DNS协议是什么，完整查询过程 HTTP1.0/1.1/2.0区别 HTTP常见的状态码，适应场景 GET和POST区别 HTTP常见的请求头及其作用输入URL发生了什么 TCP的三次握手和四次挥手 WebSocket的理解及其应用场景 CDN实现原理

NodeJS

NodeJS的理解及其应用 NodeJS的全局对象 NodeJS的process NodeJS的fs NodeJS的Buffer NodeJS的Stream NodeJS的EventEmitter NodeJS的事件循环机制 NodeJS的文件查找以及require的文件查找策略 NodeJS的中间件 jwt鉴权机制实现文件上传设计分页 NodeJS的性能监控及优化

git系列

版本管理工具的理解对git的理解 fork clone branch的联系区别 git常用命令 HEAD 工作树索引联系区别 git pull和git fetch联系区别 git stash的理解 git rebase和git merge区别联系 git冲突怎么解决 git reset和git revert理解

操作系统系列

操作系统及其核心概念进程和线程联系与区别文件操作常用命令文本编辑常用命令用户管理相关命令输入输出重定向和管道 shell理解及其命令

Typescript

typescript解析及其js不同 ts中数据类型 ts中枚举类型 ts中接口 ts中类的理解 ts中函数和js的不同 ts中泛型 ts中高级类型有什么 ts中装饰器 ts中命名空间 react项目中如何应用ts vue项目中如何应用ts

小程序

小程序及其优缺点微信小程序生命周期函数微信小程序路由跳转微信小程序应用速度提高手段微信小程序登录流程微信小程序发布流程微信小程序支付流程微信小程序实现原理

设计模式

常见设计模式单例模式的理解工厂模式的理解策略模式的理解代理模式的理解发布订阅，观察者模型的理解

On this page

Table of Contents for current page

vue-router源码解析

Previous pagevue3和vue2

Next pagevuex源码