笨笨小撒

PrismJS是一个前端代码高亮库，支持Markup、CSS、JS等多种语法的高亮显示，其实现简单小巧，扩展语法也非常方便，因此今天决定和大家一起学习一下PrismJS的源码。 Prism小巧轻便之处在于，Prism只进行分词，并没有真正意义上的语法分析、构建语法树的过程。例如…

在执行yield之后，Generator等待外部调用next再执行之后的代码，在这个过程中，可以执行一些异步操作，再调用next将结果返回Generator同时将程序的执行权还给Generator并继续执行，这也是可以用Generator模拟类似async/await的同步写法…

新晋程序员小呆呆找到了一份开发工作，在开发过程中，小呆呆将慢慢熟悉Git的一些基本使用。 组长：小呆呆，今天起我们要开始新项目的开发了。 组长：小呆呆，下班前代码提交一下哦。 可以看到远程已经建立dev分支了。接下来在切换到dev分支： 使用git branch --all可以…

PWA全称为Progressive Web App，即渐进式Web应用。其理念是通过多种技术来增强Web应用体验，以提供接近原生应用的用户体验。 Manifest：使得Web应用可以被添加到主屏幕。需要创建一个用以描述Web应用被添加至主屏幕的名称、图标等信息的manifest…

这两篇文章中作者都分享了关于把函数防抖/函数节流包装成通用组件的经验。 在这里我就不介绍函数防抖/函数节流的概念了，将这样的功能封装是组件真的是非常实用。 这里我使用了abstract: true来创建一个抽象组件。 我们常用的transition和keep-alive就是一个…

首先一个问题是keep-alive的行为。我们可以通过keep-alive来保存页面状态，但这样的行为对于类似于APP的体验是有些奇怪的。例如我们的应用有首页、列表页、详情页3个页面，当我们从列表页进入详情页再返回，此时列表页应当是keep-alive的。而当我们从列表页返回首…

这里我们将使用“消除法”来解这个问题。假设我们有数组[1, 1, 2, 1, 3, 2, 1]，我们从数组中逐一找出不同的一对数字进行消除： 这样的话，由于主元素的个数 > n/2，因此在逐对消除的过后，主元素必将是留存下来的，而留存下来的也必将是主元素。 如果按照上图的思路来…

通过之前的实践，我们已经实现了数据变动的监听与模板的解析，今天我们就将把两者结合起来，完成浏览器端的渲染工作。 首先我们来编写类：Vue。 el：实例的渲染将以此作为父节点。 data：一个函数，运行后将返回一个对象/数组，作为实例的数据。 tpl： 实例的模板字符串。 met…

（注：对于生成的代码，为了方便展示，这里手动的添加了换行与空格；对于模板，接下来将实现的代码还不能正确处理换行和空格，这里也是为了展示而添加了换行和空格。） 首先将字符串形式的模板解析后处理为我们需要的数据格式，这里将其称为AST Tree（抽象语法树）。 接着，我们将遍历这颗…