- 博客(97)
- 收藏
- 关注
RSS订阅原创 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
6805
原创 【封装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
971
原创 原生部分字体变色， 文字超出隐藏，出现展开更多
<span class="text " v-html="Description"> </span> description: '温馨提示:如因赛事延期而无法继续参赛，可选择“保留”参赛名额至2022上海马拉松，或选择“退赛”，报名费将于7个工作日内原路退回支付账户。赛事延期可继续参赛的跑者无需操作。', Description: '', mounted() { console.log(this.description.length) .
2021-11-08 22:34:12
136
原创 局部禁用鼠标 兼容性写法
局部禁用鼠标兼容性写法 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
137
原创 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
128
原创 Http的Header里面包含哪些字段，http和https 的区别
一 、Http的Header里面包含哪些字段二、http和https 的区别参考视频
2021-10-12 17:12:09
1872
原创 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
176
原创 修改滚动条样式
修改滚动条样式.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
108
原创 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
891
转载 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
383
原创 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
7113
原创 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
832
原创 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
1124
原创 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
553
原创 微信多开的两种方式
微信多开方式一： 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
1216
原创 前端打印功能
前端打印功能代码： print() { var newstr = document.getElementById('group').innerHTML document.body.innerHTML = newstr window.print() window.location.reload() return false },
2021-06-21 18:38:45
161
原创 前端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
938
原创 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
788
原创 Invalid array length
问题报错： Invalid array length原因数组长度为负数team_total 和 sub_total 是有接口获取的数据， 在接口数据返回前渲染的时候， 两个数据还没有获取到， 去计算： 减去数组的长度， 使数组长度前加了负号， 数组长度为负数会报错。下图： 对数组长度做判断是错的， 我们应该对 接口返回的数据 total做判断解决办法： 对数组长度做判断是错的， 我们应该对 接口返回的数据 total做判断...
2021-01-25 15:42:38
11406
原创 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
8609
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
1085
原创 文字两端对齐
文字两端对齐 display: inline-block; text-align: justify; text-align-last: justify;
2021-01-18 15:01:00
138
原创 vue-draggble 插件
github地址需求： 队员相互切换，----------- 正式和正式----------- 替补和正式----------- 替补和替补效果图：思路： 正式队员一组draggble, 替补队员一组draggble，正式队员 8人， 替补 2人 通过change事件控制数量，控制数据的上流和下流...
2021-01-15 17:43:28
272
原创 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
840
原创 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
1370
原创 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
1386
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
128
原创 react性能优化
1–子组件生命周期函数 进行性能优化 shouldComponentUpdate(nextProps, nextState) { if (nextProps.content !== this.props.content) { return true } else { return false } }
2020-12-02 14:19:04
133
原创 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
674
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
638
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人