随笔分类 -  vue

摘要:<head> <title></title> <meta name="keywords" content=""> <meta name="description" content=""> </head> let head = document.getElementsByTagName('head') 阅读全文
posted @ 2021-12-23 17:26 待炒的鱼 阅读(649) 评论(0) 推荐(0)
摘要:1.要实现浏览器录音功能,用的最广泛的插件是 js-audio-recorder 先附上插件文档: (1)http://recorder.api.zhuyuntao.cn/Recorder/start.html (2)https://www.e-learn.cn/topic/3748900 先排两个 阅读全文
posted @ 2021-12-17 14:01 待炒的鱼 阅读(1090) 评论(0) 推荐(0)
摘要:1.安装swiper(默认安装最新版本) npm i swiper 2.安装vue-awesome-swiper(这里需要指定版本 有坑) npm install swiper vue-awesome-swiper@3.1.3 --save 3.页面使用 <template> <div class= 阅读全文
posted @ 2021-12-11 11:29 待炒的鱼 阅读(1474) 评论(0) 推荐(0)
摘要:1.先附上有道产品文档地址 https://ai.youdao.com/DOCSIRMA/html/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E7%BF%BB%E8%AF%91/API%E6%96%87%E6%A1%A3/%E6%96%87%E6%9C%AC%E7%B 阅读全文
posted @ 2021-07-31 10:04 待炒的鱼 阅读(1374) 评论(1) 推荐(0)
摘要:1、安装引入Animate.css npm install animate.css --save 2、在main.js中导入并全局使用Animate.css: import animated from 'animate.css' Vue.use(animated) <template> <div c 阅读全文
posted @ 2021-06-09 16:12 待炒的鱼 阅读(559) 评论(0) 推荐(0)
摘要://npm安装scrollReveal npm install scrollreveal //引入到组件中 import scrollReveal from ‘scrollreveal’; //在data中注册 data () { return { scrollReveal: scrollRevea 阅读全文
posted @ 2021-06-09 15:43 待炒的鱼 阅读(1344) 评论(0) 推荐(0)
摘要:首先下载 scrollReveal.js 文件并引入 链接:https://pan.baidu.com/s/12MsskovbVZ3EAMKcugu0zw 提取码:v18x 简单实例demon <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
posted @ 2021-06-09 15:32 待炒的鱼 阅读(1263) 评论(0) 推荐(0)
摘要:1.脚手架中安装mqtt npm install mqtt --save 官方有一个例子: var mqtt = require('mqtt') var client = mqtt.connect('mqtt://test.mosquitto.org') client.on('connect', f 阅读全文
posted @ 2020-07-25 16:59 待炒的鱼 阅读(13687) 评论(1) 推荐(0)
摘要:本文包含在vue项目中如何使用echarts,以及项目中经常会遇到的图表样式的写法 https://echarts.baidu.com/echarts2/doc/example.html (echart实例,包含饼状图、柱状图等等图表例子,你可以找到你所需要的图表类型) https://echart 阅读全文
posted @ 2019-12-03 13:09 待炒的鱼 阅读(5992) 评论(1) 推荐(0)
摘要:第一部分:项目中引入lib-flexible 一、项目中安装lib-flexible $ npm install lib-flexible 二、查看是否安装完成 1.打开packge.json文件,找到dependencies对象,如下: 1 "dependencies": { 2 "lib-fle 阅读全文
posted @ 2019-12-03 11:25 待炒的鱼 阅读(1566) 评论(0) 推荐(0)
摘要:Vuex学习总结 安装:具体思路: 1.导入vuex插件 2.创建vuex的js文件(具体操作在这里完成) 3.在man.js中全局引用 npm install vuex --save 然后 在src文件目录下新建一个名为vuex的文件夹,为方便引入并在vuex文件夹里新建一个store.js,里面 阅读全文
posted @ 2019-12-03 11:22 待炒的鱼 阅读(151) 评论(0) 推荐(0)
摘要:在vue里引入element-ui或mint-ui 安装element-ui 一、在项目路径下安装element-ui,运行命令: npm install element-ui -s 二、项目导入 element-ui 修改main.js文件 import ElementUI from 'eleme 阅读全文
posted @ 2019-12-03 11:22 待炒的鱼 阅读(360) 评论(0) 推荐(0)
摘要:vue项目使用html2canvas实现屏幕截图 首先引入html2canvas的js文件 <script type="text/javascript" src="https://cdn.bootcss.com/html2canvas/0.4.1/html2canvas.js"></script> 阅读全文
posted @ 2019-12-03 11:22 待炒的鱼 阅读(3540) 评论(0) 推荐(0)
摘要:Vue 实现复制功能,不需要任何结构内容直接复制方式 介绍: 在做复制文档功能时,考虑到是个不太会复用的小功能,最后选择直接用 document.execCommand 方法实现。 在查阅资料时候,发现其他人都需要在页面上写上结构、ID。然后捕捉某个ID获取内容,感觉很不方便。 使用: 1 meth 阅读全文
posted @ 2019-12-03 11:21 待炒的鱼 阅读(469) 评论(0) 推荐(0)
摘要:1.限制输入位数问题 在input标签中写上 oninput即可,例如限制6位数 <input type="number" oninput="if(value.length > 6)value = value.slice(0, 6)" v-model="egc_unit_pricce" placeh 阅读全文
posted @ 2019-12-03 11:13 待炒的鱼 阅读(3424) 评论(0) 推荐(0)
摘要:html引用ttf字体文件 在样式表如此定义: @font-face { font-family: MyFontName;//自定义字体名称 src: url(../Gloss_And_Bloom.ttf) } 然后,具体使用: <div style="font-family:MyFontName; 阅读全文
posted @ 2019-11-28 14:08 待炒的鱼 阅读(3016) 评论(0) 推荐(0)
摘要:vue实现复制功能 copy () { var _input = document.createElement("input"); // 直接构建input _input.value = this.egc_token; // 设置内容 document.body.appendChild(_input 阅读全文
posted @ 2019-11-28 14:07 待炒的鱼 阅读(3704) 评论(0) 推荐(0)