Pinia优势 Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐 Vue2 和 Vue3 都能支持 抛弃传统的 Mutation ，只有 state, getter 和 ac

html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 可以看到文字外面是 div.root ，所以本质上的<template>标…

最近在学习Vue源码，刚好学到虚拟DOM的异步更新，这里就涉及到JavaScript中的事件循环Event Loop。之前对这个概念还是比较模糊，大概知道是什么，但一直没有深入学习。刚好借此机会，回过

闭包（closure）是 JavaScript 的难点，也是它的特色。是号称 JS`面试三座大山（原型与原型链，作用域及闭包，异步和单线程）其中的一座山。

flex属性介绍 平时在项目中Flex布局的使用频率非常高，但是对于flex的几个值的具体用法和使用场景有时候不是很清楚，所以写此文来总结下。 首先，flex属性其实是一种简写，是flex-grow，

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

本文整理了网页布局中水平垂直居中的若干种方法，分为宽高固定和不固定两大类41小类，小伙伴如有其他方案，请在评论区指出，我会加到文章中并注明你的昵称。

vue组件间的12种传值方式 当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传递的几种方式 Vue2最常