SOUIC的博客

Vue路由路由就是一组KV的对应关系，多个路由需要经过路由器的管理，然后路由的主要目的就是用来写单页面应用Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function如果遇到这个报错，多半是Vue的版本和Vue-Router的版本不一致导致的，选择正确版本即可我们就写一个单页面，需要一个文件夹专门用来存放路由在src/router/index.js下import VueRo

VueX State：存放数据的地方Vue compoments：Vue的组件然后组件调用一个API叫做dispatch，dispatch('option', val)，将数据提交到Actions，Actions是一个对象当你提交数据来之后肯定会有一个key对应option，这个val对应一个函数，这个函数用来处理dispatch传过来的val，然后需要我们自己手动调用commit，commit过后会到Mutations（也是一个对象）里面调用相应的函数（也就是dispatch里面的option，当

Js Promise形式const p = new Promise((resolve, reject) => { if(true) resolve(); //将promise对象的状态设置为成功 else reject(); //将promise对象的状态设置失败});resolve 异步执行成功调用reject 异步执行失败调用以上两个参数都是函数类型的数据p.then(() => { //成功执行}, () => { //失败执行});

fs// 导入模块const fs = require('fs');// 读文件// 调用readFile方法 接受三个参数：文件地址 编码格式 回调函数// 回调函数接受两个参数 文件读取失败结果（成功为null） 文件读取成功结果（失败为undefined）fs.readFile('balabala.txt', 'utf8', function (err, dataStr) { console.log(err); console.log('----------');

JS代理Proxy代理是目标对象的抽象。目标对象既可以直接被操作，也可以通过代理来操作。 但直接操作会绕过代理施予的行为。首先就是空代理，就是什么也不做，在代理对象上执行的所有操作都会无障碍地传播到目标对象。代理是使用 Proxy 构造函数创建的。这个构造函数接收两个参数:目标对象和处理程序对象。缺少其中任何一个参数都会抛出 TypeError。我们来看看例子const a = { name: 'Sonic'};const handler = {};const proxy = n

JavaScript中call和apply方法call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。call()方法与apply()方法类似只是call()传入参数列表，而apply()传入数组这么说很迷，举个例子function Animal() { this.name = 'Animal'; this.age = 0; this.showName = function (age) { console.log(this.na

Symbol类型首先这是数据类型，和Number、String等一样，但是不同的是Symbol()函数不能与 new 关键字一起作为构造函数使用。Symbol函数的出现是为了解决重名的问题，举一个简单的例子。let a = 'Jack';let b = 'Jack';console.log(a == b);很明显答案为true，但是世界上肯定会有两个人都叫Jack对吧，那如果我们需要a的数据，如何避免拿成b的呢，一般我们的方法都是加上前缀或者后缀来区分，比如Jack1、Jack2……，但是Sy

模板字面量众所周知，我们可以在``里面使用${}进行占位的操作就像下面这样let name = 'Jack';let str = `Welcome ${name}`; // 这里为`` 而非''console.log(str); // Welcome Jack那么配合innerHTML我们和``的特性我们就可以在JS页面里面写HTML代码let name = 'Jack';document.body.innerHTML = `<span>Hello ${name}, Wel