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 {...

在使用vue-router时，我们可以很方便地实现单页面应用，当我们想要跳转到“另一个页面”的时候，只要调用vue-routerAPI中的方法，传入相应的路由作为参数即可。单页面应用的一个特点是，如果某个路由已经在本地加载过了，即已经将生命周期走到了mounted的时候，如果我们再进入这个页面，不会再执行created和mounted里面的方法。简单来说，有两个页面A和B，我们使用单页面的...

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

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

loader用于对模块的源代码进行转换，在import或加载其他模块前可以使用loader进行预处理，比如可以把typescript转换成JavaScript，通过这样也允许了在JavaScript中引入css和less/sass文件。以在JavaScript中importcss文件为例，首先要引入两个npm包：style-loader和css-loaderstyle-loader用于将处...