朱同學8245-优快云博客

依靠 pnpm 使用脚手架创建 vue 项目时，出现了 command failed: pnpm install --reporter silent --shamefully-hoist 奇葩的报错，寻查无果，后觉察到是由于我使用的文件系统不支持硬链接所致的解决方法vue create vue-demo -m npmvue create 命令可选项：-m, --packageManager 在安装依赖时使用指定的 npm 客户端依赖于 pnpm 安装vue也是要注意磁盘文件系统的支持与.

2022-05-26 10:41:59 5452 1

原创 CSS 中的语法中存在的更简洁的方法....

首先是 margin,当我们同时使用margin:auto 与 margin-top以及其他四个方向的句子时，margin-top以及其他3个方向总会失效，所以解决这一方法的：margin-inline: auto<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e.

2022-05-25 11:41:27 141

原创关于给router-link添加点击事件失效的解决方法

在router-link标签中，仅仅用于路由的切换，而router-link会阻止其他的点击事件的存在，加上native的作用是：给组件绑定原生事件<router-link to="/" @click.native="muenSwitch(index)"> 首页</router-link>这样你就可以点击到相应的事件了...

2022-03-28 18:00:13 1923

原创解决Vue与Spring Boot前后端之间的跨域问题

安装axios：npm install axios引入axiosimport axios from ‘axios’Vue.prototype.$axios = axiosaxios.defaults.baseURL = ‘/api’接着在项目的主目录下新建：vue.config.js添加module.exports = { devServer: { host: '127.0.0.1', port: 8081, // 这个是自己本地vue.

2022-03-17 15:48:24 902

原创 vue2：Vant底部导航栏记录active，刷新页面记录active的值

话不多说，直接上代码<template> <div> <router-view/> <van-tabbar v-model="active" @change="change" fixed> <van-tabbar-item icon="home-o"> <router-link to="/L1">标签</router-link> </va.

2022-03-06 17:01:57 1223 3

原创在BootStrap的modal(模态框)中使用Select2(下拉框带搜索框)

github地址：https://github.com/ttskch/select2-bootstrap4-theme引入Selelct2的CSS文件，按路径查找其次引入Selelct2的JavaScript文件地址：https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js使用，这里我就使用几条数据<select class="single-select"> <optionvalue=.

2022-02-21 16:09:57 4689

原创纯CSS：瀑布流

使用下面两个元素控制column-count: 4;column-gap: 0;源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device.

2022-02-20 13:49:33 245

原创前端：拉动进度条，出现图片的前后对比效果

源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g.

2022-02-20 11:05:46 515

原创 Vue3使用Pinia状态

首先安装Pinia，我这里使用的是pnpmpnpm install pinia在main.js中引入Piniaimport {createPinia} from ‘pinia’创建 Pinia 的实例.use(createPinia())创建一个文件在vue中引用批量改变数据，使用Pinia.$patch改变使用actions，在counter.js在Vue中使用getters在Vue中不过我更喜欢vuex，使用起来方便一下，可能是个人喜好哈，小编有一篇文

2022-02-14 11:40:26 558

原创 vue2常用的几种组件通信方式

props父页面<template> <div>  <toxinzi :name="name"/> </div></template><script>import toxinzi from './toxin-zi.vue'export default { components:{ toxin.

2022-01-14 18:46:33 184

原创 Vue2使用vue-awesome-swiper实现轮播图

首先安装依赖包pnpm install swiper@5.0 vue-awesome-swiper -S看官方文档：在Vue2中使用5版本或5版本以下的,在Vue3中使用大于6版本的// import style (>= Swiper 6.x)import 'swiper/swiper-bundle.css'// import style (<= Swiper 5.x)import 'swiper/css/swiper.css'这里我使用的是5版本的,不同的版本，它的引入c

2022-01-14 11:14:36 1302

原创 vue中使用Sortable.js实现拖拽功能

安装Sortable.jsnpm install sortablejs --save<template> <div id="box">  <div ref="item1" class="box"> <div>item 1</div> <div>item 2</div> <div>item 3.

2022-01-06 17:43:06 1757

原创 ImageMagick的安装以及图片的转换格式

ImageMagick是一个免费的创建、编辑、合成图片的软件。它可以读取、转换、写入多种格式的图片。图片切割、颜色替换、各种效果的应用，图片的旋转、组合，文本，直线，多边形，椭圆，曲线，附加到图片伸展旋转。官网地址https://imagemagick.org/script/download.php点击windows任选一个自己的版本安装成功，进行测试启动cmd命令行这样就转换了图片的格式了详细的教程：https://imagemagick.org/scrip.

2022-01-06 14:18:05 425

原创 Vue实现切换路由顶部有缓存进度条

安装 nprogresspnpm install --save nprogress在main.js中添加// 网页顶部动态条import NProgress from 'nprogress'import 'nprogress/nprogress.css'//切换路由router.beforeEach((to,from,next)=>{ // 开启进度条 NProgress.start() next()})router.afterEach(() =&.

2022-01-06 12:47:19 446

原创在Vue3中使用cropperjs进行图片的裁剪

代码<template> <div id="Box"> <h3>预览</h3>  <div class="before"></div>  <el-button @click="sureSava">裁剪</el-button> <div class="box"> .

2022-01-06 11:15:20 5429

原创在Android Studio的标题栏添加自己需要的标题

首先找到主配置文件 AndroidManifest.xml其次在页面中添加这个<activity // 这个是你自己的页面想要添加的 android:name="Title.Title4" android:exported="false" // 就是显示的标题 android:label="意见反馈" />...

2021-12-28 10:37:49 2711

空空如也

空空如也