wongtsuizhen

数据中台背景 启蒙：数据仓库的出现 商业智能（Business Intelligence）诞生在上个世纪 90 年代，它是将企业已有的数据转化为知识，帮助企业做出经营分析决...

上篇我们了解了 PEG.js 的基础使用，忘记的童鞋建议复习一下，对于本文的食用效果会更佳哦！ 光说不练，等于白学。所以本文来实现一个编译器（瞎搞、玩具、欢乐）~...

PEG.js 是一个简单的 JavaScript 解析器生成器，可以生成具有出色错误报告的快速解析器。您可以使用它来处理复杂的数据或计算机语言，并轻松构建转换器、解释器、编...

What is Babel? Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能...

背景 伴随互联网的快速发展，Web 服务已呈现出极速增长的趋势， 人们在使用 Web 服务的同时，也面临着网络安全风险。根据中国信息通信研究院发布的《中国网络安全产业白皮书...

背景 最近团队遇到一个小需求，存在两个系统 A、B，系统 A 支持用户在线制作皮肤包，制作后的皮肤包用户可以下载后，导入到另外的系统 B 上。皮肤包本身的其实就是一个 zi...

CSS 网格编辑器 CSS Grid 编辑器是一个社区呼声很高的特性。现在你可以通过它来预览和创建 CSS Grid 布局了。 当页面上的 HTML 元素应用了 displ...

导学 CICD 是持续集成（Continuous Integration）、持续交付（Continuous Delivery）与持续部署（Continuous Deploy...

导学 在《CI/CD 半桶水（一）》一章中，我们创建了自己的学习项目，并搭建好了 CI/CD 环境，还编写了自己的第一个流水线。在这一章节里，我们将进一步了解 CI/CD ...

导学 通过前两章的内容，我们有了自己的 CI/CD 环境也掌握了 CI/CD 最核心的相关概念。这一章我们将进一步了解 CI/CD 的各种关键字及其作用。 注：这一章节看起...

背景 最近想做个类似 vue-cli 中 vue serve 的功能，能够直接指定一个入口文件进行快速预览开发的需求。 简单来说，就是在命令行输入 vue serve My...

模块化的背景 早期 JavaScript 是为了实现简单的页面交互逻辑, 但随着时代发展, 浏览器不单单仅只能呈现简单交互, 各种各样的网站开始大放光彩。随着网站开始变得复...

前言 你是否有过这样的一个 UI 需求：页面上的某些组件需要根据它们所在视口滚动到某个阈值，或者从所处视口进入或移出？在JavaScript中，可以通过监听滚动条事件进而在...

公司的项目大部分都是 2B 类型的中后台 PC 端项目，且业务都非常庞大。常年累月的维护下，使用webpack dev速度变得非常慢。 因为最近的工作主要是负责一些前端的基...

前言 当我们入手准备去查看一个项目的源代码时，可以从以下几个方面进行入手： 查看 package.json，根据 main 或者module 字段能够看出源代码的入口文件 ...

工作流 Babel 的编译流程如上图所示，主要有三步：parse、transform、generate。parse 编译源代码，生成抽象语法树；transform 对 AS...

背景 最近团队中需要编写一个 shell 脚本，用于前端增量模块打包使用，主要就是为了解决每次打全量包耗费的时间较长，能够根据 git 提交判断哪些模块需要进行打包。为了实...

导学 在了解 CI/CD 最基础的概念和用法之后让我们学习一些稍微高级点的功能：webhook 以及 GitLab 的 api 调用。文章整体的结构为提出两个具体的功能需求...

一、简介 Grid网格布局 (下面都简称为 Grid布局)，是一个基于栅格的二维布局系统，旨在彻底改变基于网格用户界面的设计。CSS 一直以来并没有把布局做的足够好。刚开始...