# ytanck

**Repository Path**: vue_50/ytanck

## Basic Information

- **Project Name**: ytanck
- **Description**: interview_reference 前端面试刷题必备，阮一峰ES6教程、JavaScript笔记、html、css、JavaScript、Vue、React、算法、前端日记Blog
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-04
- **Last Updated**: 2025-07-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h2 align="center">

[![Typing SVG](https://readme-typing-svg.herokuapp.com?font='Comfortaa'&color=%23268F77&size=30&center=true&vCenter=true&height=30&lines=console.log(%22Hello%20World%22);Welcome+to+my+profile+!)](https://git.io/typing-svg)
 
</h2>

<img align="right" src="https://github-readme-stats.vercel.app/api?username=ytanck&show_icons=true">

### Hi there 👋
- 🤝 Hello World
- 🤣 一个优秀的CV大师
- 👀 这几年没在搞前端
- 🌈 平时有空就写点[博客](http://www.whyta.cn/)



### Code with
![html](https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white)
![js](https://img.shields.io/badge/-JavaScript-oringe?style=flat-square&logo=javascript)
![css](https://img.shields.io/badge/-CSS3-1572B6?style=flat-square&logo=css3)
![nodejs](https://img.shields.io/badge/node-yellow)
![vue](https://img.shields.io/badge/vue-%2342b883)
![react](https://img.shields.io/badge/react-%23087EA4)
![github](https://img.shields.io/badge/github-ytanck-brightgreen.svg)

<!--
**ytanck** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.

Here are some ideas to get you started:

- 🔭🚀💪🍭🌍 I’m currently working on ...
- 🌱 I’m currently learning ...
- 👯 I’m looking to collaborate on ...
- 🤔 I’m looking for help with ...
- 💬 Ask me about ...
- 📫 How to reach me: ...
- 😄 Pronouns: ...
- ⚡ Fun fact: ...
-->
<br />

<h1>JavaScript Learning...</h1> 

## 阮一峰老师的 [ES6 入门教程](http://es6.ruanyifeng.com/)

| ES6 入门教程| ==> | [es6学习总结](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/33.ES6%E5%AD%A6%E4%B9%A0%E6%80%BB%E7%BB%93.md) |
|--------| :---------|--------|
| [ES6 简介](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/01.ECMAScript%206%20%E7%AE%80%E4%BB%8B.md) | [参考链接](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/34.%E5%8F%82%E8%80%83%E9%93%BE%E6%8E%A5.md)  |	[最新提案](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/29.%E6%9C%80%E6%96%B0%E6%8F%90%E6%A1%88.md) |
| [let 和 const 简介](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/02.let%20%E5%92%8C%20const%20%E5%91%BD%E4%BB%A4.md) | [变量的解构赋值](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/03.%E5%8F%98%E9%87%8F%E7%9A%84%E8%A7%A3%E6%9E%84%E8%B5%8B%E5%80%BC.md) | [字符串的扩展](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/04.%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%9A%84%E6%89%A9%E5%B1%95.md)|
|[字符串的新增方法](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/05.%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%9A%84%E6%96%B0%E5%A2%9E%E6%96%B9%E6%B3%95.md) | [正则的扩展](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/06.%E6%AD%A3%E5%88%99%E7%9A%84%E6%89%A9%E5%B1%95.md) |[数值的扩展](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/07.%E6%95%B0%E5%80%BC%E7%9A%84%E6%89%A9%E5%B1%95.md)|
| [函数的扩展](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/08.%E5%87%BD%E6%95%B0%E7%9A%84%E6%89%A9%E5%B1%95.md) | [数组的扩展](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/09.%E6%95%B0%E7%BB%84%E7%9A%84%E6%89%A9%E5%B1%95.md) |[对象的扩展](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/10.%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%89%A9%E5%B1%95.md)|
| [对象的新增方法](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/11.%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%96%B0%E5%A2%9E%E6%96%B9%E6%B3%95.md) | [Symbol](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/12.Symbol.md) |[Set 和 Map 数据结构](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/13.Set%20%E5%92%8C%20Map%20%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84.md)|
| [Proxy](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/14.Proxy.md) | [Reflect](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/15.Reflect.md) |[Promise 对象](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/16.Promise%20%E5%AF%B9%E8%B1%A1.md)|
| [async 函数](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/20.async%20%E5%87%BD%E6%95%B0.md) | [Generator 函数的语法](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/18.Generator%20%E5%87%BD%E6%95%B0%E7%9A%84%E8%AF%AD%E6%B3%95.md) |[Generator 函数的异步应用](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/19.Generator%20%E5%87%BD%E6%95%B0%E7%9A%84%E5%BC%82%E6%AD%A5%E5%BA%94%E7%94%A8.md)|
| [Iterator 和 for...of 循环](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/17.Iterator%20%E5%92%8C%20for-of%20%E5%BE%AA%E7%8E%AF.md) | [Class 的基本语法](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/21.Class%20%E7%9A%84%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95.md) |[Class 的继承](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/22.Class%20%E7%9A%84%E7%BB%A7%E6%89%BF.md)|
| [Module 的语法](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/23.Module%20%E7%9A%84%E8%AF%AD%E6%B3%95.md) | [Module 的加载实现](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/24.Module%20%E7%9A%84%E5%8A%A0%E8%BD%BD%E5%AE%9E%E7%8E%B0.md) |[编程风格](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/25.%E7%BC%96%E7%A8%8B%E9%A3%8E%E6%A0%BC.md)|
| [读懂 ECMAScript 规格](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/26.%E8%AF%BB%E6%87%82%20ECMAScript%20%E8%A7%84%E6%A0%BC.md) | [异步遍历器](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/27.%E5%BC%82%E6%AD%A5%E9%81%8D%E5%8E%86%E5%99%A8.md) |[ArrayBuffer](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/28.ArrayBuffer.md)|
| [装饰器](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/30.%E8%A3%85%E9%A5%B0%E5%99%A8.md) | [函数式编程](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/31.%E5%87%BD%E6%95%B0%E5%BC%8F%E7%BC%96%E7%A8%8B.md) |[Mixin](https://github.com/ytanck/ytanck/blob/master/docs/ES6%20%E6%95%99%E7%A8%8B/32.Mixin.md)|
<!-- |a|a|a| -->

## 面试系列

- [面试问题锦集](https://github.com/ytanck/ytanck/issues/35)
- [20道大厂前端面试题](https://github.com/ytanck/ytanck/issues/37)
- [大厂JS必考手写题](https://github.com/ytanck/ytanck/issues/38)
- [JavaScript前端必刷面试题](https://github.com/ytanck/ytanck/issues/44)
- [什么是进程？什么的线程？有什么区别](https://github.com/ytanck/ytanck/issues/23)
- [说说你对 shell 的理解？常见的命令？](https://github.com/ytanck/ytanck/issues/22)
- [call和apply、bind的理解及模拟实现](https://github.com/ytanck/ytanck/issues/20)
- [JavaScript从原型到原型链](https://github.com/ytanck/ytanck/issues/5)
- [JavaScript之深浅拷贝](https://github.com/ytanck/ytanck/issues/4)
- [ES6面试理论知识点汇总](https://github.com/ytanck/ytanck/issues/39)
- [ES6来简化代码,你都用过哪些](https://github.com/ytanck/ytanck/issues/40)
- [60个JS实用的代码小技巧](https://github.com/ytanck/ytanck/issues/41)
- [前端项目性能优化方案](https://github.com/ytanck/ytanck/issues/42)
- [JS 前端常用工具函数](https://github.com/ytanck/ytanck/issues/43)
- [面试官：说说地址栏输入 URL 敲下回车后发生了什么?](https://github.com/ytanck/ytanck/issues/45)
- [常见面试智力题总结](https://github.com/ytanck/ytanck/issues/95)
- [CSS 面试知识点总结](https://github.com/ytanck/ytanck/issues/94)
- [css中，有哪些方式可以隐藏页面元素？](https://github.com/ytanck/ytanck/issues/107)
- [HTML 面试知识点总结](https://github.com/ytanck/ytanck/issues/93)
- [npm常用命令有哪些？](https://github.com/ytanck/ytanck/issues/104)
- [Set、Map、WeakSet、WeakMap是什么?](https://github.com/ytanck/ytanck/issues/105)
- [JS 中比较少用的运算符](https://github.com/ytanck/ytanck/issues/108)
- [Javascript本地存储的方式有哪些？](https://github.com/ytanck/ytanck/issues/115)
- [前端隔离：Proxy、Web Workers 与 iframe 的对比](https://github.com/ytanck/ytanck/issues/142)
- [纯前端怎么实现检测版本更新](https://github.com/ytanck/ytanck/issues/137)
- [你还不明白npm, yarn, pnpm之间的区别](https://github.com/ytanck/ytanck/issues/132)
- [Monorepo与pnpm：前端项目管理的完美搭档](https://github.com/ytanck/ytanck/issues/131)
- [前端隔离：Proxy、Web Workers 与 iframe 的对比](https://github.com/ytanck/ytanck/issues/142)


## Vue系列

- [Vue生命周期](https://github.com/ytanck/ytanck/issues/61)
- [双向数据绑定v-model的原理？](https://github.com/ytanck/ytanck/issues/75)
- [Vue组件之间的通信方式都有哪些？](https://github.com/ytanck/ytanck/issues/76)
- [vue中data属性为什么是一个函数而不是一个对象？](https://github.com/ytanck/ytanck/issues/77)
- [v-if和v-for的优先级是什么？](https://github.com/ytanck/ytanck/issues/78)
- [说说你对keep-alive的理解是什么？](https://github.com/ytanck/ytanck/issues/79)
- [Vue中的$nextTick有什么作用？](https://github.com/ytanck/ytanck/issues/80)
- [说说你对vue的mixin的理解，有什么应用场景？ ](https://github.com/ytanck/ytanck/issues/81)
- [v-show和v-if有什么区别？使用场景分别是什么？](https://github.com/ytanck/ytanck/issues/82)
- [vue3有了解过吗？能说说跟vue2的区别吗？](https://whyta.cn/post/654de0797958/)
- [Vue3.0的设计目标是什么？做了哪些优化](https://whyta.cn/post/c14f6be9a934/)
- [Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？](https://github.com/ytanck/ytanck/issues/49)
- [Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？](https://github.com/ytanck/ytanck/issues/48)
- [什么是虚拟DOM？如何实现一个虚拟DOM？](https://github.com/ytanck/ytanck/issues/86)
- [SSR解决了什么问题？有做过SSR吗？你是怎么做的？](https://github.com/ytanck/ytanck/issues/85)
- [说说你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢](https://github.com/ytanck/ytanck/issues/84)
- [什么是slot插槽？slot使用场景有哪些？](https://github.com/ytanck/ytanck/issues/83)
- [Vue的不同风格写法，你知道么？](https://github.com/ytanck/ytanck/issues/141)


## React系列

- [JSX简介](https://github.com/ytanck/ytanck/blob/master/docs/%E3%80%8AReact%E3%80%8B%E7%AC%94%E8%AE%B0/01.%E6%A0%B8%E5%BF%83%E6%A6%82%E5%BF%B5/01.JSX%E7%AE%80%E4%BB%8B.md)
- [Hook概述](https://github.com/ytanck/ytanck/blob/master/docs/%E3%80%8AReact%E3%80%8B%E7%AC%94%E8%AE%B0/03.Hook/01.Hook%E6%A6%82%E8%BF%B0.md)
- [react中引入css的方式有哪几种？区别？](https://github.com/ytanck/ytanck/issues/59)
- [说说 Real DOM 和 Virtual DOM 的区别？优缺点？](https://whyta.cn/post/e4ee0da3ee75/)
- [React事件绑定的方式有哪些？区别？](https://whyta.cn/post/af47571a2bb8/)
- [React构建组件的方式有哪些？区别？](https://whyta.cn/post/15b3e8abcf8f/)
- [说说你对高阶组件的理解？应用场景?](https://whyta.cn/post/8d761f218aa9/)
- [说说React Jsx转换成真实DOM过程？](https://whyta.cn/post/cfa58acc4b57/)
- [React中组件之间如何通信？](https://github.com/ytanck/ytanck/issues/58)
- [React生命周期](https://github.com/ytanck/ytanck/issues/60)
- [面试官：说说对高阶组件的理解？应用场景?](https://whyta.cn/post/8d761f218aa9/)
- [面试官：说说React中对受控组件和非受控组件的理解？应用场景？](https://github.com/ytanck/ytanck/issues/57)
- [面试官：说说对React Hooks的理解？解决了什么问题？](https://github.com/ytanck/ytanck/issues/62)
- [面试官：说说对React refs 的理解？应用场景？](https://github.com/ytanck/ytanck/issues/63)

## TypeScript

- [基础类型](https://github.com/ytanck/ytanck/blob/master/docs/%E3%80%8ATypeScript%20%E4%BB%8E%E9%9B%B6%E5%AE%9E%E7%8E%B0%20axios%E3%80%8B/02.TypeScript%20%E5%B8%B8%E7%94%A8%E8%AF%AD%E6%B3%95/01.%E5%9F%BA%E7%A1%80%E7%B1%BB%E5%9E%8B.md)
- [变量声明](https://github.com/ytanck/ytanck/blob/master/docs/%E3%80%8ATypeScript%20%E4%BB%8E%E9%9B%B6%E5%AE%9E%E7%8E%B0%20axios%E3%80%8B/02.TypeScript%20%E5%B8%B8%E7%94%A8%E8%AF%AD%E6%B3%95/02.%E5%8F%98%E9%87%8F%E5%A3%B0%E6%98%8E.md)
- [说说你对 TypeScript 中高级类型的理解？有哪些？](https://whyta.cn/post/c50e09c115bc/)
- [说说你对 TypeScript 中泛型的理解？应用场景？](https://whyta.cn/post/00912aee26cc/)
- [说说你对 TypeScript 中接口的理解？应用场景？](https://whyta.cn/post/cd6f72b9b750/)
- [说说你对 TypeScript 中类的理解？应用场景？](https://whyta.cn/post/d60ec134c3af/)

## 算法
- [说说你对算法的理解？](https://github.com/ytanck/ytanck/issues/88)
- [常用排序算法：插入排序、希尔排序、选择排序、冒泡排序、快速排序、归并排序](https://github.com/ytanck/ytanck/issues/87)

## 欢迎贡献

项目需要大家的支持，期待更多小伙伴的贡献，你可以：

- 在[Issue](https://github.com/ytanck/ytanck/issues)上传优质面试题及解析
- 提建议或 Bug：[反馈平台](https://whyta.cn/link/)