barnetty

随着业务不断发展，产品规模不断壮大。越来越多应用建立起立，业务逻辑各有不同且日趋复杂，团队人员越发庞大，代码维护成本越来越高。 不断实践并不断思考，前端开发其实就是要推动前...

据上节文章发布已经有了两个星期了。期间收到了 1000+ 个赞，30000+ 阅读量，这是我万万没想到的。自己的文章能有这么高的关注度，真的很令人满意！ 但是相反，写文章的...

一、什么是Tree-Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，他会在打包过程中通过...

一、函数式编程 1、什么是函数式编程 函数式编程是一种编程范式，主要是利用函数把运算过程包装起来，我们想实现一个复杂的功能时，可以通过组合各种函数来计算结果，下面我们看一个...

一、什么是Mobx 在中文官网上是这么介绍的： 通过这句话可以知道Mobx的一个特点就是响应式编程，对于响应式，Mobx以一种类似于Vue的形式实现的，所以其需要用 obs...

一、什么是合成事件 在 React 中我们如果想给一个 div 标签绑定一个事件，我们会给他添加一个 onClick 属性他接受一个回调函数，当我们触发点击事件时就只执行这...

一、什么是 Babel？ 我们先来看一下官网给出的解释： 简单来说就是将 JavaScript 中 es5+ 的新语法转化成能够向后兼容的语法，让代码能够在低版本的浏览器或...

一、前言 我们一般编译 TypeScript 有两种方式，一个是使用 Typescript 自带的编译器，简称 tsc，一个是使用 babel 提供的 @babel/pre...

一、导读 npm 发展到现在仍然是世界上最大的包管理系统，这主要得益于活跃的 nodejs 社区，作为前端开发的同学当然不能仅仅只停留在基本的使用阶段，我们还需要去深入学习...

一、数据类型 1、ArrayBuffer ArrayBuffer 的基本使用 ArrayBuffer 对象表示存储二进制数据的一段内存，他不能直接读写，只能通过视图(Typ...

VueX是适用于在Vue项目开发时使用的状态管理工具。Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。...

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

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换...

本文以解答常见面试题，详细介绍了 vue-router 的几种钩子函数，以及使用流程图的方式展现几种钩子的执行流程。 演示代码基于 vue-router 4.x 。...

一， pinia介绍 Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。 Pinia...

Pinia最初是一个实验，目的是在2019年11月左右重新设计Vue状态管理在 Composite APl 上的样子，也就是下一代Vuex...

「2022 年什么会火？什么该学？本文正在参与“聊聊 2022 技术趋势”征文活动 」 认识Pinia Pinia的优势 Pinia 相比 Vuex 更加简单，Pinia ...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第28天，点击查看活动详情。 写作背景：      做前端开发很久了，但是每次都依赖脚手架或开源的代码模版...

参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论 Vue3 版本。 element-plus - 经典中的经典，全面支持 Vue 3 tdesign-vue-n...