Vue里面计算属性computed带参数的使用方式

Scorpio_sky — Thu, 18 Jan 2024 18:30:06 +0800

最后附上结果图片及完整测试代码< template > < h2 > 计算属性是否带参 < div > 不带参：result -> {{ result }} < br /> < div > 参数为5，但使用错误会报错：errResult(5) < br /> < br /> 报错提示 errResult is not a function

关于Echarts中折线图两侧会出现多余空白的解决方案

Scorpio_sky — Wed, 17 Jan 2024 17:48:09 +0800

使用Echarts的折线图开发统计图中，发现左右两侧会留白。最后翻文档，发现在XAxis配置对象中有一个配置项。尝试使用grid配置，却不起任何作用。这玩意默认在坐标轴两边会留白。

关于在element-ui中同时使用el-input的@blur和@keyup.native.enter事件时所产生的二次函数调用问题

Scorpio_sky — Tue, 26 Dec 2023 18:35:13 +0800

在项目中使用el-input，输入内容完成后，失去焦点@blur()或按下回车后@keyup.native.enter即调用函数，此。回车键事件不调用函数，而是直接触发blur事件，这样函数只会被执行一次。，也就是说使用回车键@keyup.native.enter事件的话，只是blur事件还好，toLook函数只被触发一次。，导致函数被执行了两次。

Vue开发在作用域插槽中使用多个根标签提示[vue/no-multiple-template-root] The template root requires exactly one element.

Scorpio_sky — Sat, 09 Dec 2023 16:19:00 +0800

2、VsCode打开设置-搜索 eslint，找到图中Vetru > Validation: Template这项。如图，父组件中使用作用域插槽时，如果直接在template下直接书写多个根标签，编辑器就会报错提示。4、重启VsCode后再尝试，就没有报错了。

Vue中挂载自定义函数到全局的三种方式

Scorpio_sky — Tue, 05 Dec 2023 18:10:21 +0800

在Vue项目中，多次被使用的一些组件会被封装成全局组件在入口文件中引入并全局注册，这样一来每个页面/父组件中都能随时使用这些组件。就像这类全局组件一般，当自己有一些函数想要封装进全局以便每个页面/组件都能随时调用的话，该如何封装则有不同的几种思路。网上自己查了下，他人总结了3种方法，转载以便学习。

关于ES6 export default 和 import语句中的解构赋值

Scorpio_sky — Mon, 04 Dec 2023 18:27:42 +0800

结果发现报错，网上搜索了一番，发现需要多一个步骤才能够正常使用 ↓。在引入时，本打算就以解构的方式这么处理 ↓。

关于如何处理设置VSCode在DOM中打花括号{}}会多一个边的情况

Scorpio_sky — Sun, 03 Dec 2023 18:08:03 +0800

VSCode中，在DOM结构中插入花括号时，经常会出现下图这种左半边花括号打出来后，右半边花括号自动补了两个的情况 {}}频繁遇到这种现象还是挺讨厌的，查了下，发现设置里可以解决此现象。找到下图选项，选择beforeWhitespace。选完后重启下VSCode，再试试就可以了~搜索 closing brackets。

Vue-cli 5版本设置路径别名

Scorpio_sky — Fri, 01 Dec 2023 13:08:55 +0800

【代码】Vue-cli 5版本设置路径别名。

git常用操作（初始化、回滚、撤销、分支相关）

Scorpio_sky — Sun, 23 Jul 2023 17:10:08 +0800

把暂存区的文件提交到仓库：git commit -m “提交信息”以当前分支为基础新建分支：git checkout -b。查看提交的历史记录：git log --stat。单纯地切换到某个分支：git checkout。推送当前分支最新的提交到远程：git push。拉取远程分支最新的提交到本地：git pull。克隆仓库：git clone 删掉特定的分支：git branch -D。添加文件到暂存区：git add -A。列举所有的分支：git branch。

vscode中代码片段内，禁用代码提示

Scorpio_sky — Sat, 15 Jul 2023 14:53:19 +0800

（快捷键启动设置-> （Ctrl + ,） or （Command + ,））回来看效果，index改名i，不出现代码提示了。这边将index改名为i，则出现了代码提示。生成后，默认预设点在index变量名上。vscode -> 首选项 -> 设置。比如下图，生成for循环的代码片段。1、我只想要修改变量名称后按。2、出现了代码提示时，按了。则会优先生成提示的代码。，找到如下选项，勾上。

Npm、Yarn切换淘宝源

Scorpio_sky — Tue, 11 Jul 2023 19:56:19 +0800

淘宝源默认源。

【Npm】对已有代码项目npm install 报错，以及npm run serve 报错的原因

Scorpio_sky — Tue, 11 Jul 2023 19:48:00 +0800

这其中的符号 ^ 代表在下载该依赖时，将自动下载大于等于其的版本。比如在这边代表的是，下载less时最低版本不会低于4.1.1，但也可能下载的版本过高导致报错。经过搜查后，发现是Node的版本过高导致，这边先把当前的node卸载，然后用nvm工具进行安装管理，解决如下，将 ^ 去掉，只下当前版本，确保下载的依赖与项目所用依赖版本一致。在安装node进行npm install之后，内的某些依赖报错，似乎是版本过高的问题，

JavaScript-Promise相关个人总结（Promise、async与await、JS异步回调的宏队列及微队列、Promise面试题）

Scorpio_sky — Sat, 30 Jan 2021 19:30:33 +0800

目录Promise- 基本使用（new Promise）- Promise的resolve及reject方法（创建Promise对象的语法糖）- Promise.all（成功则返回所有promise对象的成功值，失败则返回失败对象的失败值）- ES11新增 Promise.allSettled（无论其中promise对象成功或失败，返回所有promise对象的返回状态及值）- Promise.race（返回第一个执行完毕的promise对象结果）- Promise的几个关键点* 改变promise状态* 指

JavaScript中常见的内置错误及处理方式

Scorpio_sky — Sat, 30 Jan 2021 19:28:09 +0800

目录常见的内置错误- Error，所有错误的父类型- ReferenceError，引用的变量不存在- TypeError，数据类型不正确的错误- RangeError，数据值不在其所允许的范围内- SyntaxError，语法错误错误处理- 捕获错误: try...catch- 抛出错误 throw 常见的内置错误 - Error，所有错误的父类型所有错误的父类型，一般常被主动用于throw错误输出 - ReferenceError，引用的变量不存在 // ReferenceError console.

JavaScript ES7~ES11新增语法相关个人总结

Scorpio_sky — Sat, 23 Jan 2021 19:44:50 +0800

目录ES7- includes- ** 幂运算ES8- async和await* async函数* await表达式- 对象方法扩展ES9- rest参数与spread扩展运算符- 正则扩展* 命名捕获分组* 正则断言* dotAll模式ES10- Object.fromEntries（二维数组或Map转为对象）- trimStart和trimEnd（去除字符串前面或后面的空格）- flat（多维数组转为低维数组）- flatMap（map函数功能 + 转换低维数组）- Symbol.prototype.d

JavaScript ES6新增语法相关个人总结（四）

Scorpio_sky — Sat, 23 Jan 2021 19:43:57 +0800

目录class 类- 基本使用- static 静态成员- 类继承 ES5- 类继承 ES6- class的get、set数值扩展对象方法扩展浏览器使用ES6模块化引入模块- 暴露方式（分别暴露、统一暴露、默认暴露）- 导入方式（通用方式、解构赋值、简便形式）- 创建入口文件导入 class 类 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过 class 关键字，可以定义类。基本上，ES6 的 class 可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以

JavaScript ES6新增语法相关个人总结（三）

Scorpio_sky — Sat, 23 Jan 2021 19:43:02 +0800

目录Promise基础- 基本语法- then方法- 链式调用- catch方法Set（集合）- Set相关应用Map数据结构 Promise基础 - 基本语法代码例： // 实例化Promise对象 const p = new Promise(function(resolve, reject){ setTimeout(function(){ let data = '请求成功的数据' // 请求成功，调用resolve resolve(data) // let err = '请求失败'

JavaScript ES6新增语法相关个人总结（二）

Scorpio_sky — Sat, 23 Jan 2021 19:42:26 +0800

目录第7种数据类型，Symbol- Symbol创建对象属性- Symbol内置的值迭代器，for...of- 基本使用及实现原理- 使用迭代器自定义遍历对象生成器函数- 生成器函数传参- 生成器函数-模拟请求数据第7种数据类型，Symbol Symbol 的值是唯一的，用来解决命名冲突的问题 Symbol 值不能与其他数据进行运算 Symbol 定义的对象属性不能使用for…in循环遍历，但是可以使用Reflect.ownKeys 来获取对象的所有键名 - 代码例： // 创建Symbol let

JavaScript ES6新增语法相关个人总结（一）

Scorpio_sky — Sat, 23 Jan 2021 19:40:42 +0800

目录数组及对象的解构新的声明字符串的方式 ``箭头函数- 箭头函数体中的this指向- 不能作为构造实例化对象- 不能使用 arguments 变量- 箭头函数的简写- 箭头函数总结函数形参默认值rest参数「...」扩展运算符扩展运算符的应用数组及对象的解构 - 代码例： // 数组的解构 const arr = ['sky', 'jack', 'tom', 'mary'] let [sky, jack, tom, mary] = arr console.log(sky) // 'sky' conso

Vue响应式原理的解析过程

Scorpio_sky — Wed, 06 Jan 2021 20:44:51 +0800

本文仅用于个人学习过程中的总结巩固 html

js const app = new Vue({ el: '

Scorpio_sky的博客