我们在这部分将会创建一个stream object，用来提供从字符串读取字符的方法。stream object包含四个方法: 为什么将抛出错误的方法croak放到这里，是因为在这里能更简单的来获错误发生的位置，这对于提示错误信息很重要。 你可以根据自己的需要在这里添加任何函数。…

因为工作关系，需要开发支持众多方言的 SQL 编辑器，所以复习了一下编译原理相关知识。 相比编译原理专家，我们只需要了解部分编译原理即可实现 SQL 编辑器，所以这是一篇写给前端的编译原理文章。 词法分析，将 SQL 字符串拆分成包含关键词识别的字符段（Tokens）。 语法分…

当时试了一下确实很好玩，于是每次都可以在妹子面前秀一波操作，在他们惊叹的目光中，我心里开心地笑了——嗯，又让一个不懂技术的人发现到了程序的美🐶，咳咳。 一直以来，我都觉得这个属性只是为了存在而存在的，然而在今天接到的需求之后，我发现这个感觉没什么用的属性竟然完美地解决了我的需…

推荐一个实用的“字数统计”功能：`Ant Design Vue` 默认的 `Textarea` 组件是没有字数统计功能的，但这个功能又是很常见的，所以就做了一个简单的二次封装。

通过创建 textarea 标签，并且指定其 rows 和 cols 属性，就可以创建一个多行文本输入框。 但是当输入的内容超过指定的 rows 之后，就会出现滚动条，如果用户想要查看全部内容，那就必须来回的拖动滚动条。而且这个滚动条只有在用户滚动的时候才会出现，在一些情况下，…

假如... 把该属性加在style元素上呢😍，是不是就可以在页面上直接编写样式并且自带"热更新"？因此有如下代码：

本文对Web原生富文本编辑器和在线代码编辑器(以VSCode为例)的基本实现方式进行浅显的解读和分析.

虽然要讲解的知识点是通用的，但是还是要介绍下我的应用场景和测试环境。 0.1 应用场景和测试环境 我的应用是一块使用 Html Canvas 开发的黑板，在黑板上实现简单的文字编辑功能。 操作系统：win10 设备：为触屏和非触屏设备若干（一体机，surface, 笔记本电脑） 主要…

Selection和Range的文档纯文本文字选中效果代码textarea中的文字选中(也可以用于定位光标)效果代码selectionStart和setSelectionRange的文档节点选中效果代