# xiaozhi

**Repository Path**: dlln/xiaozhi

## Basic Information

- **Project Name**: xiaozhi
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-24
- **Last Updated**: 2021-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

我不是什么大牛，我其实想做的就是一个传播者。内容可能过于基础，但对于刚入门的人来说或许是一个窗口，一个解惑之窗。我要先坚持分享20年，大家来一起见证吧。

每年至少会分享不少于`200篇`的优质文章，如果想第一时间获取文章，大家可以去[【公众号】](#公众号)获取或者加我[【微信】](#微信)提意见(别忘记**Star**哟)。



<p align="center">
  <a href="#微信"><img src="https://img.shields.io/badge/weChat-微信群-blue.svg" alt="微信群"></a>
  <a href="#公众号"><img src="https://img.shields.io/badge/%E5%85%AC%E4%BC%97%E5%8F%B7-前端小智-lightgrey.svg" alt="公众号"></a>
  <a href="https://juejin.im/user/59df61ec51882578ce26ee6e/posts"><img src="https://img.shields.io/badge/juejin-掘金-blue.svg" alt="公众号"></a>
   <a href="https://segmentfault.com/u/minnanitkong/articles"><img src="https://img.shields.io/badge/segmentfault-思否-blue.svg" alt="公众号"></a>
  <a href="https://blog.csdn.net/qq449245884"><img src="https://img.shields.io/badge/csdn-CSDN-red.svg" alt="投稿"></a>
  <a href="https://www.zhihu.com/people/funny-xiaozhi/posts"><img src="https://img.shields.io/badge/zhihu-知乎-informational" alt="投稿"></a>
  <a href="https://www.toutiao.com/c/user/2399726689/#mid=1583229112254477"><img src="https://img.shields.io/badge/toutiao-头条-9cf" alt="投稿"></a>
</p>


大家都说简历没项目写，我帮阿里云团队的师兄推广服务器，比较便宜：一年 74 ，三年 223, 119一年 香港(免备案) ，比学生9.9每月还便宜，买来送自己，送女朋友，买了搭建个项目给面试官看也香，还可以熟悉技术栈.

[**←点击或者扫码购买↓**](https://cn.aliyun.com/minisite/goods?userCode=pxuujn3r&share_source=copy_link)


<p align="center">
    <a href="https://cn.aliyun.com/minisite/goods?userCode=pxuujn3r&share_source=copy_link" target="_blank">
        <img src="https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/lib/emoji-pngs/ailiyuan.png" width="100"/>
    </a>
</p>

### 《CSS创意特效》已开通，目前在更新中

**专栏地址**：https://blog.csdn.net/qq449245884/category_9873715.html?utm_source=ffzl_BWzd



### <a name="目录">系列目录</a>

* [视角](#视角)
* [JavaScript是如何工作的系列](#JavaScript是如何工作的系列)
* [JavaScript通过动画演示系列](#JavaScript通过动画演示系列)
* [JavaScript 口袋书 系列](#JavaScript口袋书系列)
* [TypeScript 口袋书 系列](#TypeScript口袋书系列)
* [前端性能优化 系列](#前端性能优化系列)
* [JavaScript 数据结构 系列](#JavaScript数据结构系列)
* [JavaScript 其它 系列](#JavaScript其它系列)
* [Vue 系列](#Vue系列)
* [React 造轮子 系列](#React造轮子系列)
* [React 系列](#React系列)
* [ReactNative 系列](#ReactNative系列)
* [前端面试 系列](#前端面试系列)
* [前端技巧 系列](#前端技巧系列)
* [ECMAScript 系列](#ECMAScript系列)
* [CSS 系列](#CSS系列)
* [SVG 系列](#SVG系列)
* [UI设计 系列](#UI设计系列)


<a name="视角"></a> 

#### 视角

1. [10个技巧，帮咱们更快更好的学习编程](https://github.com/qq449245884/xiaozhi/issues/156)


<a name="JavaScript是如何工作的系列"></a> 
#### JavaScript是如何工作的系列


1. [JavaScript是如何工作的：引擎，运行时和调用堆栈的概述](https://github.com/qq449245884/xiaozhi/issues/1)

2. [JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧](https://github.com/qq449245884/xiaozhi/issues/2)

3. [JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏](https://github.com/qq449245884/xiaozhi/issues/3)

4. [JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式](https://github.com/qq449245884/xiaozhi/issues/4)

5. [JavaScript是如何工作: 深入探索 websocket 和HTTP/2与SSE +如何选择正确的路径 ](https://github.com/qq449245884/xiaozhi/issues/5)

6. [JavaScript是如何工作的:与 WebAssembly比较 及其使用场景](https://github.com/qq449245884/xiaozhi/issues/6)

7. [JavaScript是如何工作的:Web Workers的构建块+ 5个使用他们的场景](https://github.com/qq449245884/xiaozhi/issues/7)

8. [JavaScript 是如何工作的：Service Worker 的生命周期及使用场景](https://github.com/qq449245884/xiaozhi/issues/8)

9. [JavaScript是如何工作的:Web推送通知的机制](https://github.com/qq449245884/xiaozhi/issues/9)

10. [JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化](https://github.com/qq449245884/xiaozhi/issues/10)

11. [JavaScript是如何工作的:渲染引擎和优化其性能的技巧](https://github.com/qq449245884/xiaozhi/issues/11)

12. [JavaScript 是如何工作的：深入网络层 + 如何优化性能和安全](https://github.com/qq449245884/xiaozhi/issues/12)

13. [JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能](https://github.com/qq449245884/xiaozhi/issues/13)

14. [JavaScript 是如何工作的：解析、抽象语法树（AST）+ 提升编译速度5个技巧](https://github.com/qq449245884/xiaozhi/issues/14)

15. [JavaScript是如何工作的：深入类和继承内部原理+Babel和 TypeScript 之间转换](https://github.com/qq449245884/xiaozhi/issues/15)

16. [JavaScript是如何工作的:存储引擎+如何选择合适的存储API](https://github.com/qq449245884/xiaozhi/issues/16)

17. [JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件](https://github.com/qq449245884/xiaozhi/issues/17)

18. [JavaScript 是如何工作的:WebRTC 和对等网络的机制 ](https://github.com/qq449245884/xiaozhi/issues/18)

19. [JavaScript 是如何工作的：编写自己的 Web 开发框架 + React 及其虚拟 DOM 原理](https://github.com/qq449245884/xiaozhi/issues/19)

20. [JavaScript 是如何工作的：模块的构建以及对应的打包工具](https://github.com/qq449245884/xiaozhi/issues/20)

21. [JavaScript 是如何工作的：JavaScript 的内存模型 ](https://github.com/qq449245884/xiaozhi/issues/21)

22. [JavaScript 是如何工作的：JavaScript 的共享传递和按值传递](https://github.com/qq449245884/xiaozhi/issues/22)

23. [JS引擎:它们是如何工作的?从调用堆栈到Promise，需要知道的所有内容](https://github.com/qq449245884/xiaozhi/issues/68)

<a name="JavaScript通过动画演示系列"></a> 
#### JavaScript 通过动画演示系列


1. [【动画演示】：变量提升别有一翻风味](https://github.com/qq449245884/xiaozhi/issues)

2. [【动画演示】：JS 作用域链不在话下](https://github.com/qq449245884/xiaozhi/issues/174)

3. [【动画演示】：事件循环 形象深动(JavaScript)](https://github.com/qq449245884/xiaozhi/issues/175)

4. [【动画演示】JavaScript 引擎运行原理](https://github.com/qq449245884/xiaozhi/issues/176)

<a name="JavaScript口袋书系列"></a> 
#### JavaScript 口袋书 系列

1. [【JS 口袋书】第 1 和 2 章：JS简介及基础](https://github.com/qq449245884/xiaozhi/issues/122)

2. [【JS 口袋书】第 3 章：JavaScript 函数](https://github.com/qq449245884/xiaozhi/issues/123)

3. [【JS 口袋书】第 4 章：JS 引擎底层的工作原理](https://github.com/qq449245884/xiaozhi/issues/124)

4. [【JS 口袋书】第 5 章：JS 对象生命周期的秘密](https://github.com/qq449245884/xiaozhi/issues/126)

5. [【JS 口袋书】第 6 章：JS 中的闭包与模块](https://github.com/qq449245884/xiaozhi/issues/127)

6. [【JS 口袋书】第 7 章：JS 中的类型转换与比较](https://github.com/qq449245884/xiaozhi/issues/128)

7. [【JS 口袋书】第 8 章：以更细的角度来看 JS 中的 this](https://github.com/qq449245884/xiaozhi/issues/131)

8. [【JS 口袋书】第 9 章：使用 JS 操作 HTML 元素](https://github.com/qq449245884/xiaozhi/issues/130)

9. [【JS 口袋书】第 10 章：使用异步 JavaScript](https://github.com/qq449245884/xiaozhi/issues/135)

10. [【JS 口袋书】第 11 章：HTML 表单及 localStorage 的使用](https://github.com/qq449245884/xiaozhi/issues/137)

<a name="TypeScript口袋书系列"></a> 
#### TypeScript 口袋书系列

0. [【TS 演化史 -- 破晓】一步一个脚印带你入门 TS](https://github.com/qq449245884/xiaozhi/issues/138)

1. [【TypeScript 演化史 -- 1】non-nullable 的类型](https://github.com/qq449245884/xiaozhi/issues/144)

2. [【TypeScript 演化史 -- 2】基于控制流的类型分析 和 只读属性](https://github.com/qq449245884/xiaozhi/issues/146)

3. [【TypeScript 演化史 -- 3】标记联合类型 与 never 类型](https://github.com/qq449245884/xiaozhi/issues/148)

4. [【TypeScript 演化史 -- 4】更多的字面量类型 与 内置类型声明](https://github.com/qq449245884/xiaozhi/issues/151)

5. [【TypeScript 演化史 -- 5】将 async/await 编译到 ES3/ES5 (外部帮助库) ](https://github.com/qq449245884/xiaozhi/issues/152)

6. [【TypeScript 演化史 -- 6】对象扩展运算符和 rest 运算符及 keyof 和查找类型 ](https://github.com/qq449245884/xiaozhi/issues/155)

7. [【TypeScript 演化史 -- 7】映射类型和更好的字面量类型推断](https://github.com/qq449245884/xiaozhi/issues/160)

8. [【TypeScript 演化史 -- 8】字面量类型扩展 和 无类型导入](https://github.com/qq449245884/xiaozhi/issues/171)

9. [【TypeScript 演化史 -- 9】object 类型 和 字符串索引签名类型的点属性 ](https://github.com/qq449245884/xiaozhi/issues/172)

10. [TypeScript 演化史 -- 10】更好的空值检查 和 混合类](https://github.com/qq449245884/xiaozhi/issues/170)

11. [【TypeScript 演化史 -- 11】泛型参数默认类型 和 新的 --strict 编译选项](https://github.com/qq449245884/xiaozhi/issues/177)

12. [【TypeScript 演化史 -- 12】ES5/ES3 的生成器和迭代支持及 --checkJS选项下 .js 文件中的错误](https://github.com/qq449245884/xiaozhi/issues/178)

<a name="前端性能优化系列"></a> 
#### 前端性能优化 系列

1. [Web 性能优化： 使用 Webpack 分离数据的正确方法](https://github.com/qq449245884/xiaozhi/issues/25)

2. [Web 性能优化： 图片优化让网站大小减少 62%](https://github.com/qq449245884/xiaozhi/issues/26)

3. [Web 性能优化：缓存 React 事件来提高性能](https://github.com/qq449245884/xiaozhi/issues/27)

4. [Web 性能优化：21种优化CSS和加快网站速度的方法](https://github.com/qq449245884/xiaozhi/issues/28)

5. [Web 性能优化：理解及使用 JavaScript 缓存 ](https://github.com/qq449245884/xiaozhi/issues/29)

6. [Web 性能优化：Preload,Prefetch的使用及在 Chrome 中的优先级](https://github.com/qq449245884/xiaozhi/issues/30)


<a name="JavaScript数据结构系列"></a> 
#### JavaScript 数据结构 系列

1. [用 JavaScript 实现链表 ](https://github.com/qq449245884/xiaozhi/issues/31)

<a name="JavaScript其它系列"></a> 
#### JavaScript 其它 系列

1. [11 种在大多数教程中找不到的JavaScript技巧 ](https://github.com/qq449245884/xiaozhi/issues/40)

2. [JavaScript 的内存模型 ](https://github.com/qq449245884/xiaozhi/issues/46)

3. [我从来不理解JavaScript闭包，直到有人这样向我解释它](https://github.com/qq449245884/xiaozhi/issues/53)

4. [如何在 JS 循环中正确使用 async 与 await ](https://github.com/qq449245884/xiaozhi/issues/54)

5. [搞懂 Javascript中this 指向及继承原理 ](https://github.com/qq449245884/xiaozhi/issues/55)

6. [JavaScript 的简洁之道 ](https://github.com/qq449245884/xiaozhi/issues/56)

7. [JavaScript 原型的深入指南](https://github.com/qq449245884/xiaozhi/issues/60)

8. [如何在JavaScript中访问暂未存在的嵌套对象](https://github.com/qq449245884/xiaozhi/issues/61)

9. [10个流行的JavaScript面试题](https://github.com/qq449245884/xiaozhi/issues/62)

10. [搞懂JavaScript引擎运行原理](https://github.com/qq449245884/xiaozhi/issues/65)

11. [需要知道的JS的日期知识，都在这了](https://github.com/qq449245884/xiaozhi/issues/66)

12. [8个有用的JS技巧](https://github.com/qq449245884/xiaozhi/issues/69)

13. [揭秘变量提升](https://github.com/qq449245884/xiaozhi/issues/70)

14. [如何使用 Set 来提高代码的性能](https://github.com/qq449245884/xiaozhi/issues/72)

15. [Array.slice 8种不同用法](https://github.com/qq449245884/xiaozhi/issues/74)

16. [8个问题看你是否真的懂 JS](https://github.com/qq449245884/xiaozhi/issues/77)

17. [Proxy 的巧用](https://github.com/qq449245884/xiaozhi/issues/78)

18. [JS变量生命周期:为什么 let 没有被提升](https://github.com/qq449245884/xiaozhi/issues/79)

19. [JS 中有趣的事实](https://github.com/qq449245884/xiaozhi/issues/81)

20. [任务，微任务、队列和时间表](https://github.com/qq449245884/xiaozhi/issues/82)

21. [JS 的5个不良编码习惯，现在就改掉吧](https://github.com/qq449245884/xiaozhi/issues/83)

22. [JS 最新数据基本类型:BigInt](https://github.com/qq449245884/xiaozhi/issues/84)

23. [关于css margin，你需要知道的一切](https://github.com/qq449245884/xiaozhi/issues/85)

24. [处理 JS中 undefined 的 7 个技巧](https://github.com/qq449245884/xiaozhi/issues/86)

25. [什么时候不使用箭头函数](https://github.com/qq449245884/xiaozhi/issues/87)

26. [Promise 中的三兄弟 .all(), .race(), .allSettled()](https://github.com/qq449245884/xiaozhi/issues/93)

27. [JS 中创建自定义排序方法](https://github.com/qq449245884/xiaozhi/issues/94)

28. [JS 在获取当前月的最后一天遇到的坑](https://github.com/qq449245884/xiaozhi/issues/98)

29. [5个 JS 解构有趣的用途](https://github.com/qq449245884/xiaozhi/issues/99)

30. [JS可选链的好处](https://github.com/qq449245884/xiaozhi/issues/100)

31. [JS 前20个常用字符串方法及使用方式](https://github.com/qq449245884/xiaozhi/issues/103)

32. [JS中，如何提高展开运算符的性能](JS中，如何提高展开运算符的性能)

33. [JS 如何创建、读取和删除cookie](https://github.com/qq449245884/xiaozhi/issues/105)

34. [JS 中几种轻松处理'this'指向方式](https://github.com/qq449245884/xiaozhi/issues/111)

35. [息息相关的 JS 同步，异步和事件轮询](https://github.com/qq449245884/xiaozhi/issues/112)

36. [掌握JS函数中的几种参数形式（函数基础）](https://github.com/qq449245884/xiaozhi/issues/115)

37. [简单易懂的 ES6 Iterators 指南和示例 ](https://github.com/qq449245884/xiaozhi/issues/116)

38. [20多个小事例带你重温 ES10 新特性](https://github.com/qq449245884/xiaozhi/issues/120)

39. [JS 常用的技巧和几个鲜为人知的特性](https://github.com/qq449245884/xiaozhi/issues/121)

40. [我对 JS 中相等和全等操作符转化过程一直很迷惑，直到有了这份算法 ](https://github.com/qq449245884/xiaozhi/issues/125)

41. [JS中轻松遍历对象属性的几种方式](https://github.com/qq449245884/xiaozhi/issues/89)

42. [JS中函数式编程基本原理简介](https://github.com/qq449245884/xiaozhi/issues/90)

43. [ES新提案：双问号操作符](https://github.com/qq449245884/xiaozhi/issues/101)

44. [如何使用useReducer Hook](https://github.com/qq449245884/xiaozhi/issues/102)

45. [JS 如何创建、读取和删除cookie](https://github.com/qq449245884/xiaozhi/issues/105)

46. [深入 JS 对象属性](https://github.com/qq449245884/xiaozhi/issues/109)

47. [JS异常函数之-箭头函数](https://github.com/qq449245884/xiaozhi/issues/110)

48. [理清JS中的深拷贝与浅拷贝](https://github.com/qq449245884/xiaozhi/issues/117)

49. [常见的三个 JS 面试题](https://github.com/qq449245884/xiaozhi/issues/118)

50. [JS对象的 rest/spread 属性指南](https://github.com/qq449245884/xiaozhi/issues/132)

51. [13 个 JS 数组精简技巧，一起来看看](https://github.com/qq449245884/xiaozhi/issues/133)

52. [重温一下 JS 进阶需要掌握的 13 个概念](https://github.com/qq449245884/xiaozhi/issues/134)

53. [通过 41 个 问答方式快速了解学习 Git](https://github.com/qq449245884/xiaozhi/issues/136)

54. [使用 JS 及 React Hook 时需要注意过时闭包的坑(文中有解决方法)](https://github.com/qq449245884/xiaozhi/issues/139)

55. [14 个拷贝数组的 JS 技巧 ](https://github.com/qq449245884/xiaozhi/issues/145)

56. [通过事例重温一下常见的 JS 中 15 种数组操作(备忘清单)](https://github.com/qq449245884/xiaozhi/issues/153)

57. [JavaScript 中， 5 种增加代码可读性的最佳实践](https://github.com/qq449245884/xiaozhi/issues/154)

58. [使用 JS 来动态操作 css ，你知道几种方法？](https://github.com/qq449245884/xiaozhi/issues/158)

59. [13个需要知道的方法：使用 JavaScript 来操作 DOM](https://github.com/qq449245884/xiaozhi)

60. [34 个今年11月最受欢迎的 JavaScript 库](https://github.com/qq449245884/xiaozhi/issues/165)

61. [回到基础：什么是DOM及DOM操作？](https://github.com/qq449245884/xiaozhi/issues/166)

62. [通过编写简易版本的虚拟DOM，来理解虚拟DOM 的原理](https://github.com/qq449245884/xiaozhi/issues/167)

63. [JavaScript 中的无穷数(Infinity) ](https://github.com/qq449245884/xiaozhi/issues/168)

64. [你需要知道的 JavaScript 类(class)的这些知识 ](https://github.com/qq449245884/xiaozhi/issues/173)

65. [JavaScript中的类型检查有点麻烦 ](https://github.com/qq449245884/xiaozhi/issues/187)

66. [编写高质量箭头函数的5个最佳做法 ](https://github.com/qq449245884/xiaozhi/issues/191)

67. [什么是 globalThis，为什么要学会使用它？](https://github.com/qq449245884/xiaozhi/issues/192)

68. [何时使用 Map 来代替普通的 JS 对象](https://github.com/qq449245884/xiaozhi/issues/195)

69. [记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题](https://github.com/qq449245884/xiaozhi/issues/198)

70. [JavaScript内部原理：浏览器的内幕](https://github.com/qq449245884/xiaozhi/issues/202)

71. [知道 JavaScript 中的错误对象有哪些类型吗？](https://github.com/qq449245884/xiaozhi/issues/207)

72. [这5个 console.log() 技巧帮你提高工作效率 ](https://github.com/qq449245884/xiaozhi/issues/209)

73. [这 10 个片段，有助于你理解 ES 中的 Promise](https://github.com/qq449245884/xiaozhi/issues/212)

74. [什么 JS 中的对象字面量很酷](https://github.com/qq449245884/xiaozhi/issues/214)

75. [知道临时死区你才能更好的使用 JS 变量](https://github.com/qq449245884/xiaozhi/issues/215)

76. [你知道 JS 中的模块导入有一个缺点吗？](https://github.com/qq449245884/xiaozhi/issues/217)

77. [26 个 CSS 面试的高频考点助力金三银四](https://github.com/qq449245884/xiaozhi/issues/219)

78. [适合前端开发 和UI 设计的20多个最佳 ICON 库](https://github.com/qq449245884/xiaozhi/issues/220)

79. [这些优化技巧可以避免我们在 JS 中过多的使用 IF 语句](https://github.com/qq449245884/xiaozhi/issues/222)

80. [这三个精巧且很棒 JS 库，值得你亲手试试](https://github.com/qq449245884/xiaozhi/issues/223)

81. [5个很棒的 React.js 库，值得你亲手试试！](https://github.com/qq449245884/xiaozhi/issues/225)

82. [何写出优雅的 JS 代码，变量和函数的正确写法 ](https://github.com/qq449245884/xiaozhi/issues/227)

83. [JavaScript重构技巧-让函数简单明了](https://github.com/qq449245884/xiaozhi/issues/234)

84. [JS执行上下文的两个阶段做了些啥？](https://github.com/qq449245884/xiaozhi/issues/240)

85. [详解 ES10 中 Object.fromEntries() 的缘起 ](https://github.com/qq449245884/xiaozhi/issues/241)

86. [周末在学习正则，学习过程中发现这 6 个方便的正则表达式 ](https://github.com/qq449245884/xiaozhi/issues/242)

87. [周末学会了 10个超级实用 Javascript 技巧!](https://github.com/qq449245884/xiaozhi/issues/244)

88. [这份 window.location 备忘单，让你更有条理解决地址路径问题！](https://github.com/qq449245884/xiaozhi/issues/247)

89. [ES6 中 module 备忘清单，你可能知道 module 还可以这样用！](https://github.com/qq449245884/xiaozhi/issues/248)

90. [使用内联的 CSS 变量技巧，提高灵巧布局效率！](https://github.com/qq449245884/xiaozhi)

91. [很多人不知道 Vue 中的组件就是一个函数！](https://github.com/qq449245884/xiaozhi/issues/250)

92. [我不知道还可以用 JS 做的 6 件事](https://github.com/qq449245884/xiaozhi/issues/252)

93. [实用，完整的HTTP cookie指南 ](https://github.com/qq449245884/xiaozhi/issues/260)


<a name="Vue系列"></a> 
#### Vue 系列

1. [vue 2.6 中 slot 的新用法](https://github.com/qq449245884/xiaozhi/issues/73)

2. [搞懂并学会运用 Vue 中的无状态组件](https://github.com/qq449245884/xiaozhi/issues/149)

3. [20 个新的且值得关注的 Vue 开源项目](https://github.com/qq449245884/xiaozhi/issues/161)

4. [Vue 和递归组件](https://github.com/qq449245884/xiaozhi/issues/162)

5. [Vue 中 强制组件重新渲染的正确方法](https://github.com/qq449245884/xiaozhi/issues/186)

6. [如何在Vue中动态添加类名](https://github.com/qq449245884/xiaozhi/issues/188)

7. [如何在 Vue 中使用 JSX 以及使用它的原因](https://github.com/qq449245884/xiaozhi/issues/189)

8. [Vue 中如何让 input 聚焦？(包含视频讲解)](https://github.com/qq449245884/xiaozhi/issues/190)

9. [如何构建运行良好的Vue组件](https://github.com/qq449245884/xiaozhi/issues/193)

10. [高级 Vue 技巧：控制父类的 slot](https://github.com/qq449245884/xiaozhi/issues/194)

11. [Vue 中 render 函数有点意思](https://github.com/qq449245884/xiaozhi/issues/196)

12. [Vue 中的 Props 与 Data 细微差别，你知道吗？](https://github.com/qq449245884/xiaozhi/issues/197)

13. [2020年 16 个最有用的 Vue UI库](https://github.com/qq449245884/xiaozhi/issues/199)

14. [一个 Vue 模板可以有多个根节点(Fragments)? ](https://github.com/qq449245884/xiaozhi/issues/200)

15. [2020 年，Vue 受欢迎程度是否会超过 React？](https://github.com/qq449245884/xiaozhi/issues/201)

16. [12 种使用 Vue 的最佳做法](https://github.com/qq449245884/xiaozhi/issues/203)

17. [如何修复Vue中的 “this is undefined” 问题 ](https://github.com/qq449245884/xiaozhi/issues/204)

18. [Vue Template 修饰符和简写，让开发效率有所提高](https://github.com/qq449245884/xiaozhi/issues/205)

19. [Vue中 props 这些知识点，可以在来复习一下！](https://github.com/qq449245884/xiaozhi/issues/211)

20. [这 10 个技巧让你成为一个更好的 Vue 开发者](https://github.com/qq449245884/xiaozhi/issues/213)

21. [将多个属性传递给 Vue 组件的几种方式 ](https://github.com/qq449245884/xiaozhi/issues/218)

22. [Vue 中，如何将函数作为 props 传递给组件](https://github.com/qq449245884/xiaozhi/issues/228)

23. [如何使用Vue中的嵌套插槽(包括作用域插槽)](https://github.com/qq449245884/xiaozhi/issues/232)

24. [在Vue中创建可重用的 Transition ](https://github.com/qq449245884/xiaozhi/issues/235)

28. [很多人不知道可以使用这种 key 的方式来对 Vue 组件时行重新渲染！](https://github.com/qq449245884/xiaozhi/issues/246)

29. [对于组件的可重用性，大佬给出来6个级别的见解，一起过目一下！](https://github.com/qq449245884/xiaozhi/issues/254)

<a name="React造轮子系列"></a> 
#### React 造轮子 系列

1. [React 造轮子系列：Icon 组件思路](https://github.com/qq449245884/xiaozhi/issues/35)

2. [React造轮系列：对话框组件 - Dialog 思路](https://github.com/qq449245884/xiaozhi/issues/41)

3. [React造轮系列：Layout 组件思路](https://github.com/qq449245884/xiaozhi/issues/52)

<a name="React系列"></a> 
#### React 系列

1. [React高级组件精讲](https://github.com/qq449245884/xiaozhi/issues/44)

2. [React 项目结构和组件命名规范 ](https://github.com/qq449245884/xiaozhi/issues/49)

3. [你要的 React 面试知识点，都在这了 ](https://github.com/qq449245884/xiaozhi/issues/50)

4. [React 新特性讲解及实例(一) ](https://github.com/qq449245884/xiaozhi/issues/57)

5. [React 新特性 Hooks 讲解及实例(二) ](https://github.com/qq449245884/xiaozhi/issues/63)

6. [React 新特性 Hooks 讲解及实例(三) ](https://github.com/qq449245884/xiaozhi/issues/67)

7. [React 新特性 Hooks 讲解及实例(四)](https://github.com/qq449245884/xiaozhi/issues/75)

8. [快速了解 React Hooks 原理](https://github.com/qq449245884/xiaozhi/issues/96)

9. [4 个 useState Hook 示例 ](https://github.com/qq449245884/xiaozhi/issues/97)

10. [useEffect Hook 是如何工作的](https://github.com/qq449245884/xiaozhi/issues/107)

11. [useContext Hook 是如何工作的 ](https://github.com/qq449245884/xiaozhi/issues/113)

12. [React 中获取数据的 3 种方法：哪种最好？](https://github.com/qq449245884/xiaozhi/issues/142)

13. [简单易懂的 React useState() Hook 指南（长文建议收藏）](https://github.com/qq449245884/xiaozhi/issues/147)

14. [如何解决 Render Props 的回调地狱](https://github.com/qq449245884/xiaozhi/issues/184)

<a name="ReactNative系列"></a> 
#### ReactNative 系列

1. [React Native 常用的 15 个库 ](https://github.com/qq449245884/xiaozhi/issues/48)

2. [2019年，Flutter 和 React Native 谁主沉浮](https://github.com/qq449245884/xiaozhi/issues/58)

- Web 应用安全性 系列

1. [Web 应用安全性: 浏览器是如何工作的](https://github.com/qq449245884/xiaozhi/issues/32)

2. [Web 应用安全性: HTTP简介](https://github.com/qq449245884/xiaozhi/issues/33)

3. [Web 应用安全性: 使用这些 HTTP 头保护 Web 应用 ](https://github.com/qq449245884/xiaozhi/issues/34)

4. [掌握并理解 CORS (跨域资源共享)](https://github.com/qq449245884/xiaozhi/issues/157)


<a name="前端面试系列"></a> 
#### 前端面试 系列

1. [Javascript 面试的完美指南(开发者视角)](https://github.com/qq449245884/xiaozhi/issues/24)

2. [前端面试：谈谈 JS 垃圾回收机制](https://github.com/qq449245884/xiaozhi/issues/36)

3. [Javascript 面试中经常被问到的三个问题！](https://github.com/qq449245884/xiaozhi/issues/37)

4. [不要这样写简历](https://github.com/qq449245884/xiaozhi/issues/51)

5. [35 道咱们必须要清楚的 React 面试题](https://github.com/qq449245884/xiaozhi/issues/140)

6. [10 个常问的 JS 面试题](https://github.com/qq449245884/xiaozhi/issues/141)

7. [通过 20 个棘手的ES6面试问题来提高咱们的 JS 技能](https://github.com/qq449245884/xiaozhi/issues/143)

8. [看完这几道 JavaScript 面试题，让你与考官对答如流（上）](https://github.com/qq449245884/xiaozhi/issues/180)

9. [看完这几道 JavaScript 面试题，让你与考官对答如流（中）](https://github.com/qq449245884/xiaozhi/issues/181)

10. [https://github.com/qq449245884/xiaozhi/issues/182](看完这几道 JavaScript 面试题，让你与考官对答如流（下）)

<a name="前端技巧系列"></a> 
#### 前端技巧 系列

1. [灵活使用 console 让 js 调试更简单](https://github.com/qq449245884/xiaozhi/issues/45)

2. [13个npm 快速使用开发技巧](https://github.com/qq449245884/xiaozhi/issues/71)

3. [Web应用程序如何创建 PDF ](https://github.com/qq449245884/xiaozhi/issues/76)

4 [21 个VSCode 快捷键，让代码更快，更有趣](https://github.com/qq449245884/xiaozhi/issues/80)

5. [21个让React 开发更高效更有趣的工具](https://github.com/qq449245884/xiaozhi/issues/91)

6. [50 个JS 必须懂的面试题为你助力金九银十](https://github.com/qq449245884/xiaozhi/issues)

7. [36 个JS 面试题为你助力金九银十(面试必读)](https://github.com/qq449245884/xiaozhi/issues/108)

8. [通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏) ](https://github.com/qq449245884/xiaozhi/issues/114)

9. [27 个提升开发幸福度的 VsCode 插件](https://github.com/qq449245884/xiaozhi/issues/150)

10 [webpack4 中的 React 全家桶配置指南，实战](https://github.com/qq449245884/xiaozhi/issues/159)

11. [动图演示23个常用 VsCode 快捷键(Window & Mac) ](https://github.com/qq449245884/xiaozhi/issues/183)

12. [10个必须知道的Chrome开发工具和技巧](https://github.com/qq449245884/xiaozhi/issues/221)

13. [前端！7个快速发现 bug 神仙调试工具](https://github.com/qq449245884/xiaozhi/issues/238)

14. [周末学习发现了 10 个好用JavaScript图像处理库](https://github.com/qq449245884/xiaozhi/issues/239)

<a name="ECMAScript系列"></a> 
#### ECMAScript 系列


1. [ECMAScript 2016、2017和2018中所有新特性](https://github.com/qq449245884/xiaozhi/issues/23)

2. [目前可以使用ES10的5个新特性](https://github.com/qq449245884/xiaozhi/issues/64)

<a name="CSS系列"></a> 
#### CSS 系列

1. [45个值得收藏的 CSS 形状 ](https://github.com/qq449245884/xiaozhi/issues/42)
2. [前端学习之路之自适应设计(sass语法) ](https://github.com/qq449245884/xiaozhi/issues/43)
3. [8个有用的 CSS 技巧:视差图像，sticky footer 等等](https://github.com/qq449245884/xiaozhi/issues/47)
4. [使用 CSS Grid Generator来快速使用及学习 Grid 布局 ](https://github.com/qq449245884/xiaozhi/issues/95)
5. [如何使用SASS编写可重用的CSS](https://github.com/qq449245884/xiaozhi/issues/179)
6. [能解决 80% 需求的 10个 CSS动画库 ](https://github.com/qq449245884/xiaozhi/issues/185)
7. [web 图像技术：前端引入图片的各种方式及其优缺点](https://github.com/qq449245884/xiaozhi/issues/224)
8. [CSS 中你需要知道 auto 的一切！](https://github.com/qq449245884/xiaozhi/issues/226)
9. [Web 隐藏技术：几中隐藏 Web 中的元素方法及优缺点](https://github.com/qq449245884/xiaozhi/issues/229)
10. [我发现了7个关于 CSS backgroundImage 好用的技巧](https://github.com/qq449245884/xiaozhi/issues/230)
11. [CSS中的混合模式，制作高级特效的必备技巧 ](https://github.com/qq449245884/xiaozhi/issues/231)
12. [CSS 中 关于 Overflow ，你需要了解的这些知识点](https://github.com/qq449245884/xiaozhi/issues/233)
13. [这些 CSS 伪类，你可能还不知道，可以用起来了！](https://github.com/qq449245884/xiaozhi/issues/236)

14. [小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了 ！ ](https://github.com/qq449245884/xiaozhi/issues/237)

15. [CSS Viewport 单位，很多人还不知道使用它来快速布局！](https://github.com/qq449245884/xiaozhi/issues/243)

16. [前端如何提高用户体验：增强可点击区域的大小](https://github.com/qq449245884/xiaozhi/issues/245)

17. [Web 技术：CSS最小和最大(宽度/高度)知识点及优缺点](https://github.com/qq449245884/xiaozhi/issues/251)

18. [历时4个多月，学习了这 66 个CSS 特效](https://github.com/qq449245884/xiaozhi/issues/253)

19. [又一个布局利器， CSS 伪类 :placeholder-shown](https://github.com/qq449245884/xiaozhi/issues/256)

20. [又一个布局利器， CSS 伪类 :placeholder-shown](https://github.com/qq449245884/xiaozhi/issues/256)

21. [一文学会使用 CSS 中的 min(), max(), clamp() 以及它们的使用场景](https://github.com/qq449245884/xiaozhi/issues/258)

22. [提升布局能力！理解 CSS 的多种背景及使用场景和技巧](https://github.com/qq449245884/xiaozhi/issues/259)

<a name="SVG系列"></a> 
#### SVG 系列

1. [SVG 入门指南(看完,对SVG结构不在陌生) ](https://github.com/qq449245884/xiaozhi/issues/163)

<a name="UI设计系列"></a> 
#### UI设计 系列


1. [创建华丽 UI 的 7条规则 第一部分 (2019年更新) ](https://github.com/qq449245884/xiaozhi/issues/38)

2. [创建华丽 UI 的 7条规则  第二部分 (2019年更新)](https://github.com/qq449245884/xiaozhi/issues/39)


<br>



<a name="微信"></a>  <a name="公众号"></a>

## 交流


加我个人微信回复 **"加群"** 或者关注公众号，并进入公众号 **[进群交流]** ，添加好友即可。 群里工作日我每天都会以红包的形式来互动交流，朋友圈也会经常分享一些前端视频教程，个个教程都是干货。

微信搜索 **[大迁世界]** ，第一时间阅读或者扫描下方的二维码。


![](https://user-gold-cdn.xitu.io/2020/1/2/16f63921d336de93?w=800&h=400&f=png&s=454354)


# 赞赏码

熬夜不易，觉得有很大帮助的朋友可以赏杯咖啡(**不接受学生赞赏**)，赏了一定要加我微信跟我说。
<p align="center">
    <a href="https://github.com/qq449245884/xiaozhi" target="_blank">
        <img src="https://segmentfault.com/img/bVbCpkI" width=""/>
    </a>
</p>

# 项目经验&服务器
大家都说简历没项目写，我就帮大家找了一个项目，还附赠[**【搭建教程】**](https://github.com/qq449245884/xiaozhi/issues/210)。

我和阿里云合作服务器，折扣价比较便宜：**89/年，223/3年**，比学生9.9每月还便宜，买了搭建个项目，熟悉技术栈比较香（老用户用家人账号买就好了，我用我妈的)**推荐买三年的划算点，点击图片购买即可**

<p align="center">
  
</p>
<a  href="https://cn.aliyun.com/minisite/goods?userCode=pxuujn3r&share_source=copy_link" ><img src="https://tva1.sinaimg.cn/large/00831rSTly1gcs6ndx952j307v0b0t9k.jpg"width="" style="margin: 0 auto;"/></a>
<a  href="https://cn.aliyun.com/minisite/goods?userCode=pxuujn3r&share_source=copy_link" ><img src="https://tva1.sinaimg.cn/large/00831rSTly1gcs6omhe3mj307p0b2754.jpg"width="" style="margin: 0 auto;"/></a>
<a  href="https://cn.aliyun.com/minisite/goods?userCode=pxuujn3r&share_source=copy_link" ><img src="https://tva1.sinaimg.cn/large/00831rSTly1gcs6tnpvs9j307s0b0aau.jpg"width="" style="margin: 0 auto;"/></a>



<p align="center">
    <a href="https://cn.aliyun.com/minisite/goods?userCode=pxuujn3r&share_source=copy_link" target="_blank">
        <img src="https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/lib/emoji-pngs/ailiyuan.png" width="100"/>
    </a>
</p>


[腾讯云最近在做活动，百款云产品低至 1 折，可以点击本条内容或者链接进行参与](https://cloud.tencent.com/act/cps/redirect?redirect=1050&cps_key=2fde487a67dd50010d503c5d2120fa91&from=console)


# 鸣谢

**代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 [Fundebug](https://www.fundebug.com/?utm_source=xiaozhi)。**