# xiaozhi

**Repository Path**: mpbillion/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**: 2024-12-12
- **Last Updated**: 2024-12-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

我要先坚持分享20年，大家来一起见证吧。

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

[【B站】](https://space.bilibili.com/31089477)首发视频，比博客早一到两篇

<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://space.bilibili.com/31089477"><img src="https://img.shields.io/badge/bilibili-哔哩哔哩-critical" alt="投稿"></a>
  <a href="https://www.toutiao.com/c/user/token/MS4wLjABAAAAoLE6d2w5C2WKVGmRbp_1zsw0gUzoxIySO-RwB1xeDKg"><img src="https://img.shields.io/badge/toutiao-头条-9cf" alt="投稿"></a>
  <a href="https://juejin.im/user/2330620350435501"><img src="https://img.shields.io/badge/juejin-掘金-blue.svg" alt="公众号"></a>
  <a href="https://www.zhihu.com/people/funny-xiaozhi"><img src="https://img.shields.io/badge/zhihu-知乎-informational" alt="投稿"></a>
 </p>

### 新产品

**Alien GPT**，它是基于 ChatGPT 技术，集对话、翻译、场景和图片四大功能于一身，只需一个助手，轻松解决你生活中的种种难题！ 另外这个工具是采用 plus 的key，加上多路切换，响应速度快的一匹。

体验地址：https://chat.waixingyun.cn/#/home

AICube涵盖了问答、图片、音频、视频4大AIGC模块，欢迎大家注册试用体验。

体验地址：https://cube.waixingyun.cn/

<p align="center">
    <a href="https://github.com/qq449245884/xiaozhi" target="_blank">
        <img src="http://www.longstudy.club/code2.jpg" width=""/>
    </a>
</p>


## 个人开源项目

#### vue-or-tree  基于 Vue 2的组织架构树组件

* github 地址：https://github.com/qq449245884/vue-okr-tree

#### ztjy-cli 模板脚手架

* https://github.com/qq449245884/ztjy-cli

## 个人专栏

### 《CSS技巧与案例详解》
地址：[点这里](https://mp.weixin.qq.com/mp/appmsgalbum?action=getalbum&__biz=MzI0NDQ0ODU3MA==&scene=21&album_id=3545535769677725703&count=3&uin=&key=&devicetype=iMac+MacBookPro18%2C3+OSX+OSX+14.3+build(23D56)&version=13080812&lang=zh_CN&nettype=WIFI&ascene=2&fontScale=100#wechat_redirect)

### 《VueUse源码解读》
地址：[点这里](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzI0NDQ0ODU3MA==&action=getalbum&album_id=2854832033280311296&from_itemidx=1&from_msgid=2247515074&scene=21&count=3&nolastread=1#wechat_redirect)

### 《Vue2与Vue3技巧小册》

地址：[点这里](https://mp.weixin.qq.com/mp/appmsgalbum?action=getalbum&__biz=MzI0NDQ0ODU3MA==&scene=21&album_id=2509459125236416515&count=3#wechat_redirect)]

### 《CSS创意特效专栏》

css特效第一季：[https://blog.csdn.net/qq449245884/category_9873715.html](https://blog.csdn.net/qq449245884/category_9873715.html)

css特效第二季：[https://blog.csdn.net/qq449245884/category_10212382.html](https://blog.csdn.net/qq449245884/category_10212382.html)

css特效第三季：[https://blog.csdn.net/qq449245884/category_10791873.html](https://blog.csdn.net/qq449245884/category_10791873.html)




# 目录(善用Ctrl+F)

- 真原创文章
  - [我司是怎么封装 axios 来处理百万级流量中平时少见过的问题~](https://mp.weixin.qq.com/s/F0bj54jw_Ht40XPBxRlO6w)
  - [提供可制定化的路由加载方式，Vue 如何做到？| 小智内部团队分享](https://mp.weixin.qq.com/s/HuiGjesmY2p-r422CTuKxw)
  - [【最近项目小结】使用 Vue 实现一个简单的鼠标拖拽滚动效果插件](https://mp.weixin.qq.com/s/Z74evi5kEVBrLfLGWKxCOA)
  - [我开源了第一个基于Vue的组织架构树组件](https://mp.weixin.qq.com/s/ykkYkzlCCqSMDdBTSqsPiQ)
  - [这7个 Vue 模式，可能你经常用！但现在看对你很有帮助！](https://mp.weixin.qq.com/s/FS4rt9O_GokiTn3JUmBrjw)
  - [五一看别人去玩，而我守在这里！](https://mp.weixin.qq.com/s/ZEZsx079COwwX-ndLasQGA)
  - [25个 Vue 技巧，开发了5年了，才知道还能这么用](https://mp.weixin.qq.com/s/1-MMfC-tDNM5iSWTt1d8Vg)

- 福利
  - [100本最棒前端开发图书](http://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=100007725&idx=1&sn=db3a5857d5b71a5b24355147ab7b8a32&chksm=695cf3785e2b7a6e49c1ed5ba4bb010836c038f54feca61b8bd2a3c21181b0295525b696a052#rd)
  - [求职招聘季奉上多套精美收费简历模板--总有一套适合你](http://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=100007740&idx=1&sn=1e8dbef11376ec554c56642f3a8fa95e&chksm=695cf3695e2b7a7f6872aa0f5acb2599d596c1c103ee22598de8da31388ab013f6516a2da504#rd)


- 面试
  - [程序员：如何写出杀手级简历？](https://mp.weixin.qq.com/s/0sXByP1U9HdxEvqS3OkSFg)
  - [35 道咱们必须要清楚的 React 面试题](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485654&idx=1&sn=d45645ae678a199d6daf4a85c94f3948&chksm=e95ce483de2b6d9573eb5dbf6a7c5df3a96635148f0194e185b39a2ee156fec3815fd6f71233&token=450925916&lang=zh_CN#rd)
  - [常见的三个 JS 面试题](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485358&idx=1&sn=50d0034e6a70e799dcef1299150bf94d&chksm=e95cebfbde2b62edf11a16f8ea04800b426d9320ec3f41fe479c4a9d3df6cf3a6b0adf809a3d&token=450925916&lang=zh_CN#rd)
  - [36 个JS 面试题为你助力金九银十(面试必读)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485239&idx=1&sn=76b460bff92be9f9fecd9148efcee236&chksm=e95ceb62de2b6274b2f9482e3a73e9812d4f64d74f6b0ea9e3cb27a2c42045afa1884e0d746c&token=450925916&lang=zh_CN#rd)
  - [50 个JS 必须懂的面试题为你助力金九银十](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485195&idx=1&sn=84d366d468a8aa11dd0670b872af1c70&chksm=e95ceb5ede2b624815b2c3bcd01529644d5c07a8b745a0e441aec5af316e84df57b7244186d7&token=450925916&lang=zh_CN#rd)
  - [看完这几道 JavaScript 面试题，让你与考官对答如流（下）](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486159&idx=1&sn=34440d8c4595efdaa2e70af4263e604e&chksm=e95ce69ade2b6f8cfd0aa0f587586553e938be872c38da0acaa2ecec365b4ebde862e1d69e60&token=450925916&lang=zh_CN#rd)
  - [看完这几道 JavaScript 面试题，让你与考官对答如流（中）](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486155&idx=1&sn=43bd92968875847fd48fae4366366e87&chksm=e95ce69ede2b6f88c01aa8c3aafe92d7b72698503bdf03215eb622b6d221a795e38b175c37dc&token=450925916&lang=zh_CN#rd)
  - [看完这几道 JavaScript 面试题，让你与考官对答如流（上）](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486147&idx=2&sn=263cb09017fee16a7336753e6167ade4&chksm=e95ce696de2b6f8047ae8f8428c07a7c307b98e2b04f4879d614c2c1d7d127baa0d5d87ad594&token=450925916&lang=zh_CN#rd)
  
- vue3 进阶
  - [尤大在 Vue的生态进展中提到的 <style> 动态变量注入是啥？](https://mp.weixin.qq.com/s/JCUvtp0HI4oPdosOzFsI1A)
  - [介绍一下 Vue Conf 21 大会上：尤大提到 script setup 语法！](https://mp.weixin.qq.com/s/X9J80_IXMsvGL3ez51nSgA)
  - [我们团队在 Vue 3 Dev Tools 的帮助下，调试效率有了质的飞跃！](https://mp.weixin.qq.com/s/boiwnfLN1xRBYZ51rj6QMA)
  - [Vuex 4 指南，使用 Vue3 的需要看看！](https://mp.weixin.qq.com/s/iOhlnLvhCMFFi8XD-bmUjQ)
  - [一些你可能还不知事件技巧– Vue3更新](https://mp.weixin.qq.com/s/gyY0zw5-P588-odLniNN6w)
  - [Vue 3 生命周期完整指南](https://mp.weixin.qq.com/s/ghLAYuC_zYi1ssrfOjKMRg)
  - [Vue3 Teleport 简介，请过目，这个是真的好用！](https://mp.weixin.qq.com/s/xlytZhw-NGyWwAZiajqU6g)
  - [尤雨溪：Vue 3 计划放弃支持 IE11](https://mp.weixin.qq.com/s/IYUXuS6KSnz9YCtddqiEFg)
  - [我问导师，Vue3有没有对应工具来生成漂亮的文档？ 用 Vitepress](https://mp.weixin.qq.com/s/HWydUHElZLDoeHLjqeR1jA)
  - [推荐 7 个 Vue2、Vue3 源码解密分析的开源项目](https://mp.weixin.qq.com/s/iUP5MV3ZsEFog6_egWTwTQ)
  - [何时何地使用 Vue 的作用域插槽](https://mp.weixin.qq.com/s/xTWYxK0bzCwNbLIWtb-cOg)
  - [用了很多动效，介绍 4个很 Nice 的 Veu 路由过渡动效！](https://mp.weixin.qq.com/s/T7zEMTGIJoP6tihhsDHeTw)
  - [2021，排名前 15 的 Vue 后台管理模板](https://mp.weixin.qq.com/s/4RVwmY8lOi4EmjR3iAW2nw)
  - [总结一下，Vue3 与 Vue2 的Props、全局组件的异同点！](https://mp.weixin.qq.com/s/9Lx-3uHGXtEgKuQX0rvjow)
  - [关于 Vue3 这些知识，你可能还不知道!](https://mp.weixin.qq.com/s/n045c6Oa0ulpYd9vva5o0A)
  - [一文让你30分钟快速掌握Vue3](https://mp.weixin.qq.com/s/1orWGlOXT2Wn2pJLK6VAIg)
  - [Vue3 Compiler 优化细节，如何手写高性能渲染函数](https://mp.weixin.qq.com/s/vhwWl4T5xuI-0_r_X4lMBQ)
  - [深入理解 Vue3 Reactivity API](https://mp.weixin.qq.com/s/CYTSFsXkOevpZb38psvxZQ)
  - [Vue3 Compiler 优化细节，如何手写高性能渲染函数](https://mp.weixin.qq.com/s/vhwWl4T5xuI-0_r_X4lMBQ)
  - [不要再用Vue 2的思维写Vue 3了](https://mp.weixin.qq.com/s/W_2Yb7QkcgOdewVqtaEQQQ)
  - [https://mp.weixin.qq.com/s/mPW-VTfeWVlktlyAom3LQg](https://mp.weixin.qq.com/s/mPW-VTfeWVlktlyAom3LQg)
  
- TypeScript 深入浅出
  - [使用更具可读性的方式来设置 TypeScript 类型](https://mp.weixin.qq.com/s/KMOnxduu_Nui1Lyui_lv_w)
  - [使用 TypeScript 常见困惑：interface 和 type 的区别是什么？](https://mp.weixin.qq.com/s/FKyulMaM7Rx6glGCqEihWg)
  - [比同事更秀? TS 这7个方法，你需要知道的！](https://mp.weixin.qq.com/s/c7p4IbGKjKqifVNmErU0Mw)
  - [这 6 个 TS 新特性经常用到，用了之后我再也离不开它！](https://mp.weixin.qq.com/s/c9SwF1VgM_9c8dT1QfB2VA)

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

  
- vue 进阶
  - [关于 v-model 你需要知道的这一切！](https://mp.weixin.qq.com/s/oGJ6kAbtcFIWHpD2belE8Q)
  - [10个略骚的 Vue 开发技巧](https://mp.weixin.qq.com/s/No94dcg4B0NGvC8bGkvDUQ)
  - [使用 Vue 开发的，这 7 个 VS Code 插件万万不可错过！](https://mp.weixin.qq.com/s/mkekpZOKGn4xk-LhFA2_DQ)
  - [Vue 官方成员 Hcy：怎么才能有尤雨溪一半强，该怎么学习？](https://mp.weixin.qq.com/s/jZBihpL_xjspc4OllpEpHg)
  - [如何使用 Vue 命名插槽创建多个模板插槽？](https://mp.weixin.qq.com/s/ExvgYkZhRze7jEcUgoiM8Q)
  - [使用这 6个Vue加载动画库来减少我们网站的跳出率](https://mp.weixin.qq.com/s/95M4pEnNyBmHZTmWzUSa-g)
  - [手把手教你如何在生产环境检查 Vue 应用程序](https://mp.weixin.qq.com/s/nT7XVvB2eJDwx-IwCu4VqQ)
  - [vue源码中值得学习的方法](https://mp.weixin.qq.com/s/bN5aHzxyn47zKJ3XKhh1DQ)
  - [Vue 中如何从插槽中发出数据](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489652&idx=2&sn=bf0df70a27eea91b0159cbef03f5639a&chksm=e95cf421de2b7d37acfda9d383abc011ac6a8987d7f49611b2abe9104351285874f7e943786f&token=450925916&lang=zh_CN#rd)
  - [一个孤独的孩子：我该不该将控制流指令写入通用结构组件中？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489220&idx=2&sn=cd79f12b3a57b281d3e59fe8711fbc83&chksm=e95cfa91de2b738744ad5b92179e6d7fde8858c45b0eea091fa0bfec2f4387628b0810f508e5&token=450925916&lang=zh_CN#rd)
  - [对于组件的可重用性，大佬给出来6个级别的见解，一起过目一下！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489075&idx=1&sn=d33a942b4f9623fc71e7b3bff99d00ee&chksm=e95cfa66de2b7370b4c72254da8b90a809608585733d7c2667df21b3be1e997d3d60196a6951&token=450925916&lang=zh_CN#rd)
  - [很多人不知道可以使用这种 key 的方式来对 Vue 组件进行重新渲染！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488568&idx=1&sn=60fcee7462e2b8b9a7efa5788fac5f37&chksm=e95cf86dde2b717b9e1b221fa464e190fd909d2f13b9dc32b3b44805f18ba1b28a614fcec66d&token=450925916&lang=zh_CN#rd)
  - [很多人不知道 v-for 可以这样解构](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488087&idx=1&sn=010df9642d2696d50dd6e3b15cd2300b&chksm=e95cfe02de2b7714f684cda08a6c12418eb9f834388baec7c31e773c60747b5a0c5733c38462&token=450925916&lang=zh_CN#rd)
  - [通过事例讲解如果在 Vue 创建及使用过滤器](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487777&idx=2&sn=9e29080ee0841d442c55abb8ab1435e4&chksm=e95cfd74de2b7462dbba48e1da68273a8e3fd0ac5543940d8cb2cd7b27b431caba0087fe30d1&token=450925916&lang=zh_CN#rd)
  - [Vue 中，如何将函数作为 props 传递给组件](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486859&idx=2&sn=995b1f1893397e6eb03b95f80fe13bfe&chksm=e95ce1dede2b68c8e0d18e58d0cd964c222724141d6f895adbb1e4ad709fe64959196305e15c&token=450925916&lang=zh_CN#rd)
  - [如何在Vue 中管理 Mixins（搞懂这两点就足够了）](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486829&idx=2&sn=c2e338b09d039dfca56623c5d2934fe0&chksm=e95ce138de2b682efc6b349ec860db4190127e47b34795a34f06bee64f61df1525873105f9fe&token=450925916&lang=zh_CN#rd)
  - [如何实现 Vue 自定义组件中 hover 事件以及 v-model](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486659&idx=1&sn=bdecd0db0e8c0697b1d7d4118f88acb9&chksm=e95ce096de2b69804c31498dd6e3a8f53b01bde45ff35658f5f1cdf6e417820b5c6dbee9f530&token=450925916&lang=zh_CN#rd)
  - [将多个属性传递给 Vue 组件的几种方式](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486610&idx=2&sn=ec3dabc56343ad87b67110e81ac9243d&chksm=e95ce0c7de2b69d1882a36087427a65326e2c59b4d1b6169417cb29f70d9851f5a4df7b4a789&token=450925916&lang=zh_CN#rd)
  - [这 10 个技巧让你成为一个更好的 Vue 开发者](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486533&idx=1&sn=66419f316b38493fabe83f719fd37605&chksm=e95ce010de2b6906f771513910208cc5897aa77c2e43af755b21a06fed25ef1a141b1ced8d8f&token=450925916&lang=zh_CN#rd)
  - [vue 中4个级别的作用域](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486471&idx=2&sn=06e5663197922afcc0c33f4c8e1b2fd3&chksm=e95ce052de2b694422863fd0f5bd4a2a0509aa6a1420561b181fe1b4515931eb4928ff955b3c&token=450925916&lang=zh_CN#rd)
  - [Vue Template 修饰符和简写，让开发效率有所提高](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486449&idx=2&sn=ecefe6e7bc1177e8f90e4a2b7dc6a133&chksm=e95ce7a4de2b6eb2250b34da35042a6a34e88b4280bc221816e0ff86fa4c6726273c6ba3c94b&token=450925916&lang=zh_CN#rd)
  - [如何修复Vue中的 “this is undefined” 问题](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486441&idx=1&sn=d3703281014f34d0d3f8b1b7aa1efb7c&chksm=e95ce7bcde2b6eaa48c8f2f81385bf49691ba540606acd68e6cf0dee729ebcf54a8e594d3afe&token=450925916&lang=zh_CN#rd)
  - [12 种使用 Vue 的最佳做法](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486428&idx=1&sn=0002354071bdb50330db1d48458388d2&chksm=e95ce789de2b6e9f256f057d9107bbe2189553fea61ff5be136a9a93ba201d9b9018d256691c&token=450925916&lang=zh_CN#rd)
  - [2020 年，Vue 受欢迎程序是否会超过 React？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486408&idx=1&sn=cb21eb05591bef5173c7b4d98b09ef5e&chksm=e95ce79dde2b6e8b699886cdcc1270e7c006cdef38e5841117e225addc09ee5238e4e293d87a&token=450925916&lang=zh_CN#rd)
  - [一个 Vue 模板可以有多个根节点(Fragments)?](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486401&idx=1&sn=a975c5dc4928128e41dabf302c8f6988&chksm=e95ce794de2b6e823ecd74134601a6e136d2b20c50e0a5905061025da446c070aacc8b44eabd&token=450925916&lang=zh_CN#rd)
  - [使用Vue 自定义文件选择器组件(基础虽简单，但思路我们要掌握)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486374&idx=1&sn=d7eb6ce2d245793ac053fa85af4ab0a1&chksm=e95ce7f3de2b6ee586a45798eda7ba8969622cf935d4a351eae6f40dda6ed9862b3bd3935132&token=450925916&lang=zh_CN#rd)
  - [Vue 中的 Props 与 Data 细微差别，你知道吗？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486370&idx=1&sn=c130e2c2fe50b9b6722ce56b31465b35&chksm=e95ce7f7de2b6ee18f96a5c2019b4af7daf028e475b97c050800cc9cde9799f36a8714b5661d&token=450925916&lang=zh_CN#rd)
  - [Vue 中 render 函数有点意思](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486346&idx=2&sn=9e628d51cd31975f55afab67a3a0ba1b&chksm=e95ce7dfde2b6ec9f2c38f91260a0147fa0c3eb3be8e15de2813d3d0acedef866007d5395f52&token=450925916&lang=zh_CN#rd)
  - [高级 Vue 技巧：控制父类的 slot](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486335&idx=1&sn=790de401b3c804b8ccd74e1ecc6ba0b2&chksm=e95ce72ade2b6e3c3bd1180929bbe91ba9ef6349e2a1fb53b49cb1cad05c5dcee1829b0c5d46&token=450925916&lang=zh_CN#rd)
  - [Vue 中如何让 input 聚焦？(包含视频讲解)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486285&idx=2&sn=ab2c2af13eae424cad42e41d6d7503ef&chksm=e95ce718de2b6e0e937181d8d0d4768db245f1ca78d3ec3bd583574bd8dc8ad9b834d5860ef7&token=450925916&lang=zh_CN#rd)
  - [如何在 Vue 中使用 JSX 以及使用它的原因](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486279&idx=1&sn=7b42a3d3b23ace764ba658119a9fcb8d&chksm=e95ce712de2b6e0442d611a7dceef41c00434c0d772bab2091a97f0d2531b271b2b2298d8a93&token=450925916&lang=zh_CN#rd)
  - [如何在Vue中动态添加类名](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486257&idx=1&sn=44bbfd57a0d8a7ec1e5f91822312b456&chksm=e95ce764de2b6e72d450b1a51a1bbc0baae332297574cc7dd0c246b12ac0a60278050edc2bea&token=450925916&lang=zh_CN#rd)
  - [Vue 中 强制组件重新渲染的正确方法](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486213&idx=1&sn=8b4f29fdffad70e6738577ddd2559983&chksm=e95ce750de2b6e4633004e0004d8a90be578aeb407a772bce72823ee7bb2bd06b795456ec44a&token=450925916&lang=zh_CN#rd)
  - [Vue 和递归组件](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485985&idx=2&sn=293c415995066afffac10fc27c6e3f75&chksm=e95ce674de2b6f62537abaef16c41e474256a8aeabbdd46af07d1c4750589a821f3e59db77c2&token=450925916&lang=zh_CN#rd)
  - [20 个新的且值得关注的 Vue 开源项目](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485972&idx=1&sn=14233a30a93f37ed6f3f8454d9ef510a&chksm=e95ce641de2b6f576c91fc350b8d372dcb5d8e9e6c71e55ef32a24b2979601107c6cef91e603&token=450925916&lang=zh_CN#rd)
  - [搞懂并学会运用 Vue 中的无状态组件](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485851&idx=1&sn=34f22e9d7ec7ac9589246b717c7a71ec&chksm=e95ce5cede2b6cd8438c82d09a6dabf0eb1e4a8ce26d12b8ba12c0b2d297223e2d8c12dbc18c&token=450925916&lang=zh_CN#rd)

- JavaScript 口袋书

  - [【JS 口袋书】第 1 和 2 章：JS简介及基础](https://mp.weixin.qq.com/s/047tnzfIiHycWh84nk9dEw)
 
  - [【JS 口袋书】第 3 章：JavaScript 函数](https://mp.weixin.qq.com/s/4JmQTcvXBew8Eiz8hkYsWQ)

  - [【JS 口袋书】第 4 章：JS 引擎底层的工作原理](https://mp.weixin.qq.com/s/smCPs34nTI6tzC9OFQf1JA)

  -  [【JS 口袋书】第 5 章：JS 对象生命周期的秘密](https://mp.weixin.qq.com/s/4fGs5sA4rEzmk1p-uzJycg)

  - [【JS 口袋书】第 6 章：JS 中的闭包与模块](https://mp.weixin.qq.com/s/es6NxSmYnzf8jEF2ZxVbEg)

  - [【JS 口袋书】第 7 章：JS 中的类型转换与比较](https://mp.weixin.qq.com/s/AFdCOv2gb_lSyojuY_NDtg)

  - [【JS 口袋书】第 8 章：以更细的角度来看 JS 中的 this](https://mp.weixin.qq.com/s/2S8yjZ9GGQYOGjQevjzSsQ)

  - [【JS 口袋书】第 9 章：使用 JS 操作 HTML 元素](https://mp.weixin.qq.com/s/ra3A9Js9LPYc53OHM0Xkng)
 
  - [【JS 口袋书】第 10 章：使用异步 JavaScript](https://mp.weixin.qq.com/s/csWS-Mo1KwlARcQTp8f2XQ)

  - [【JS 口袋书】第 11 章：HTML 表单及 localStorage 的使用](https://mp.weixin.qq.com/s/g_o00ott_RqjXdc2sG9yDg)


- JavaScript 深入浅出
  - [巩固一下 JS 可选 (?.)操作符号，原来函数也可以用可选写法，又学到了！](https://mp.weixin.qq.com/s/t2GdxrP905hRJUtaLFvd1A)
  - [20个 Javascript 技巧，提高我们的摸鱼时间！](https://mp.weixin.qq.com/s/CgIwB2NFNTIAjRhXMJJ5hA)
  - [宝，如何动态导入ECMAScript模块？](https://mp.weixin.qq.com/s/8lzulNvC9HpXQMuAn62grw)
  - [该来的还是来了，盘点 ES12 中有新特性！](https://mp.weixin.qq.com/s/zbPh2rwdl-YofZZQcOVzNg)
  - [5年前，学习 null 和 undefined ，现在有了新的认知，看看这位人才怎么说？](https://mp.weixin.qq.com/s/ntaESH4nNfk78UXURfQiPg)
  - [你可能不知道，前端这6个有用的技术可以这么酷！](https://mp.weixin.qq.com/s/mr4a71XhsVDs0cznoLN98Q)
  - [12种 console 相关的方法，帮你快速提高调试效率！（建议收藏）](https://mp.weixin.qq.com/s/VVuMva9EPpB0TMVyuH3G5g)
  - [搞定 parseInt() 的怪异行为](https://mp.weixin.qq.com/s/-CLLMN7lNOABahm1jr_Pyg)
  - [JavaScript 25 岁了！](https://mp.weixin.qq.com/s/9tawsN5_dAhpIvrfB8_cPg)
  - [如何在 JavaScript 中等分数组](https://mp.weixin.qq.com/s/-bxgrQi68YLrrU7KYVxxdw)
  - [17个你可能还不知道 JS 技巧！](https://mp.weixin.qq.com/s/66nC76DWgu5nPLVYYvBADg)
  - [JavaScript Lazy evaluation：可迭代对象与迭代器](https://mp.weixin.qq.com/s/JmXtccxNQSE3kzVQPlK8tQ)
  - [学会 Math 对象这 10 个方法，能让你事半功倍!](https://mp.weixin.qq.com/s/JEQpi4LdqokkhA-4tZsvLQ)
  - [初学者怎样学习 JS 更有效？六个方法供你参考！](https://mp.weixin.qq.com/s/GcL0P1XnsnUvgzDAvn8ogg)
  - [JavaScript 中如何判断变量是否为数字](https://mp.weixin.qq.com/s/egekZKZyvImcKcwhD2bsnA)
  - [仅需 5 分钟，快速优化 Web 性能的10 个手段](https://mp.weixin.qq.com/s/0S985qM48Nnhvm7jZ7yhPg)
  - [深入探讨 JavaScript 逻辑赋值运算符](https://mp.weixin.qq.com/s/p5b8a2pRHJUXDihmb4t2rA)
  - [将你的 Virtual dom 渲染成 Canvas](https://mp.weixin.qq.com/s/BxNaQDxiqqlDhMRqkK42dw)
  - [h如何用 JS 一次获取 HTML 表单的所有字段 ？](https://mp.weixin.qq.com/s/rjFM9-D0G4bFIh8jRsdu3Q)
  - [10个好用的 HTML5 特性](https://mp.weixin.qq.com/s/I42K28dwIxdOj_jO2FMV4g)

  - [JavaScript 中 10 个需要掌握基础的问题](https://mp.weixin.qq.com/s/q0Pvqi9oHOXn7hO02_v4_g)

  - [9 个JavaScript 技巧](https://mp.weixin.qq.com/s/voEyXdr2fepfF5amJaoXZA)

  - [比较JavaScript中的数据结构（数组与对象）](https://mp.weixin.qq.com/s/nbYsKonWtLNK95jMd4dY-A)

  - [JavaScript 中的函数式编程：函数，组合和柯里化](https://mp.weixin.qq.com/s/dvhT0UPS9nc9cC5fS4x1YA)
  - [对于 JavaScript 中循环之间的技术差异概述](https://mp.weixin.qq.com/s/MtH7NRIPz1dKTHP_QvC-Lg)
  - [关于 JavaScript 错误处理的最完整指南(上半部)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247491181&idx=1&sn=294135ad062b789ad3405a430f5b102b&chksm=e95cf238de2b7b2e744a9db38991e7e960ac65308054b9d206b0c98a0a63348dc4de2aae470a&token=1734057872&lang=zh_CN#rd)
  - [关于 JavaScript 错误处理的最完整指南(下半部)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247491181&idx=1&sn=294135ad062b789ad3405a430f5b102b&chksm=e95cf238de2b7b2e744a9db38991e7e960ac65308054b9d206b0c98a0a63348dc4de2aae470a&token=1734057872&lang=zh_CN#rd)
  - [JavaScript 字符串中的 pad 方法！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490806&idx=2&sn=bb362b6c25275e7bbc37415c4cddb58f&chksm=e95cf0a3de2b79b5749c21396daad14b2c7f2af09438ab1f7cbf2a70e059eca489755f8be9c2&token=1734057872&lang=zh_CN#rd)
  - [2020年，你应该知道 23 个非常有用的 NodeJs 库](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490486&idx=2&sn=8c017e006216bf548fd2ef336030353a&chksm=e95cf7e3de2b7ef5845db5726e517584aa2edf40fd75e2ff61f427709b842a22d744f70148d9&token=1734057872&lang=zh_CN#rd)
  - [30 多个有内味道且笑死的人代码注释](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490358&idx=1&sn=8b27efd6c6b1d56e713362c043b80cc0&chksm=e95cf763de2b7e753597809a29b3f46c2ffb12bc5de59e82dada248519395218b3cc2fd18912&token=1734057872&lang=zh_CN#rd)
  - [【必需知道】实用，完整的HTTP cookie指南](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490242&idx=1&sn=97789c22d801137195c5e61ea123e169&chksm=e95cf697de2b7f8181ac165601392c8bb1c0f43a4106a5609be7252d25bc6cec549bfcf39392&token=1734057872&lang=zh_CN#rd)
  - [【秘技】增强型的 <input type=number>](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490146&idx=1&sn=6958b856bbeb0bffb3c43111473fa001&chksm=e95cf637de2b7f216e86e15134e9926b5dbe1839ec0c526bcfd660b0e27a1275d60612156059&token=1734057872&lang=zh_CN#rd)
  - [在 JavaScript 中如何检查对象为空](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490091&idx=1&sn=e10367faf87fa987a5865c8d29c7e3c2&chksm=e95cf67ede2b7f686fc7851d6b375519f572fa6e6578b9532d0890b7f4fcbb236029fe3a142c&token=1734057872&lang=zh_CN#rd)
  - [在 JS 中检查变量是否为数组的多种方式，并说说 ES6 引入检查数组的缘起！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490065&idx=2&sn=370a299b523dfdf5945fde88390c1c6b&chksm=e95cf644de2b7f5229c8f24109ea08aa746d72aa1995f7a43ba55db71f4120e85cbe070ee5d8&token=1734057872&lang=zh_CN#rd)
  - [17 个实用的图像特效库](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489971&idx=1&sn=26c68d5923bb260dac04930e163de846&chksm=e95cf5e6de2b7cf03d6e48e32f636d5ff31c8793d2080c6d07be5012c7f0e8c7691b4faac2e3&token=1734057872&lang=zh_CN#rd)
  - [8 种用于前端性能分析工具](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489927&idx=2&sn=3e6aff2de5ad6a8f6ffbd030db3826a3&chksm=e95cf5d2de2b7cc4acf686fd2805de4e11a1b3afc440a0f821a8415c4b15a38de58a0408b6b1&token=1734057872&lang=zh_CN#rd)
  - [要深入 JavaScript，你需要掌握这 36 个概念](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489620&idx=1&sn=10c9b63338cd5222d2a2d3609821dee5&chksm=e95cf401de2b7d17ba856f43321a1257b1155951d641d5bf2f70cc8ba2ff6e6879f3d833de3e&token=1734057872&lang=zh_CN#rd)
  - [5 个 JS 数组技巧可提高你的开发技能](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489452&idx=1&sn=6d6dd77ed612ed0d014e62b28e74e5b3&chksm=e95cfbf9de2b72ef90be06035b710f011f58f4bdc29cda6ddfc56afaf13e32aaf7a13b41e110&token=1734057872&lang=zh_CN#rd)
  - [一个有意思的方案：不借助后台和 JS ，只用 CSS 让一个列表编号倒序，你会怎么做？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489436&idx=1&sn=fcbf3d2b0ef780ad7c0e52b54bcc3656&chksm=e95cfbc9de2b72df3f965d6397cb9e5af17f1cf8ff31316148f1f67ae99c32b0d981b89d0b30&token=1734057872&lang=zh_CN#rd)
  - [回答一下这 10 个最常见的 Javascript 问题](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489378&idx=1&sn=43d2c8d0289c08df545f442cbc385d48&chksm=e95cfb37de2b7221c2853b165f8655dcc3256198009073073c3dadb01d7c76d286d283f510f7&token=1734057872&lang=zh_CN#rd)
  - [初学者应该看的 Webpack 完整指南（2020）](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489355&idx=1&sn=d853f302babc48d28039a7701dd25c03&chksm=e95cfb1ede2b7208a2be9f79c82c78ea90d61812987839a831f54cf09c967bb71cdcd137eacf&token=1734057872&lang=zh_CN#rd)
   - [你可能不需要在 JavaScript 使用 switch 语句！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489243&idx=1&sn=c82f21765d5e1de75479effa2e18f987&chksm=e95cfa8ede2b73981952652d4b4e9d49bb7cc5b38de90be19fda3e72bbc53f3ba478d589f673&token=1734057872&lang=zh_CN#rd)
   - [你的函数有多快？使用 performance 监控前端性能](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489138&idx=1&sn=8b2957517fe14b44a1401b58ac29f625&chksm=e95cfa27de2b7331d469f7f5a3e41dea07665109d182ee1ac9ba4fead1fc2e329936263dfb48&token=1734057872&lang=zh_CN#rd)
   - [我不知道还可以用 JS 做的 6 件事](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488915&idx=1&sn=9df4f50defb4e8df64cff1a904d69346&chksm=e95cf9c6de2b70d02029a257b448a05b3460a45f8d2775eb0cab90922a96667b62eba2b5cedb&token=1734057872&lang=zh_CN#rd)
   - [ES6 中 module 备忘清单，你可能知道 module 还可以这样用！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488658&idx=2&sn=3e3e635f2f2a9f632b48f49621fde9d4&chksm=e95cf8c7de2b71d16ad13f044d4b426d69a0ef791c8f8578abeda2629e7c97cae9080f165ac6&token=1734057872&lang=zh_CN#rd)
   - [这份 window.location 备忘单，让你更有条理解决地址路径问题！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488600&idx=1&sn=961c05038e564b1376e5ab59f54a5be3&chksm=e95cf80dde2b711b97fbf5cd581c1d12c815eeaa37bde73c064079e132041fbf2782c0f98a36&token=1734057872&lang=zh_CN#rd)
   - [周末学会了 10个超级实用 Javascript 技巧!](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488469&idx=1&sn=db0b0156ad6a1bfba564f7c14d41eb89&chksm=e95cff80de2b7696499b9673e5a4caa7971c642903d57827e0d515e45a57a0d44a998a3c68b3&token=1734057872&lang=zh_CN#rd)
   - [小智最近在学习正则，学习过程中发现这 6 个方便的正则表达式](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487981&idx=2&sn=61533f8c78da9b54d4b9bc8b316236eb&chksm=e95cfdb8de2b74ae5c79a6724686fd320fad2d61aebff6c03e6da4d167db69f679d21658cd01&token=1734057872&lang=zh_CN#rd)
   - [详解 ES10 中 Object.fromEntries() 的缘起](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487946&idx=1&sn=4dae454e5ccf8622054c16a4e79a5928&chksm=e95cfd9fde2b7489ef72e4caf5fdb483f62216d3785717aa43c8e317c7e1052a5cee09894e38&token=1734057872&lang=zh_CN#rd)
   - [JS执行上下文的两个阶段做了些啥？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487820&idx=2&sn=7d881b3580e8bb28263ea42df8cae4f5&chksm=e95cfd19de2b740fb2cef2898e0788671463d0e7e488a1c9c4abe39f650521fd179c70a71a96&token=1734057872&lang=zh_CN#rd)
   - [小智周末学习发现了 10 个好用JavaScript图像处理库](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487706&idx=1&sn=c4c20b7b4d1e37d072efe16ee675610e&chksm=e95cfc8fde2b759903a7c222927cfe4fa144a80bd3abbcc36ed6678ed50cb546e0d94238f1cc&token=1734057872&lang=zh_CN#rd)
   - [JavaScript重构技巧 — 数组，类名和条件](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487443&idx=1&sn=67a4a6334af48e68d64e138700c5e63d&chksm=e95ce386de2b6a908288dd2ce6322db6011925e8c461cecec061b25f78d8d94e4a6654d7b99a&token=1734057872&lang=zh_CN#rd)
    - [JavaScript 对象可以做到的三件事](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487381&idx=2&sn=d477743c0398739d7945cb012bf2523e&chksm=e95ce3c0de2b6ad624064c632992c3cd8ff88dbfd7407388528947501773a2c3c9cb20763e29&token=1734057872&lang=zh_CN#rd)
    - [JavaScript重构技巧-降低函数复杂度](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487292&idx=1&sn=651290c1f9c32ca066f100afe17c5ffa&chksm=e95ce369de2b6a7febeb1b3b877851d8f02444e517ab6a41c75019a1ba915d7b7a5dc014a468&token=1734057872&lang=zh_CN#rd)
    - [JavaScript重构技巧-让函数简单明了](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487243&idx=1&sn=e90a1b087283115d9a9dcef1279611b9&chksm=e95ce35ede2b6a4899b1168d37c842e978bd1db35bf31f5b25f2b79fdc1ecb214c2b0cccb567&token=1734057872&lang=zh_CN#rd)
    - [JavaScript 如何读取本地文件](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487077&idx=2&sn=ebfdf4a4313fb080a6de3772b8d1e39c&chksm=e95ce230de2b6b2682f90d221fc0b686be991ec06df935ccbf62837876abda83b79882aa9f56&token=1734057872&lang=zh_CN#rd)
    - [如何写出优雅的 JS 代码，变量和函数的正确写法](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486840&idx=1&sn=a24bbde86de0bbfec53dca441a81e962&chksm=e95ce12dde2b683bebc03a48e54bdcb2e9e8de24b12c5931fc99e5330cbc958cd57efc529cbb&token=1734057872&lang=zh_CN#rd)
    - [这些优化技巧可以避免我们在 JS 中过多的使用 IF 语句](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486654&idx=1&sn=cab88511faf2c482b5fb258b2fcaf9f9&chksm=e95ce0ebde2b69fd59083794b54b20f7b9b2e1350c6f018404ecfb99aab12c2eb88ac7cece3c&token=1734057872&lang=zh_CN#rd)
    - [你知道 JS 中的模块导入有一个缺点吗？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486603&idx=1&sn=9f631132ba09ef054e5d0ad2d8e44686&chksm=e95ce0dede2b69c8753f5c0548f7a3712cdaaf65d6fba29306b6003f1793131b9ba9de33595a&token=1734057872&lang=zh_CN#rd)
    - [不要再到处使用 === 了](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486581&idx=3&sn=8bf56c342351e5ccdb884a81a4226428&chksm=e95ce020de2b6936f9074c58447f2939c4038b17c779822f5041d16981aa325b01dda56d3af3&token=1734057872&lang=zh_CN#rd)
    - [知道临时死区你才能更好的使用 JS 变量](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486573&idx=1&sn=173a2ce2cf2bd89dcf0430b16de39fe2&chksm=e95ce038de2b692e954568362f259bdcccdbd56a03d0dae50c30005305b5327d5033e4127b53&token=1734057872&lang=zh_CN#rd)
    - [为什么 JS 中的对象字面量很酷](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486546&idx=1&sn=09de70425dd259e8850b9a6c62ec72a0&chksm=e95ce007de2b691150258535540374989ff0cdf0d2b9b2e281f1e145a16f7f2d36e1b5b89354&token=1734057872&lang=zh_CN#rd)
    - [你知道 JavaScript 中的错误对象有哪些类型吗？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486460&idx=1&sn=3115fc2857b32e64132728669b207767&chksm=e95ce7a9de2b6ebf99d1664494e3a2facd45c6ff3fa93b5953a4b0097a762b9c7899f5dc959b&token=1734057872&lang=zh_CN#rd)
    - [上次24个实用 ES6 方法受到好评，这次再来 10个](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486453&idx=1&sn=dd3146dc9a9445cb0969f9c077b6ddeb&chksm=e95ce7a0de2b6eb69d7791e4255c2b12dda6e32e83e08146cdf6a0de4e720a502b4904d577f6&token=1734057872&lang=zh_CN#rd)
    - [JavaScript中的类型检查有点麻烦](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486251&idx=1&sn=bdb410c64fd897504dd0c0d3fcd928be&chksm=e95ce77ede2b6e68842be4881785e4974641194f2e8618381f174b4c6e8a519593726ab65ddf&token=1734057872&lang=zh_CN#rd)
    - [【动画演示】JavaScript 引擎运行原理](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486128&idx=1&sn=7a6d202c665a364deceb4fbe6075013e&chksm=e95ce6e5de2b6ff33bf871b288702f5fc873fe895341bc393e0d932947dcf4948ef3ea441cd9&token=1734057872&lang=zh_CN#rd)
    - [【动画演示】：事件循环 形象深动(JavaScript)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486118&idx=1&sn=5a27f7eb5afde72740750a45ba44a8a4&chksm=e95ce6f3de2b6fe5be7acc80317965d2bf7d1800941fd47bde9b080b87409febfe64cd6adceb&token=1734057872&lang=zh_CN#rd)
    - [【动画演示】：JS 作用域链不在话下](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486108&idx=1&sn=68031891f76e36393b2221c16f43e762&chksm=e95ce6c9de2b6fdfd90246f6d7ce97b981ee70967c3b2cdfbe927107a09368466e1777f7e9d5&token=1734057872&lang=zh_CN#rd)
    - [你需要知道的 JavaScript 类(class)的这些知识](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486086&idx=1&sn=14454497e94e211c4765dbea87c6a74f&chksm=e95ce6d3de2b6fc569ebb3196fb30cecec152085e4e4e646c187dc7b25a42900bc64411a51f7&token=1734057872&lang=zh_CN#rd)
    - [JavaScript 中的无穷数(Infinity)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486057&idx=1&sn=6250dc8779ba2cfee91aa3b79c383672&chksm=e95ce63cde2b6f2a074f09cf17d8bfdb31246d511706a2d614468459c0dca393fb0b30da71c9&token=1734057872&lang=zh_CN#rd)
    - [回到基础：什么是DOM及DOM操作？](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486042&idx=1&sn=62094cb21ac5505fe1561376da7aa55b&chksm=e95ce60fde2b6f19a99f0b4aa2d8ee66826ed4abca5dbe4bb7603522202505f1138bdff6e3dd&token=1734057872&lang=zh_CN#rd)
    - [34 个今年11月最受欢迎的 JavaScript 库](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486031&idx=1&sn=661f112233fa238b3a77ec4ed20839cb&chksm=e95ce61ade2b6f0cac45be2c0d3232728b47a88377cd5f4920125f16e116a9a426d67192ed0d&token=1734057872&lang=zh_CN#rd)
    - [13个需要知道的方法：使用 JavaScript 来操作 DOM](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485996&idx=2&sn=f7c2789bf9ae2680e7503e9328c0e960&chksm=e95ce679de2b6f6f6b29521ce0f557bdea32d2f6f93d1473c7a0df4de50ceb8a804d7061a0d4&token=1734057872&lang=zh_CN#rd)
    - [JavaScript 中， 5 种增加代码可读性的最佳实践](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485903&idx=1&sn=867f136491044b76daa6dd5f3865f1c8&chksm=e95ce59ade2b6c8c796c0996e06653d0c4345bd7fee4dc540f3dfd17c77169849ee0306e04ee&token=1734057872&lang=zh_CN#rd)
    - [通过事例重温一下常见的 JS 中 15 种数组操作(备忘清单)](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485899&idx=1&sn=4edf21b10c5908fc104ed523cfb6e982&chksm=e95ce59ede2b6c888f3dde1e144e809fdace82639da49762d7c55234ae4789765fb9ae8dad3d&token=1734057872&lang=zh_CN#rd)
    - [重温一下 JS 进阶需要掌握的 13 个概念](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485546&idx=1&sn=0cc59223c1199d628f2ad096fab8ee67&chksm=e95ce43fde2b6d29ab3f232f915cf0a2fb7c1578531bf3c228909d0100fa24d2d31569544c63&token=1734057872&lang=zh_CN#rd)
    - [13 个 JS 数组精简技巧，一起来看看](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485535&idx=1&sn=f4bbc12cbb601c723fc9497a73da266a&chksm=e95ce40ade2b6d1cf013f9cfe4af239d33a8c8c43a46a2f9d16da0f404bd97af85058ab03d35&token=1734057872&lang=zh_CN#rd)
    - [7 个沙雕又带有陷阱的 JS 面试题](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485503&idx=1&sn=c3d1cb5769452ad5170470a2730241e2&chksm=e95ce46ade2b6d7ce7d1417e63d6c765e9d6e634babb034dbd34e5428bd0e6ac4bb1be995522&token=1734057872&lang=zh_CN#rd)
    - [我对 JS 中相等和全等操作符转化过程一直很迷惑，直到有了这份算法](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485462&idx=1&sn=4a4c94aaf65bdc0c7fb1cb20ca0fe1af&chksm=e95ce443de2b6d55b9ffc79aa4af373e15d365c4731e53d38213a710eb5ae560b11bcc88ff9e&token=1734057872&lang=zh_CN#rd)
    - [JS 常用的技巧和几个鲜为人知的特性](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485432&idx=1&sn=c59f32102924ca4d69900b1b5cca3605&chksm=e95cebadde2b62bb67bd2ac6c0d02fdababb5f3a43238eaf5107bfe3266d3690a2086b15f027&token=1734057872&lang=zh_CN#rd)
    - [20多个小事例带你重温 ES10 新特性](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485425&idx=1&sn=aa44ab9b1273f3cf88b804bfa3453c06&chksm=e95ceba4de2b62b28f96cb462ba17d99f069ecd3397bb6e07dfe312f82f0f133b25f9717b8d3&token=1734057872&lang=zh_CN#rd)
    - [理清JS中的深拷贝与浅拷贝](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485352&idx=1&sn=7ef9cfbafd98ac4e384db68c9d16a9ef&chksm=e95cebfdde2b62eb186be8e93966abfb805b6a066648e5b090b86075b8119d78ab7587251e3e&token=1734057872&lang=zh_CN#rd)
    - [掌握JS函数中的几种参数形式（函数基础）](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485345&idx=1&sn=f1e380f5970f27317dcc0fe4f15b670f&chksm=e95cebf4de2b62e2758f94a11518a512b30e0e6daeba1504688d4980ac9ddcaa698cfe82f4d3&token=1734057872&lang=zh_CN#rd)
    - [JS 中几种轻松处理'this'指向方式](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485289&idx=1&sn=3f504d5d0e91ddfe1f21c56b07d27d51&chksm=e95ceb3cde2b622ae41131299d179aa336951a7fd0a20f9b122665e0640e7bc6acf91f9b3a39&token=1734057872&lang=zh_CN#rd)
    - [所以你真的懂JavaScript?](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485284&idx=1&sn=dcf005c783340135052de4f606c156f0&chksm=e95ceb31de2b6227efd5d0d88aa75b38ad686df62d5581333022c2792077c3e03fce405c3381&token=1734057872&lang=zh_CN#rd)
    - [深入 JS 对象属性](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485243&idx=1&sn=d7bff7605fa356283b9adb148e6dd1ac&chksm=e95ceb6ede2b62787db5d23bdcbf4339faa20e631c33d5051d37780b9546778aba2e10e4d59a&token=1734057872&lang=zh_CN#rd)
    - [JS中，如何提高展开运算符的性能](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485210&idx=1&sn=7f68180ab96dd814988b9c5b01501de2&chksm=e95ceb4fde2b6259b6bc7f901ab7b9116748b00adf141d4d2b9e032401351929f487d3143ce3&token=1734057872&lang=zh_CN#rd)
    - [JS 如何创建、读取和删除cookie](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485203&idx=1&sn=32d95ed3c99d29c042aacb68ac75a42e&chksm=e95ceb46de2b62508705644f9d56aa1176aefffbf94de8cb51edbdd74fc0648d240ef3dd6d2b&token=1734057872&lang=zh_CN#rd)
    - [JS 前20个常用字符串方法及使用方式](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485186&idx=1&sn=3febdcad4dc2b8b20b7ecc5e4c08798a&chksm=e95ceb57de2b62410ddc58c8794e13cd8f728cfb7eb0145407fe8498d0ac837d418c0948d567&token=1734057872&lang=zh_CN#rd)
    - [ES新提案：双问号操作符](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485171&idx=1&sn=92e0492b29a413a4bf6951577f9b631c&chksm=e95ceaa6de2b63b0e711f21a403b4d8aa3f81daf652eaed67135319b3d4c5910d0998492d072&token=1734057872&lang=zh_CN#rd)
  - [JS 可选链的好处](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485160&idx=1&sn=d9bb6bce0f5516efc7df77a147f1ced2&chksm=e95ceabdde2b63abbdb944d256e2f53390cb59aef1e9931ea2b1a493aa2c25ab848cdda68903&token=1734057872&lang=zh_CN#rd)
  - [5个 JS 解构有趣的用途](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485151&idx=1&sn=6e763f90d59e7fdbd922fcb3a8c5c72a&chksm=e95cea8ade2b639c914efaceec8780e8829c783e5c6abc7893f6db46b21e42ca5c540fee9d6e&token=1734057872&lang=zh_CN#rd)
  - [用 JS 日期获取当前月的最后一天遇到的坑](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247485143&idx=1&sn=1db3fb9cb69df8043f599b0fd53a1f89&chksm=e95cea82de2b63943c19b0f4e2edf016087982ab35bc32accb6553b424769092a2c8ac8343cf&token=1734057872&lang=zh_CN#rd)
  
  
- CSS 技巧
  - [学姐叫我看 CSS 新出的容器查询，然后把公共组件重构成响应式的！](https://mp.weixin.qq.com/s/K_FhwpgQTXDIS0qsKTq9_Q)
  - [宝， 来学习一下CSS中的宽高比，让 h5 开发更想你的夜！](https://mp.weixin.qq.com/s/x0G4hDA0sPVT4bppa6S8jg)
  - [学会使用 CSS 自定义滚动条，能让你做的产品更有用户体验！](https://mp.weixin.qq.com/s/_iNAT-he6YJ8q8tDxYzmKg)
  - [深夜12点，头秃的那家伙，还在用 CSS 处理图片上的文字](https://mp.weixin.qq.com/s/7dQ5HVWV63gc69Oop10GNQ)
  - [你应该知道的3个强大的CSS功能](https://mp.weixin.qq.com/s/huCYjkBBzJ39OWPf5mdmGQ)
  - [80%的前端会答错的问题：<img>是什么元素？](https://mp.weixin.qq.com/s/hi8x0cRC9TtaOlzCPwHedg)
  - [5种作为Web开发人员应避免的CSS做法](https://mp.weixin.qq.com/s/gnbx7MgkRdPIF0TXezquaQ)
 - [响应式网页中的高度设计，你认真的吗？](https://mp.weixin.qq.com/s/eVvH-dBS2ubTivc5hxGYdg)
  - [CSS垂直居中的七个方法](https://mp.weixin.qq.com/s/gN8Rh0EJx5m3HFFfsNfKKw)
  - [使用网络构建复杂布局超实用的技巧，赶紧收藏吧!](https://mp.weixin.qq.com/s/tIGYrkV8cVH5W7jUidCdNg)
  - [超越媒体查询：使用更新的特性进行响应式设计](https://mp.weixin.qq.com/s/d6FVx9fALtusgL-vsf8abQ)
  - [多个你不知道的 CSS 居中方案！](https://mp.weixin.qq.com/s/kpZoDxjL8HV3kCSr7H5dsA)
  - [深入了解 Flex 属性](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247491317&idx=1&sn=dae3bb9b5621af17b092a4f274235b49&chksm=e95cf2a0de2b7bb6a96e97acd67c8020db02b4db762213e4a93c2a9369c727954b29805d9f21&token=450925916&lang=zh_CN#rd)
  - [一次解决你的图像尺寸和定位问题](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247491222&idx=2&sn=267ceee9944b39545d9ad6db47937fbf&chksm=e95cf2c3de2b7bd5f1c3870b31885034ac2838a0bae7c7477dcc4b605508054d13ab0fe58263&token=450925916&lang=zh_CN#rd)
  - [5个好用的 CSS 函数](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490870&idx=1&sn=e78064246ac02762b23848cd2e18e111&chksm=e95cf163de2b78754f0ef9fb7d06ac6baee4a80569e4e90ca5e5bda7cb52460b3fde45ddc09d&token=450925916&lang=zh_CN#rd)
  - [使用这些不太常用的 CSS 属性，让我在前端布局效率上，又提高了一个层次！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490772&idx=1&sn=c058a4d00b9f6ec44e42c51a0b9453e8&chksm=e95cf081de2b7997daaed2f8484596bcee606b114f1acfe203d73de65b6b23d5b5056b9bcb3f&token=450925916&lang=zh_CN#rd)
  - [11 个文本输入和 6 个按钮操作 特效库](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490736&idx=2&sn=041ea900832664a1fdb3e4e47d186931&chksm=e95cf0e5de2b79f3eb17ddff1e9b626f9768801e2a85a3ab3bd62fdb8bb0cf7f5d19a4b6ff0c&token=450925916&lang=zh_CN#rd)
  - [提升布局能力！理解 CSS 的多种背景及使用场景和技巧](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247490037&idx=2&sn=82136492ca01a6470ec112faf0a25832&chksm=e95cf5a0de2b7cb661d5037a907bfe361a7b22566b49ea66fbfd0a21800151addf63fa66c29f&token=450925916&lang=zh_CN#rd)
  - [12 个炫酷背景特效库](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489899&idx=1&sn=05ce0ac8025571e51cbff8aafac2f98e&chksm=e95cf53ede2b7c28af95dcb1c2bca7f72dd1997d16eb6b613e250f5cdbb8de212b8a55f35eb3&token=450925916&lang=zh_CN#rd)
  - [一文学会使用 CSS 中的 min(), max(), clamp() 以及它们的使用场景](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489513&idx=2&sn=f5764a0c042df648c858e623323e2426&chksm=e95cfbbcde2b72aa68b0b4f913c8bc78e5ede9e51203db95f7ba9732267b000b037143002b0e&token=450925916&lang=zh_CN#rd)
  - [又一个布局利器， CSS 伪类 :placeholder-shown](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489172&idx=2&sn=8f0b2ea686d001df69851f57be608049&chksm=e95cfac1de2b73d78ffd4109ea6bcd8bcdae37c09cef9e691ba50abfcd6e83e1c4e1bf6aeb60&token=450925916&lang=zh_CN#rd)
  - [历时4个多月，学习了这 66 个CSS 特效](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247489059&idx=2&sn=8bfce0f4adff5370cc097ef83914efc5&chksm=e95cfa76de2b7360b685c5f77e9eb17c436cdaa5f06054aca59a57c9fc2fa5581746f87a1ee4&token=450925916&lang=zh_CN#rd)
  - [Web 技术：CSS最小和最大(宽度/高度)知识点及优缺点](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488895&idx=2&sn=0b47018f0bcb3836ae234b2a46c41ba7&chksm=e95cf92ade2b703c0278ec2c691fa96a14359480005ab2dc139102ea3e38ec983fedb25859bf&token=450925916&lang=zh_CN#rd)
  - [前端如何提高用户体验：增强可点击区域的大小](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488546&idx=1&sn=3cdb173ea305fbc3cfcb07c9a68a1926&chksm=e95cf877de2b71618da7e68d38a921288d4441e3fa0ec7d23d2c614354e14aba230f18c37a95&token=450925916&lang=zh_CN#rd)
  - [CSS Viewport 单位，很多人还不知道使用它来快速布局！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247488331&idx=1&sn=016ab7c3d85c4daae235de942ff99c4e&chksm=e95cff1ede2b7608ffb22b566d705951145b3fb587ac08dbf3390f4fc4415a4db0fa221b0899&token=450925916&lang=zh_CN#rd)
  - [小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了 ！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487637&idx=2&sn=463ad05206872ea67360a555b9738a19&chksm=e95cfcc0de2b75d648004533ff27ff32154213cba5c65a062a88f4933423575c274116e3911e&token=450925916&lang=zh_CN#rd)
  - [这些 CSS 伪类，你可能还不知道，可以用起来了！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487369&idx=1&sn=357902a540e9be1fb3c712f242fcaf17&chksm=e95ce3dcde2b6aca42785a633b0b7200d2a4f20c88f68a72677d60e112005f8f11b2ac435de4&token=450925916&lang=zh_CN#rd)
  - [让我们学会使用 CSS 计数器](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487266&idx=1&sn=72010bb749e541c7adc1f6ba7a5a9856&chksm=e95ce377de2b6a6172316657c53e64e09d5580e9075ce1220047635263f144ada8076af9b3f7&token=450925916&lang=zh_CN#rd)
  - [CSS 中 关于 Overflow ，你需要了解的这些知识点！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487226&idx=1&sn=5302e3ea69047d328e281ddf5ff5fed7&chksm=e95ce2afde2b6bb90885418519d6fd41354fc7512b82733f40cd43d01d05b07d7488d590565a&token=450925916&lang=zh_CN#rd)
  - [CSS中的混合模式，制作高级特效的必备技巧](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487122&idx=1&sn=f4d67dc009ab67768efa1519fe687bc6&chksm=e95ce2c7de2b6bd1d50c0926c2ede71f9d9de4b28f80db20371be04e071cb8887c03ecf434db&token=450925916&lang=zh_CN#rd)
  - [CSS 伪元素的一些罕见用例](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487061&idx=1&sn=539dc85a2e38fdc2352388f7eb06cbec&chksm=e95ce200de2b6b165ae765b30fb4a1c582ba62a424f6b8645547e5595ef525f5aeb4a2369e40&token=450925916&lang=zh_CN#rd)
  - [我发现了7个关于 CSS backgroundImage 好用的技巧](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247487012&idx=1&sn=269d28a63535126d74b13a5ef920ed8c&chksm=e95ce271de2b6b6727530e14124ad51c80ddbea5fe27b671b79662d596ec82f5d931b411629e&token=450925916&lang=zh_CN#rd)
  - [CSS 中你需要知道 auto 的一切！](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486823&idx=1&sn=b07f28de6d15dfb4c6f8a000f36a7efa&chksm=e95ce132de2b6824f656d102901f80fc1621ab8b90fbd1fd37ff5f8b5ddf94449b27ebed669a&token=450925916&lang=zh_CN#rd)
  - [你可能还不知的 7 个 CSS 好用的属性](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486788&idx=1&sn=9053816b6b0f6663e79f55b727927caa&chksm=e95ce111de2b68070f897dacb5d8e1284b241cb1e345e9b65fd61b482414e78d095b2d9af192&token=450925916&lang=zh_CN#rd)
  - [27 个 CSS 面试的高频考点助力金三银四](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486624&idx=1&sn=ed2121826182d760279764ef7aa9d577&chksm=e95ce0f5de2b69e3e72dc0d332d7c76e91836eedd7ff8ad246b2079ebf55c6886b3ae65821be&token=450925916&lang=zh_CN#rd)
  - [能解决 80% 需求的 10个 CSS动画库](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486209&idx=1&sn=bc1a52af11119fb2e1a0e933be9061d4&chksm=e95ce754de2b6e42c6e70d9ac186825fabec319072b70220fe6fdb1dd92f69ffe962587140c4&token=450925916&lang=zh_CN#rd)
  - [如何使用SASS编写可重用的CSS](https://mp.weixin.qq.com/s?__biz=MzI0NDQ0ODU3MA==&mid=2247486143&idx=1&sn=1900f0b52f9e2bef88f47890c452bc6f&chksm=e95ce6eade2b6ffc375b114192e6c061706fa75f3f7f59f4e87e3561819f6817250b0412bd75&token=450925916&lang=zh_CN#rd)

#### 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)

24. [22+ 高频实用的 JavaScript 片段 （2020年）](https://github.com/qq449245884/xiaozhi/issues/261)






# 赞赏码

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


![](https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/s2.png)


# 鸣谢

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


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


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

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


![](https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/daqianshijie.png)