金蕊泛流霞

编译原理科普文，编译是什么，转译器、编译器、解释器的区别是啥，编译流程都做了什么，前端领域哪些地方用到编译技术。

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。 本次分享的主…

AST 是一个非常基础但是同时非常重要的知识点，我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…

Babel为当前最流行的代码JavaScript编译器了，其使用的JavaScript解析器为babel-parser，最初是从Acorn 项目fork出来的。Acorn 非常快，易于使用，并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插件的架构。本文主要介绍es…

V8引擎详解（一）——概述。 看过我上一篇文章的同学应该了解到V8引擎会先将javascript代码转换成AST（抽象语法树），而事实上无论使用什么编程语言（无论是解释形语言还是编译形语言）都会将源代码解析成 抽象语法树（abstract syntax tree, AST），A…

本文主要介绍如何在各个浏览器上设置有效的 SameSite=None。 跨站点使用的 cookie 必须指定 SameSite=None; Secure 来确保将其包含在第三方上下文中。 所以涉及到请求跨站资源需要携带 cookie 验证的网站必须解决这个问题。 因为 Same…

首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。 该译文出自我的博客：github.com/CodeLittlePrince…

首先说一下，本篇不会涉及到大量实现代码，包含大量图片以及伪代码。 拿到一个需求，一开始不要着急去动手，在没想清楚前就动手容易返工；那我们先分析下评论组件的整体结构是什么样的。这里就参考下🍉视频跟B站的吧。 大大小小的评论结构上基本一致；评论的主体人(用户)、评论内容(文本、图…

通用评论中输入@符号后可以调出人员名单进行@某人，本文使用原生dom操作，不借助任何库或第三方框架. contentEditable 属性用于设置或返回元素的内容是否可编辑。 在使用完范围之后，最好是调用 detach() 方法，以便从创建范围的文档中分离出该范围。调用 det…