HappyBiblee-优快云博客

原创 npm 相关用法记录

用npm全局安装nrmnpm install -g nrm --save查看所有可用的源带*号即为当前使用的配置nrm ls添加源nrm add 源的名称 https://地址如果想删除某个源nrm del 源的名字切换到某个源nrm use 源的名字测试源的速度nrm test测试某一个源的速度nrm test 源的名字查看当前使用的是哪个源nrm current原文出处：npm 相关用法记录；原文地址同时也是我的博客园地址，欢.

2021-09-15 08:37:42 148

原创推荐一款好用的markdown编辑器，还可以引入vue主题

typora编写markdown文件很方便，还可以选择自己喜欢的主题，或者自己手动外部引入喜欢的主题，比如引入与Vue官方文档类似的主题，看起来很简洁舒服，推荐给大家。typora官网引入vue主题原文出处：推荐一款好用的markdown编辑器，还可以引入vue主题；原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~...

2021-09-14 16:17:11 311

原创 css 自定义鼠标默认样式

body { cursor: url("../../assets/images/mouse.png"),auto;}原文出处：css 自定义鼠标默认样式；原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~

2021-09-14 16:14:49 350

原创新版 animate.css 在vue中的正确使用

网上有很多vue中引入animate.css的教程，但是都是旧版的不生效，新版的animate.css的用法如下：npm i animate.css -D// main.jsimport animate from 'animate.css'Vue.use(animate)<div class="animate__animated animate__bounce animate__delay-2s">Example</div

2021-09-14 16:12:17 187

原创 vue-cli3 导入.md文件，vue中markdown文件的解析与渲染

package.json文件中添加以下依赖，然后重新运行npm install"vue-template-compiler": "2.6.10","github-markdown-css": "^4.0.0","highlight.js": "^10.5.0","html-loader": "^1.3.2","markdown-it": "^12.0.4","markdown-it-container": "^3.0.0","markdown-loader": "^6.0.0","vue.

2021-09-14 16:09:22 769

原创 vue-color 颜色选择器插件用法介绍

// 首先安装依赖npm i vue-color<div> <div>color-picker</div> <p>Chrome</p> <chrome-picker v-model="colors" /> <p>Sketch</p> <sketch-picker v-model="colors" /> <p>Photoshop</

2021-09-14 15:58:27 941

原创 js判断数组中是否包含某个元素

方法1：arr.indexOf(element)：判断数组中是否存在某个值，如果存在，则返回数组元素的下标(第一个元素)，否则返回-1；let fruits = ["Banana", "Orange", "Apple", "Mango"]let a = fruits.indexOf("Apple")console.log(a) // 2方法2：array.includes(searcElement[,fromIndex])：判断数组中是否存在某个值，如果存在返回true，否则返回false；l

2021-09-14 15:51:42 5739

原创一些好看的渐变色（配色）网站推荐

uigradientsmycolor spacecoolhuegradientbuttonscolorkitwebgradientsnipponcolorszhongguosematerialpalettepalettescoolbackgroundswebdesignrankingsbrandcolorspalettableschemecolor原文出处：一些好看的渐变色（配色）网站推荐；原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~...

2021-09-14 14:40:07 1595 1

原创升级Vue3注意事项记录 Vue3都需要升级些什么

sass语法的使用控制台报错：Syntax Error: TypeError: this.getOptions is not a function原因：版本问题，sass-loader的版本过新，安装10.1.1版本即可解决；路由跳转问题路由不跳转：原因：App.vue中别忘了加上 <router-view></router-view>//router: index.jsimport { createRouter,createWebHashHistory} fr

2021-09-14 14:13:55 219

原创 TypeScript VSCode中的ts文件鼠标移上去报“函数实现重复”警告解决方案

在项目根目录运行：tsc --init之后项目根目录会自动生成一个tsconfig.json文件，你再回到ts文件里就不会有报红线的“函数实现重复”警告了，是不是很简单~原文出处：typescript VSCode中的ts文件鼠标移上去报“函数实现重复”警告解决方案原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~...

2021-09-14 14:09:23 1635

原创 Vue3 Composition API 中使用 Vuex

Vue3 Composition API 中使用 Vuex下面是一个Vue3 Composition API 中使用Vuex的实例todoList，用到了state，mutations，actions，可以把自己之前用vue2的旧语法改写成vue3的语法，使用setup，ref, reactive, toRefs，useStore等，完整代码指路：github: color-library；原文出处：Vue3 Composition API 中使用 Vuex；<!-- todoList.vue

2021-09-14 13:56:35 745

HappyBiblee