前端进阶训练营
99 人感兴趣 · 104 次引用
- 推荐
- 最新
你以为你真的理解 Closure 吗
闭包（closure），作为前端面试中老生常谈的话题，经久不衰。今天我们就一起来深入理解一下闭包吧！
Flexible Box Layout 原理剖析
Flex 布局几乎可以满足我们日常开发中的绝大多数布局，那 Flexible Box Layout 究竟如何工作？这里我给出我的答案，文中添加了动画视频，希望可以加深理解。
LeetCode 题解：641. 设计循环双端队列，使用队列，JavaScript，详细注释
原题链接：https://leetcode-cn.com/problems/design-circular-deque/
BFC "苦"前端久矣！
BFC 发生在 Normal flow，而 Normal flow 是 CSS Layout 中最基本的布局方式。理解 BFC，对理解 CSS 布局大有裨益。
编程能力 —— TicTacToe（井字棋）
井字棋是一个规则非常简单的小游戏，应该绝大部分的同学都玩过。就是在一个井字格里面画 X 和 O，谁先在横、竖、斜向上连成了一条线就赢了。
编程能力 —— 解析表达式
我们在前面的文章 https://www.yuque.com/wendraw/fe/general-knowledge-programming-lang#ZKsVo 中已经学习了「产生式」，并且用 BNF 定义了一个支持括号、四则运算和逻辑运算的表达式。因此我们这篇文章就来完成一个任务。
LeetCode 题解：283. 移动零，JavaScript，一次遍历，详细注释
原题链接：https://leetcode-cn.com/problems/move-zeroes/
图说前端 -ArrayBuffers 和 SharedArrayBuffers（2/3）
在 上一篇文章 ,我解释了像JavaScript这样的自动内存管理语言如何与内存一起工作，我还解释了像C语言这种手动内存管理如何工作。
如何识别刷屏文章中的伪科学
当你看到一则微信新闻，题目耸人听闻，比如“某某转基因食品惊爆安全性问题”，我们如何用科学的眼光来鉴别？这个新闻究竟是真新闻还是假新闻，这些信息究竟靠谱不靠谱呢？
如何设计一个优秀的组件
在开发过程中，我们经常会遇到现有组件库无法满足需求，需要自己设计和实现组件的情况。那么，如何才能设计一个既满足产品需求，又易于开发人员使用的组件呢？本文就以一个级联组件的设计为例，探讨一下如何设计一个优质组件。
谈一谈 webpack 打包
This Is The Little Toy-Webpack-Bundler Demo
编程能力 —— 异步编程
异步编程的能力对于一门语言来说是非常重要的，但是我们的 JS 在 ES5 之前是没有这个能力的。我们只能通过宿主（浏览器）的全局对象 window 提供的超时回调（setTimeout）和定时器（setInterval）来实现并行执行。还有一种就是用事件（Event）来实现。
图说前端 - 使用 Atomics 避免 SharedArrayBuffers 中的 race conditions（3/3）
在 上一篇文章 ,我谈到了使用 SharedArrayBuffers 如何导致竞态条件(race conditions)。这使得使用 SharedArrayBuffers 变得困难。我不建议应用程序开发人员直接使用 SharedArrayBuffers。
解决火狐新窗口打开网页被拦截问题
在火狐浏览器，进行Ajax请求之后，使用JavaScript新窗口打开页面会被浏览器拦截，本文讨论了这个问题的解决方法。
编程能力 —— 寻路问题
在很多游戏中都有寻路的机制，就是从一个点走到另一个点，这个路径可以有很多种，但是我们要找到其中最短的路径。 其中最经典的问题就是迷宫，我们在本篇文章就一起来完成一个迷宫的小游戏。
LeetCode 题解：1. 两数之和，JavaScript，双循环暴力解法，详细注释
原题链接：https://leetcode-cn.com/problems/two-sum/
