- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 更改el-tabs的文字大小样式等
.container /deep/ .el-tabs__nav-scroll{ background-color: aqua; line-height: 65px; height: 65px;}.container /deep/ .el-tabs__nav{ font-size: 29px; line-height: 65px; height: 65px;}.container /deep/ #tab-first{ line-height: 70px;
2022-03-17 14:23:10
1789
转载 vue中$router的接受传递参数--query和params区别
vue中$router的接受传递参数–query和params区别https://blog.csdn.net/weixin_43902063/article/details/109169672记录，感谢
2022-03-14 15:44:07
118
原创 uni-app使用video组件碰到的一系列问题记录
第一，网速慢，获取不了视频，真机调试播不了，但是浏览器是可以的<view class="card" v-for="(item,index) in videolist" :key='index'">success: (res) => { console.log(res,'res.data'); var videolist = res.data.result this.videolist = [] var VideoFile = ['./load1.mp4','./load2
2022-03-05 09:56:51
2555
1
原创 vue使用scss文件，直接在.vue文件中使用
低版本cli解决办法:自己突发奇想，结合自己以前的项目，也想直接引用scss，而不需要配置那么多。先给上以前版本的cli使用的方法吧：点击进入高版本cli：本人vuecli的版本为 "@vue/cli-service": "~4.5.0",本人vue版本为："vue": "^2.6.11",参考vue官方：点击进入随便找个路径创建一个.scss文件代码如下$bg_color:rgb(204, 41, 41);$size:88px;如图所示：在vue.config.js文件夹
2022-02-24 16:52:18
1036
原创 使用querySelector和getElementById
记录一下这俩的使用//如下一个div<div id='tabs'></div>document.getElementById('tabs')document.querySelector('#tabs')
2022-01-07 13:39:34
431
原创 在vue中使用animate.css
以前的使用方法改了，还是看了文档才知道怎么用官网链接当然vue有支持的动画，可自行翻越官网这是在vue-cli项目中直接下载依赖，现在应该没有直接创建一个html文件的吧控制台：npm install animate.css --savemain.js中：import animated from 'animate.css' … Vue.use(animated)<template> <div class="mainbox"> <transitio
2021-11-23 14:04:50
628
原创 在vue中使用ckeditor富文本，实现上传本地图片
哦，俺使的是ckeditor4-vue，应该差不多吧，记录一下吧，有同样用这个插件的大佬也可以跟着一起研究一下（废话不多说）下载安装ckeditor4-vuenpm i ckeditor4-vue@1.0.1或者"ckeditor4-vue": "^1.0.1",将这个代码放到package.json中，然后npm i想要实现本地图片，最重要的就是（反正我这最重要）"ajax-hook": "^2.0.3",安装这个玩意至于ckeditor的使用在main.js中：import CKEdit
2021-11-18 19:44:57
2759
原创 js获取当前时间并且格式化（YYYY-MM-DD HH:ss:mm）
两种方法：1.直接复制代码，直接封装好获取当前的时间getTime() { Date.prototype.Format = function(fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), /
2021-11-12 14:30:30
4750
原创 el-upload上传文件的问题
废话不多说，额，说一下吧，要不自己脑子不好使，过两天就看不懂了需求就是贼简单的上传，不同的是需要同时上传，后续再次展示 <div class="nb-or"> <el-upload ref="pictureUpload" // 这里暂时没用。 :limit="1" // 限制上传文件的数量， :action
2021-11-10 08:42:10
407
原创 路由跳转this.$router，this.$route
vue路由直接打印一下this在控制台点击展开vue组件，里面有 $ router和 $ route，有什么区别呢来看一下$route中的prototype中的方法再看一下 $ router中的方法.$ route为当前router跳转对象里面可以获取name、path、query、params等$ router为VueRouter实例，想要导航到不同URL，则使用$router.push方法也可以携带参数：this.$router.push({ path:"/deta
2021-10-25 17:46:25
439
原创 vue项目修改element-ui的el-dropdown的显示隐藏
项目需求通过点击小铃铛，显示dropdown的el-dropdown的el-dropdown-menu，也就是白色背景的框再次点击消息接收管理实现另一个菜单的出现和隐藏，同时把el-dropdown-menu隐藏其实这个好实现，直接把消息通知和消息接收管理写入一个el-dropdown-item标签中就行,点击就隐藏这一项是element默认为true的<el-dropdown-menu slot="dropdown" class="project-dropdown" :style="{
2021-10-19 10:23:10
6232
原创 vue使用element的el-table表格的懒加载
因为项目的数据，逻辑比较复杂，所以需要在表格加载出来做一个懒加载就是因为逻辑复杂，刚接手的项目维护有点麻烦，耽误很长时间，加上昨天对象来找我，没休息好，搞了半天，头昏脑胀的。 (主要是res的转换问题以及渲染问题)数据分析：此项目的 数据为用户画一个圆形，筛选出图形里面包含的数据，可能多，可能少，后台没有去进行分页处理，所以前端需要自行分页<-- css样式 --> <el-table v-loading="loading"
2021-10-17 23:22:54
7151
4
原创 iconfont 怎么添加新的图标
点这里看原文（拷贝一份的原因是防止博主删除，从而找不到资源）1、官方添加新的图标到购物车里面，然后“下载代码”：2、下载，解压，在 assets 中新建一个 fonts2 的文件夹，用来存放后来下载的图标字体文件。对比之前的 fonts 下面的文件：注解：后来下载的字体图标文件，主要查看 iconfont.css 里面 @font-face 里面主要引用了哪些文件，然后把这些文件重命名（主要是防止和之前 fonts 下面的文件名冲突），全部拷贝到之前 fonts 文件夹下面。然后把后来下载的
2021-10-08 17:19:17
785
原创 vue全屏方法
// css<li :class="['map-toolbar-item',!fullscreen?'':'active']" @click="launchFullScreen()"> <i :class="['map-toolbar-icon', 'iconfont', 'iconfangda']"></i> <span class="map-toolbar-label">{{ !fullscreen?'全屏':'退出全屏' }}
2021-10-08 16:00:16
1734
原创 前端AES加密
1、创建crypto.js文件import CryptoJS from 'crypto-js';const AESKEY = 'abcdfghigklmnopq';// 16位密钥，和后端保持一致const encrypt = (text) => { let key = CryptoJS.enc.Utf8.parse(AESKEY); let encrypted = CryptoJS.AES.encrypt(text, key, { drop: 128,.
2021-09-23 14:24:38
412
原创 七牛云刷新缓存（cdn刷新）
Q：我们把图片（视频、json等等）上传到七牛云，但是当我们替换七牛云空间里的图片之后发现还是之前的资源A：解决办法有两种1. 手动刷新（适用于简单的一两个） ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210513150958450.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dlaHRlcg==
2021-05-13 15:26:33
2177
原创 vue-video-player的使用
vue-video-player的使用用到了一个视频播放插件，直接上代码了//css <video-player ref="videoplayer" :playsinline="true" @play="onPlayerPlay($event)" :options="playerOptions" > </video-player>// script
2021-05-11 11:59:05
893
原创 抖音上传视频（纯前端实现霸屏软件的功能）进店转发视频功能，详情搜索抖音霸屏软件
抖音霸屏软件抖音霸屏介绍先来介绍一下吧，嫌啰嗦的可以直接跳转>>>思路分析 ↓抖音开发文档思路分析步骤抖音霸屏介绍先来介绍一下吧，嫌啰嗦的可以直接跳转>>>思路分析 ↓1.抖音同城霸屏：可控制所有扫码用户发布视频的时间—实现片区域本地霸屏；2.蓝V号增粉：顾客扫码一键领取优惠券并自动发布视频、同时自动跳转到商家蓝V号关注并了解商家更多商品优惠内容；这是我从网上找的一些资料，好了好了，不贴图片了，我是来分享技
2021-05-08 08:43:45
2275
10
原创 css做出一个流光按钮
<!DOCTYPE html><html lang="en"><head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="0"> <meta charset="UTF-
2021-04-17 08:54:56
92
原创 vue ui（可视化界面3.0）更改端口号
在vue可视化界面（vue3.0）中是无法修改端口号的；默认是localhost://8080想要修改的话可以在vue.config.js中添加port:8089即可8089即为自己想要更改的端口号module.exports = { devServer: { // port: 8089, // 端口号 overlay: { warnings: false, errors: false }
2021-03-31 12:00:53
1255
原创 vue中echart宽度自适应
首先根据echart的官网完成图表的绘制重点来了需要在mounted钩子函数中加入一个window.onresize = （）=> {}即可此为一个图表的解决办法，仅为个人记录直接上代码吧<template> <div> <span>日期</span> <button :class="{active:shows==1}" @click="drawLine();change1()">近一周</button&
2021-03-04 10:55:01
483
1
原创 创建AJAX请求
get方法1、生成ajax对象 var xhr =null; try{ xhr = new XMLHttpRequest(); }catch(error){ xhr = new ActiveXObject('Microsoft.XMLHTTP'); }2、open方法 xhr.open('get','1.get.php?username=a&age=18&password=123abc',true);3、调用s
2021-02-06 21:44:20
170
原创 charAt(index)根据位置返回字符串（统计一个字符串中出现最多的字符和次数）
// 1.charAt(index)根据位置返回字符串 var str = 'andy'; console.log(str.charAt(3)); for (var i = 0; i <= str.length; i++) { console.log(str.charAt(i)) } //2.charCodeAt(index)根据位置返回ASCII码 console.log(str.charCodeAt(0)); //3.H5新增的 console.lo.
2021-02-05 11:56:32
555
转载 用七牛云上传图片
用七牛云上传图片最近做项目的时候有一个上传图片的需求，由于没有后端的配合，所以决定自己来搭个服务器，实现上传图片功能。以后如果需要修改成java或者php为后端，直接使用即可，而不用等到后端联调的时候再去动手。这里使用的技术为node.js + qiniu nodeJS SDK+ qiniu JS SDK + express + html5。1. 安装express 和 qiniu首先需要安装node.js，然后新建一个目录在目录下面依次执行下面的命令cnpm init cnpm install
2021-02-05 11:54:15
427
原创 uniapp中的getApp().globalDate.
获取全局变量： getApp().globalDate1.uni-app 在app.vue文件export default里面定义globalData，在其他文件则用getApp（）.globalData获取2.在当前文件（app.vue）里面获取globalData需要用this.$options.globalData获取，...
2021-01-14 11:14:14
7841
原创 用js实现一个1-10之间的数,只能猜5次，猜错提示机会用完
function getRandom(max,min) { return Math.floor(Math.random() * (max -min + 1)) + min } var random = getRandom(1 , 10); var sum = 1 while (sum <= 5) { var num = prompt('你猜一个数') ...
2020-12-01 17:30:43
790
原创 构造函数的三种方法
创建对象的方法1、构造函数就是把对象里面的一些相同的属性、方法抽象出来，封装到函数里 function Hero(name, type, blood, attack) { this.name = name; this.type = type; this.blood = blood; this.attack = attack; } var Hy = new Hero('后羿', '射手型', '100血量', '远程') var
2020-11-30 19:54:58
2927
原创 1-100所有数的和&1-100所有数的和的平均值
上图 var num = 100 var sum = 0 for (j = 1;j <= num;j++){ sum += j } console.log('1-100所有数的和为：'+sum) console.log('1-100所有数的和的平均值为：'+sum/num)
2020-11-28 22:15:45
2977
原创 使用双重for循环，来实现九九乘法口诀表
直接上代码<script> var str = '' for (i = 1; i <= 10; i++) { for (j = 1; j <= i; j++) { str += j +'x'+ i +'='+ i * j +'\t' } str += '\n' } console.log(str);</script>
2020-11-28 14:47:55
791
原创 Vue自定义指令封装title，实现隐藏和显示
自定义指令 <div class="detailtitle" v-title> <i class="iconfont icon-xiaoyuhao"></i> <span>{{动态获取数据}}</span> </div><style scoped lang="scss">.detail { margin-bottom: 0.7rem; .detailtit
2020-11-23 11:58:19
878
原创 数字转字符串，字符串转数组
数字转化为字符串：参数末尾加 +’ ’ => var a = obj.countToadyTargetNum + ‘’ ;或者 val.toString();字符串转化为数组：val.split(’’); 如：var val = ‘12138’ => val = [‘1’,‘2’,‘1’,‘3’,‘8’];如果数组是这样的：“1,2,1,3,8”，你也可以在引号里面可以写参数，比如split(’ , ') ，这就是以 ‘,’ 为界限切割成数组。笔记...
2020-11-23 11:12:15
616
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人