JW_LINNN

大鹏背景：可视化大屏项目是一个集地图应用和视图应用为一体的大屏应用，通过头部菜单可切换视图应用，视图应用包括左右两边的内容展示区域，视图应用可以和地图应用通信和交互。项目采...

本期文章主要通过案例及实现最小响应式模型来分析Vue3响应式的内部实现原理。对Vue3源码感兴趣的小伙伴，快来围观点赞。...

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的...

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。...

本文大纲： 通过 vue-i18n 的 <i18n> 了解 customBlocks 和基本配置； 从源码层面了解 vue-loader 对 customBlocks 的处...

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 提交判断哪些模块需要进行打包。为了实...

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

一、flex弹性的概念： 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了fle...

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

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