- 博客(97)
- 收藏
- 关注
原创 echarts饼图--series.label.formmatter自定义配置--不识别html问题
效果图配置代码: label.formmatterformmatter 回调函数要配合rich 属性 option3: { title: { text: '各优惠券领取比', left: 'center', }, tooltip: { trigger: 'item', }, legend: { orient: 'vertical',
2021-12-09 18:19:56
6154
原创 【封装echarts】vue中使用echarts
遇到的问题:刷新变大**屏幕resize **echarts 自适应父组件中使用echarts组件<template> <div> <div :id="chartId" :style="{ width: width, height: height }"></div> </div></template><script>export default { name: 'MyChart
2021-12-08 17:49:06
903
原创 原生部分字体变色, 文字超出隐藏,出现展开更多
<span class="text " v-html="Description"> </span> description: '温馨提示:如因赛事延期而无法继续参赛,可选择“保留”参赛名额至2022上海马拉松,或选择“退赛”,报名费将于7个工作日内原路退回支付账户。赛事延期可继续参赛的跑者无需操作。', Description: '', mounted() { console.log(this.description.length) .
2021-11-08 22:34:12
104
原创 局部禁用鼠标 兼容性写法
局部禁用鼠标兼容性写法 var game = document.querySelector('.game') // 禁用右键 game.oncontextmenu = new Function( 'event.preventDefault?event.preventDefault():event.returnValue=false' ) // 禁用选择 game.onselectstart = new Function(
2021-10-26 18:39:20
92
原创 Javascript(一) -- 基础
1- js引入行内式内嵌式外部js引入2- 变量变量:是存放数据的容器, 通过变量名来获取和修改数据;本质:变量是程序在内存中申请的一块用来存放数据的空间;3- 变量的使用声明变量赋值声明变量并赋值叫做 变量的初始化 var name = prompt('请输入您的名字')更新变量,会被最新的赋值覆盖声明多个变量 var age=28 , address='00000 , email = 'kakaxi@qq.com '只声明不赋值, 结果是undefined var sex
2021-10-14 18:53:46
95
原创 Http的Header里面包含哪些字段,http和https 的区别
一 、Http的Header里面包含哪些字段二、http和https 的区别参考视频
2021-10-12 17:12:09
1767
原创 Node 学习笔记
Node 学习笔记一 Node 基础node 执行外部js 文件, cd 到所在文件夹, node hello.js ;文件路径复杂, 可以在文件路径拦输入: cmd , 直接打开终端并带有路径;Node 是js 编写, 最初是为了高性能web服务器二 模块化Node中, 一个js 文件就是一个模块,, 每一个js文件都是独立运行在一个函数中,不是全局作用域,一个模块中的变量喝函数在其他模块中无法访问ES5 有模块化, ES5 没有模块化系统,ES6 有模块化系统引入外部模块:
2021-09-26 19:02:48
143
原创 修改滚动条样式
修改滚动条样式.box { width: 800px; border-radius: 0 0 8px 8px; max-height: 400px; overflow-y: scroll;}.box::-webkit-scrollbar { width: 10px; height: 10px; /**/}
2021-08-26 14:14:37
75
原创 form错误锚点 -- scrollIntoView 添加动画
锚点思路: 找到错误元素,定位到第一个, 给元素加上ID,然后锚点定位过去this.$refs[formName].validate(valid => { if (valid) { this.postInfo() } else { var errorAddress = document.getElementsByClassName('el-form-item is-error')[0] errorAddre
2021-08-25 15:19:47
832
转载 forEach() map()— —更新数组 filter()、includes()、find()、findIndex()— —筛选(删除)数组 some()、every()— 判断数组 reduce
forEach()map()— —更新数组filter()、includes()、find()、findIndex()— —筛选(删除)数组some()、every()— —判断数组reduce()— —叠加数组arr.forEach()遍历数组全部元素,利用回调函数对数组进行操作,自动遍历数组.length次数,且无法break中途跳出循环因此不可控不支持return操作输出,return只用于控制循环是否跳出当前循环因此难操作成新数组,新值,故不作多分析示例:var arr = [
2021-08-16 17:10:52
354
原创 element menu子菜单默认展开&&高亮
一切交给路由router一 、层级导航布局element 默认展开子菜单,刷新路由展开子菜单,子菜单自动高亮默认展开的组: default-openeds属性控制 === 值为数组defaultMenu包含所有的submenu 的index值默认高亮的子菜单有属性active控制, active: currentMenu === menu.linkName<template> <div class="nav-menu"> <el-menu
2021-07-26 23:09:56
6830
原创 element-UI打开 dialog 抖动
抖动原因:1. body 多了一个class 属性el-popup-parent-hidden, 加上了padding-right:15px;2.打开dialog 时, 通过右下角的div 盒子,确认盒子宽度有 1905px变成了1920px,相差15px;解决办法: 在入口文件 public == index.html 中 加上样式: body { padding-right: 0px !important; overflow: hidden; }.
2021-07-26 14:03:39
732
原创 vue 前端控制 保持30分钟登录状态
时间戳 vue 前端控制 保持30分钟登录状态router.beforeEach((to, from, next) => { /* 路由发生变化修改页面title */ if (to.meta.title) { document.title = to.meta.title } // if (to.path == '/login') { // //保存当前路由 // localStorage.setItem('preRoute', router.currentR
2021-07-20 14:30:07
1025
原创 vue-awesome-swiper
效果: 鼠标拖动, 自动上下滚动使用,awesome-swiper是基于swiper, 需要下载两个插件: 注意版本: "swiper": "4.5.1", "vue-awesome-swiper": "3.1.3",效果实现 思路:将接口数据修改成二维数组: getHonor() { this.$apis.volunteer.getHonor({ }).then(({ data }) => { var len = data.list.length
2021-07-20 12:01:18
510
原创 微信多开的两种方式
微信多开方式一: bat 文件(体验最佳)情境一: 默认安装未修改安装路径:安装路径: 微信快捷方式右击鼠标属性==目标地址:“C:\Program Files (x86)\Tencent\WeChat\WeChat.exe”@echo offstart C:\"Program Files (x86)"\Tencent\WeChat\WeChat.exestart C:\"Program Files (x86)"\Tencent\WeChat\WeChat.exeexit // 写几行
2021-07-14 13:59:00
1003
原创 前端打印功能
前端打印功能代码: print() { var newstr = document.getElementById('group').innerHTML document.body.innerHTML = newstr window.print() window.location.reload() return false },
2021-06-21 18:38:45
126
原创 前端VUE 项目中 AES 加密
前端 VUE项目 AES加密1. 明确 加密规则 加密方式方法:js-sha256, md5, crypto-js下载依赖npm install crypto-jsnpm install blueimp-md5npm install js-sha256引入依赖import md5 from 'blueimp-md5'import CryptoJS from 'crypto-js'import { sha256 } from 'js-sha256'2. 封装 加密方法参数
2021-06-02 18:08:59
884
原创 js 一键下载多个文件 pdf dox混合
效果:一键下载打开了PDF文件和dox代码:注意: 单独处理pdf , 不然会出现只能打开pdf 或最后一个 go() { // window.open(this.confirmation_download, '_self') this.confirmation_download.forEach((url, index) => { if (url.indexOf('.pdf')) { window.open(url) //单独打开p
2021-03-10 18:29:12
726
原创 Invalid array length
问题报错: Invalid array length原因数组长度为负数team_total 和 sub_total 是有接口获取的数据, 在接口数据返回前渲染的时候, 两个数据还没有获取到, 去计算: 减去数组的长度, 使数组长度前加了负号, 数组长度为负数会报错。下图: 对数组长度做判断是错的, 我们应该对 接口返回的数据 total做判断解决办法: 对数组长度做判断是错的, 我们应该对 接口返回的数据 total做判断...
2021-01-25 15:42:38
11099
原创 vue-video-player 点击视频暂停播放
template: <div class="playArea"> <video-player ref="videoPlayer" :playsinline="true" :options="playerOptions" @pause="onPlayerPause($event)" @play="onPlayerPlay($event)" @ende
2021-01-20 12:32:40
8169
3
原创 IOS不兼容超出部分省略号 且页面显示不起作用 行数限定无作用
IOS不兼容超出部分省略号 且页面显示不起作用 行数限定无作用换成下面的写法 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;...
2021-01-20 11:48:54
959
原创 文字两端对齐
文字两端对齐 display: inline-block; text-align: justify; text-align-last: justify;
2021-01-18 15:01:00
106
原创 vue-draggble 插件
github地址需求: 队员相互切换,----------- 正式和正式----------- 替补和正式----------- 替补和替补效果图:思路: 正式队员一组draggble, 替补队员一组draggble,正式队员 8人, 替补 2人 通过change事件控制数量,控制数据的上流和下流...
2021-01-15 17:43:28
234
原创 background-image使用配置别名 alias需要加~
在组件内的style里的css,background-image使用别名的时候需要加~,且图片地址不需要加引号.item_back {background-image: url(~assets/images/2-1.png);background-size: 100% 100%;}
2020-12-21 16:10:03
752
原创 vue-cropper 跨域 本地上传 网络图片 裁剪
vueCropper 分两种方式 本地上传 和 网络图片上传(如 : CDN)本地上传思路: 将本地文件file转base64 给cropper处理, 不会出现跨域步骤一: Dom : input 选择器步骤二 : 获取file changeUpload(e) { this.file = e.target.files[0] const isLt5M = this.file.size / 1024 / 1024 < 5 if (!isLt5M)
2020-12-17 21:48:13
1271
原创 react 中 Rap2的使用
谢谢,easymock指望不上了第一步: 新建接口 会产生 接口 ID第二步: 获取接口数据的方式, 将interfaceId 替换为 上面生成的接口ID以获取单个接口数据为例:http://rap2api.taobao.org/app/mock/data/18123'第三步:简单封装axiosimport axios from "axios";import qs from "qs";let http = { post: "", get: "",};http.post
2020-12-02 16:44:52
1346
7
原创 npm install
npm install save 和 dev 用法npm install 不会写入依赖到package.json , 别人跑不起来npm install -g xxx 全局安装到 profix , 不会写入依赖npm install -save xxx npm install xxx -S 生产环境 会写入依赖到package.json /dependenciesnpm install --dev
2020-12-02 14:37:05
108
原创 react性能优化
1–子组件生命周期函数 进行性能优化 shouldComponentUpdate(nextProps, nextState) { if (nextProps.content !== this.props.content) { return true } else { return false } }
2020-12-02 14:19:04
96
原创 react 渲染识别html 标签 dangerouslySetInnerHTML
dangerouslySetInnerHTML={{ __html:item}} // -------------------------------1 this.state.List.map((item, index) => { return ( <li key={item + index} onClick={() => { this.deleteItem(index) }} dangero..
2020-12-02 11:36:36
616
1
原创 react & 父子组件传值校验 & 设置默认值
父子组件传值校验 & 设置默认值import PropTypes from 'prop-types'在class 类外面:1-传值校验子组件名.propTypes= { avname= PropTypes.number.isRequired content:PropTypes.string, index:PRopTypes.number}2-设置默认值子组件名.defaultProps = { avname:'松岛枫’}...
2020-12-02 11:07:35
599
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人