前端交流群:954854084

Node.js为我们提供了一个模块来协助文件压缩。在本文中，我们将构建一个应用程序，用户可以在该应用程序中上传他们想要压缩的文件，然后使用Node.js Zlib模块下载该文件的压缩版本。前提要继续学习本教程，你需要具备以下条件：熟悉HTML，CSS和Javascript(ES6 +)VS Code或开发计算机上安装的任何代码编辑器在你的开发机器上安装了PostmanVue和Node.js的基础知识设置项目我们将从构建后端开始，这是我们应用程序的基础。在桌面上，为应用程序创建一个文件夹，群殴

一、监听数据变化的实现原理不同 Vue通过 getter/setter以及一些函数的劫持，能精确知道数据变化 ，不需要特别的优化就能达到很好的性能React默认是通过 比较引用 的方式进行的，如果不优化( pureComponent/shouldComponentUpdate )可能导致大量不必要的VDOM得重新渲染为什么 React 不精确监听数据变化呢 ？这是因为 Vue 和 React 设计理念上的区别， Vue 使用的是可变数据，而React更强调数据的不可变。 所以应该说没有好坏之分，Vue

平时我们在使用Vue开发的时候，可能会遇到需要父组件与子组件某个状态需要同步的情况，通常这个是因为我们封装组件的时候有一个相同的状态外面要用，里面也要用，今天我们就来看看怎么优雅的解决这个问题吧!一般来说我们实现这个功能，只需要父组件通过 props 传递给子组件就好了，但是理想很丰满，现实很骨感，如果我们直接在子组件更改传进来的 props ，不出意外浏览器会给你一坨大红色的报错，因为在Vue中我们的数据流动是自上而下的，而子组件直接更改父组件传来的 props 则是自下而上的数据流动，这是Vue不允许

问题加载json一定要用ajax的方式吗？最近学习vue3.0，在实现一个功能的时候发现一个问题——写代码的时候，需要的json太长、太多，和代码放在一起太混乱。看代码总有翻来翻去，又没有“折叠”功能。那么能不能把json放在一个单独的文件里面保存，然后在加载进来呢？查了半天的资料，发现那叫一个折腾呀，各种各样的配置不说，最后还需要用ajax的方式来加载。这个，这么简单的事情为啥要这么折腾？你看引用组件是不是很方便？一行代码就搞定了。就像下面这样：import nfInput&nbs

前言因为目前大多数的 Vue 3 文章重点都在讲 Composition API 和 响应式的优化 ，虽然这些新特性很棒，但大家都把其他的新特性给忽略掉了。或者有的文章只是简单的提了一嘴，然后写个简单的 Demo ，讲解的不够细致也不够深入。除了 响应式的优化 和 Composition API 之外还有一些新特性非常的实用。所以记得关注我，带你解锁 Vue 3 各种好玩的新特性。以下资料需要的可以加前端交流群：954854084或者关注微信公众号：晨曦大前端联想相信大家或多或少都听说过 传.

强大阵容和背景联合 vuejs member、antd member、社区大佬，共同打造阿里巴巴、蚂蚁金服倾力支持nuxtjs 官方示例组件库万星 Github 项目，欢迎 Star没错，就是 Ant Design Vue 2.0支持 Vite & TypeScript，开发体验比德芙还要丝滑不对 Vite 做过多评价和解析了，总之这玩意真的有点吊，丝滑的程度不是抹点油就能达到的级别，研发提效nn%不是梦。更加易用一直被吐槽，很少做改变，不得不说，我们一直站在自己的角度去思考，去设

最近会陆续分享我在使用React的过程总结的一些比较高阶的使用方法，这些方法可以提升代码的可复用性，也让代码看起来更加简洁明晰。今天要讲的是Render Props，很多人可能都知道react的这个特性，但在实际项目中不知道如何用起来。刚好这两天的一个项目中用到了它，所以借机分享一下。什么是Render Props“render prop”是指一种在React组件之间使用值为函数的prop共享代码的技术这个概念听上去有点拗口，我们拆开了看它。首先它本质上是一个prop，是用来父子组件之间传递数据用

概述React 在 v16.8 提供了 Hook 特性，React Hooks 通过增强函数式组件，为 Function Component 注入一些功能，例如 useState 让原本的 Stateless Function Component 有了状态。工作原理接下来我们从 useState 这个 hook 为切入点，打开 React Hooks 源码看看背后的原理。 先看个 Demo：import React, { useState } &nb