ElectronElectron.js是什么，如果你想使用你的前端知识，去开发一个桌面应用，那么你应该会了解到Electron或者是nw，而这两者之间的区别，我在这里就不展开说了，这里主要要说的是Electron.jsElectron是在2013年为了开发Github上可编程的文本编辑器Atom的框架而开发出来的一、为什么会有Electron首先，在学习Electron.js之前，我们先来聊聊，为

桌面应用中跳转浏览器链接在桌面应用中，我们打开一个链接，有几种不同的情况1. 直接在应用中跳转到该链接地址当我们在Electron.js写的桌面应用中写入一个a标签来做跳转时，如下<a href="https://www.baidu.com">跳转</a>点击这个跳转时，会发现并不是在浏览器中实现跳转，而是在electron应用中打开了这个页面，如下图2. 在浏览器中打开链

jsx是我们在react中编写组件的一种语法，实际上jsx只是JavaScript的一种语法糖jsx让我们能更为方便地在JavaScript中书写node节点，通过使用html的格式，让我们更为直观地看到节点的结构jsx的几种简单用法1.直接创建一个node节点const element = <h1>Hellow word!</h1>;这里将<h1>...

我们知道，webpack可以通过配置实现热更新，让我们在编写代码时不需要手动去执行一些编译命令，而是在保存的时候就可以自动更新视图，那么这些功能是怎么做到的呢首先，我们分解一下要做的事情，我们需要去监听文件的更新，当文件更新时，去修改对应的视图部分，那么，我们先看看如何去监听文件的更新node.js实现监听文件更新使用node.js实现监听文件更新，既然是和文件有关，那么盲猜fs中可能有相关的AP

最近闲下来后开始整理之前的知识了，早在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中的模板...