youngqluol

微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告M...

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。...

这是我参与更文挑战的第5天，活动详情查看： 更文挑战 前言 目前项目已经可以加载了 css 文件了，这篇文章将会介绍如何加载资源文件（如：图片）。 旧版本与 webpack...

本文1.6W字面试准备包含思路以及基础面试题整理，较适用于初、中级前端，另外文末整理了思维导图，可以更加直观的找到你的知识盲区，希望能给你带去些许帮助，助力你找到心仪的好工...

node中常用第三方工具库介绍：minimist、chalk、enquirer、execa、fs-extra...

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。...

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。...

从一个我们最常做的操作，来讲一讲Vue是怎么完成批量更新dom的。本文将深入Vue源码进行讲解，本文最大的收获就是，Vue源码可能没有想象中那么难...

想必前端的同学肯定接触过 HTML 模板语法，大多数可能都是以 {{ 的形式（Mustache 风格）去表示的，比如 Vue 的模板语法： 除了上面这种类型，还要一个叫做 ...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

在列表中使用key已经是老生常谈的问题了，官方 最佳实践 也大力推荐使用key。。。不对，官方原话是： 既然官方都说的这么中肯了，那么肯定是很重要了。但是，当初不明真相的我...

这个操作看起来很简单，就是过滤要展示的列表，但是官方是不推荐这么写的，官方链接。 官方给出了两点原因： 哪怕我们只渲染出一小部分用户的元素，也得在每次重渲染的时候遍历整个列...

一直以来我对vue中的watch和computed都一知半解的，知道一点(例如：watch和computed的本质都是new Watcher,computed有缓存，只有调...

在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在...