随笔分类 -  前端

vue、css、js
vue项目全局修改字体
摘要：一、下载自己所需要的字体，创建font.css文件，内容如下: 代码： @font-face { font-family: 'MSYH'; src: url('MSYH.TTF'); font-weight: normal; font-style: normal; } 二、在APP.vue文件中引入 阅读全文
posted @ 2020-12-29 15:16 糊涂蜗牛 阅读(3580) 评论(0) 推荐(0)
vue项目使用iframe嵌入另一个vue项目的页面
摘要：一、需求：2个vue项目使用的一个登录界面，要共用token 二、需求原因：因为前端vue管理界面是菜单一个系统和内容一个系统， 最开始登录也是另外一个系统。 现在登录系统不单独做一个独立系统，因为登录URL跳转容易被钓鱼，就打算把登录写在菜单的vue项目。 三、遇到问题：因为是两个vue项目，现在 阅读全文
posted @ 2020-11-10 15:32 糊涂蜗牛 阅读(21147) 评论(0) 推荐(2)
vue中解决chrome浏览器自动播放音频 和MP3语音打包到线上
摘要：一、vue中解决chrome浏览器自动播放音频 需求 有新订单的时候，页面自动语音提示和弹出提示框； 问题 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。严格地来说，是Chrome不允许在用户对网页进行触发之前播放音频。不光是这样，在页面加载完毕的情况下，用户没有c 阅读全文
posted @ 2020-09-24 10:20 糊涂蜗牛 阅读(5547) 评论(2) 推荐(0)
vue中，使用 es6的 ` 符号给字符串之间换行
摘要：我这里分功能是点击“复制范围”，就相当于复制图上的坐标点一样的数据和格式； “复制功能”的代码如下： copyPoints() { const vm = this; let pointsString = ''; vm.lnglatpoints.map(e=>{ //这里使用ES6的 ` 符号+换行符 阅读全文
posted @ 2020-08-24 13:56 糊涂蜗牛 阅读(7042) 评论(0) 推荐(0)
vue显示后端传递的图片流
摘要：一、显示部分（组件我使用的vuetify） <template> <v-container fluid> <v-card width="100%" max-width="100%" class="mb-5"> <div class="mb-2 d-flex align-center justify- 阅读全文
posted @ 2020-07-30 09:29 糊涂蜗牛 阅读(7132) 评论(0) 推荐(0)
最全vue的vue-amap使用高德地图插件画多边形范围
摘要：一、在vue-cli的框架下的main.js(或者main.ts)中引入高德插件，代码如下： import Vue from 'vue' import VueAMap from 'vue-amap' import ElementUI from 'element-ui' import App from 阅读全文
posted @ 2020-07-17 09:28 糊涂蜗牛 阅读(12105) 评论(4) 推荐(0)
vue+elementUI实现 分页表格的单选或者多选、及禁止部分选择
摘要：一、vue+elementUI实现 分页表格前的多选 多选效果图： 代码如下： <el-table ref="multipleTable" :data="listData" tooltip-effect="dark" :default-sort="{ prop: 'date', order: 'de 阅读全文
posted @ 2020-07-03 17:10 糊涂蜗牛 阅读(3055) 评论(0) 推荐(0)
vue项目的elementui的form表单label的对齐方式和 el-date-picker 的长度设置
摘要：1、先按照官网的 :label-position 属性玩了一下毫无效果；发现单独使用这个属性是无效的，必须和 label-width 属性一起使用才生效； 如： <el-form :model="form" :rules="rules" ref="form" inline label-positio 阅读全文
posted @ 2020-06-22 17:19 糊涂蜗牛 阅读(10760) 评论(0) 推荐(0)
vue+elmentUI项目的正则判断
摘要：一、为了方便重复利用管理，我创建一个regExp.ts文件来管理正则的表达式,内容如下： 1 /* eslint-disable */ 2 const phoneNumberRegExp = /^[1|9][3|4|5|6|7|8|9][0-9]\d{8}$/ 3 const passwordReg 阅读全文
posted @ 2020-06-16 13:02 糊涂蜗牛 阅读(621) 评论(0) 推荐(0)
最新vue项目添加水印
摘要：在utils文件夹中创建 wartermark.ts 文件（位置看自己的组件放那，这都行），内容如下： 1 "use strict"; 2 3 const setWatermark = (str: any) => { 4 const id = "1.23452384164.123412416"; 5 阅读全文
posted @ 2020-06-10 14:20 糊涂蜗牛 阅读(851) 评论(0) 推荐(0)
为自己的博客园博客添加L2Dwidget.js看板娘
摘要：如果是博客园，直接在设置-->页脚 HTML 代码，加上下面代码： 1 <!-- L2Dwidget.js L2D网页动画人物 --> 2 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/ 阅读全文
posted @ 2020-06-03 11:08 糊涂蜗牛 阅读(874) 评论(0) 推荐(0)