三钻

同学们好，我是三钻。 这一部分的编程练习，我们来使用 Range 和 CSSOM 做一个综合练习。 这里我们一起来尝试实现一个简单的拖拽功能。我们一般的拖拽就是把一个在浏览器上的盒子捡起来，然后用鼠标可以拖动这个盒子到任意的位置。 那么我们今天要做的拖拽跟这个稍微有一点不一样。…

这里要给同学们分享的是 Proxy 与双向绑定，我们对大部分的 JavaScript 的这种基础库其实已经在其他文章中做过一些讲解了，或者是在我们编程的时候有所接触了。唯有这个 Proxy 我们之前是非常的回避的，因为在业务中也不太推荐大量的使用 Proxy。 Proxy 的设…

Prototype 是 JavaScript 里的一个基础概念，原本应该很容易理解。然而，出于各种原因，大部分前端开发者（包括我），在刚开始学习 JS 时，原型和原型链都是一个需要克服的困难。 其实看不懂上图也没关系，请不必自责，这不是你跟我的问题。尽管上图并没有画错。 只能说…

同学们好，我是来自 《技术银河》的 💎 三钻 。 大家可能觉得 KMP 这个算法的名字很特别、很怪，因为 KMP 它并不是三个英文单词的开头，而是三个计算机科学家的名字。发明这个算法的三位计算机科学家分别为：Knuth、Morris、Pratt。第一个是大家都非常熟悉的 Do…

这里我们继续来编程训练，在《前端进阶》这个系列里面我们已经讲过一些字符串的算法了。然后这篇文章我们就来一起学习，剩下的几个字符串中比较细节的算法。 在开始之前我们先来看看字符串算法的一个整体目录。这里我们从简单到难的算法来排列，大概就分成这样一个顺序： 它跟字典树最大的区别就是…

同学们好，我是来自 《技术银河》的 💎 三钻 。 在之前的 《前端进阶》系列的学习笔记中已经讲到过不少跟字符串处理相关的内容。但是我们的主要学习的都是如何进行对字符串做一些初步的分析。我们这里就来一起学一些边缘里面的稍微高级一点的字符串处理，就是使用 LL 算法构建 AST。…

架构模式是使用多种设计模式，来改进代码的组织方式，实现软件设计的低耦合高内聚（降低模块间的接口的复杂度，每个模块尽可能独立完成自己的功能，不依赖于模块外部代码） 前后端不分的时代，前端代码由后端生成发送到浏览器（服务端渲染），所以最先是后端采用MVC或MVP架构模式，前端只是后…

同学们好，我是来自 《技术银河》的 💎 三钻 。 在我们的这个练习里面我们会制造一张 100 x 100 个格子的地图，并且在上面绘制我们的从起点到终点的路径。 在这么大规模的寻路问题当中，我们首选需要做一个地图编辑器。它的功能如下： 首先我们需要绘制我们地图的底盘，在绘制之…

同学们好，我是来自 《技术银河》的 💎 三钻 。 这里我们给大家讲讲一个好玩的编程练习，很多同学想到编程练习就会觉得与算法有关。但是往往在编程的过程中，我们要实现某种逻辑或者是功能的时候，确实是需要用到算法。但是我觉得 Winter 老师说的也挺对的。 TicTacToe 是…