在如今这个讲“大数据、云计算”的时代，笔者相信不少前端同行们都被投入到了这种大数据后台产品的开发当中。数据是海量的，条件也是复杂的。为了让用户更加方便准确地创建到他们想要的数据报表，这类后台产品往往有着特殊的表单输入组件设计，比如面向数据专业人士的sql代码编辑器组件与面向普通…

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

VSCode是微软开源的一款基于Electron开发的代码编辑器。Electron 是一个基于 Chromium 的项目，可用于开发基于 Node.js 的本地应用程序。VSCode 使用 Blink 排版引擎渲染用户界面。虽然基于 Electron 框架，但并不是Atom的复…

之前笔者有写过一篇如何设计动态表单配置平台的文章，但是由于笔者电脑问题代码丢失，所以后期重新实现了一套表单设计器，并优化了之前的设计方式，特地做一下总结和复盘。 上图中我们将表单设计器集成到了H5-Dooring中，使其可以实现拖拽生成表单。 其次我们可以根据右边的配置项，动态…

商业智能（Business Intelligence）简称 BI，即通过数据挖掘与分析找到商业洞察，助力商业成功。 一个完整的 BI 链路包含数据采集、数据清洗、数据挖掘、数据展现，其本质是对数据进行多维分析。前端的主要工作在数据展现环节，由于展示方式繁多、分析模型复杂且数据量…

WebRTC 是一种点对点的实时通讯技术，本文将基于这一技术实现一个实时的在线编程面试工具，让远程面试时双方不仅可以音视频通话，面试官还能实时看到面试者的编程情况。 Agora SDK 是声网提供的一套实时通信解决方案，其中也包含了对 WebRTC 的封装，我们将基于它开发 W…

笔者最近一直在研究Lowcode(低代码)平台, 也做了非常多的实践, 对于页面可视化搭建平台有了基本的研发方向和解决方案, 后期会陆续分享我对低代码平台的一些理解和解决方案, 并在企业应用层做一些探索. 1. 什么是低代码以及低代码的意义 低代码 是一种软件开发方法，可以更快…

词法、语法、语义分析概念都属于编译原理的前端领域，而这次的目的是做 具备完善语法提示的 SQL 编辑器，只需用到编译原理的前端部分。 经过连续几期的介绍，《手写 SQL 编译器》系列进入了 “智能提示” 模块，前几期从 词法到文法、语法，再到构造语法树，错误提示等等，都是为 “…

随着时间的推移，在线IDE应用越来越多，功能也越来越完善。比如 ... 于是乎，就对这些在线IDE的实现原理产生了好奇，自己也想尝试实现一个类似的功能。这里有一篇文章详细讲述了codesandbox的实现原理：传送门 我们尝试实现一个这样的功能，左边输入代码、右边预览效果。 我…