最近闲下来后开始整理之前的知识了，早在vue3.0正式出来之前，尤大就已经提到了做了一个新的web应用开发工具vite解下来的几篇文章我会对vite的使用，到与webpack（其实应该是webpack-dev-server，后面会解释为什么）的比较，以及源码解析，简单地实现vite部分功能来写，欢迎大家在评论区提出各种建议问题那么话不多说，开始vite学习之路vite是什么首先，vite为什么叫做

正如我们所知，react-router是用来管理路由的，，在路由管理中，一个非常重要的功能就是重定向，下面列举一些react-router实现重定向的方法1. 使用Route组件中继承自Router组件的props.history2. 使用react-router-dom里面的useHistory()3. 使用react-router-dom里面的Redirect组件...

在vue中不建议操作DOM，但是如果我们在没办法的情况下，可以通过ref来进行DOM操作，而在使用DOM时，可能会有获取不到ref对应DOM节点的问题像下面这种情况，这是执行了console.log(this.$refs)的情况在用console打印出来的时候明明看到可以按下箭头显示我们要的组件内容，但是在花括号里面却写的是undefined，此时如果要获取这个节点的属性值，会报无法从...

要实现对性能的优化，首先就要做到能合理有效地监控性能，发现哪里的性能出现问题，才能更好地去优化性能，这里我们说说如何通过chrome进行性能监控1. 通过使用performance monitor来监控在控制台使用ctrl+shift+p打开command menu，输入performance monitor来监听可以监听如图的内容这里的数据比较直观，也就不多说了2. perform...

React和Vue一样，不建议操作DOM，但是如果我们在某个场景必须操作DOM，那么也可以使用refs来实现。refs的基本使用refs的创建refs是通过React.createRef()来创建的，通过使用ref属性来对应某个元素。一般在constructor中赋值给某个实例属性来达到多次复用的作用class App extends React.Component{rende...

我们开发时使用vue的话，一般不会是自己去配置相关的配置，而是会直接使用vue-cli工具，使用react时会用create-react-app，这里我们来试着搭建一个自己的脚手架工具就我现在所会的搭建方法，将模板放到github仓库中，通过执行命令来将github上的代码拉取到本地使用yeoman-generator，将模板放在generator中，通过yo来将generator中的模板...

vue-cli构建项目初步目录在test项目根目录下创建vue.config.js来修改配置vue.config.js内容module.exports = {pages: {index: {// page 的入口entry: 'src/page/index/main.js',...

现在常用的三大框架中，常常会拿Vue和React来做比较，上周尤大又开了个Vue3.0beta的直播，所以就想着写篇两者比较的博客，拖着拖着拖到五一，总算整出来了。实际上之所以会想去写这篇文章，也是尤大在直播里提到了好几次React的内容，在更新Vue3.0上参考了很多React的功能，而之前虽然学过React，但也就只是做个todo-list玩玩而已，没做过实际的项目，所以也借此来熟悉一下Re.

通常情况下，我们会使用vue cli直接创建一个项目的脚手架，如果我们要自己用webpack来配置vue项目的话，就要用到vue loadervue loader的配置处理资源路径使用预处理器...

.vue文件用于表示一个单一组件，其内使用类html语法，顶级标签有template,script,style和自定义的标签，一个完整简单的vue单文件如下<template><div class="example">{{msg}}</div></template><script>export default {...