- 博客(106)
- 收藏
- 关注
RSS订阅原创 网站发布到谷歌 被谷歌收录
6.部署完 在https://search.google.com/里提交可访问的站点地图地址。1.robote.txt 以下是个最简单的模板 肯定不出错。4.上述1,2两个文件放在根目录下。7.申请索引 等待一周 会被收录。2.生成sitemap.XML。3.meta信息 在谷歌。
2023-09-18 12:01:11
173
原创 vscode配置vue自定义模板
1.点击右下方设置里的用户代码片段2.新建文件vue.json3.把以下代码复制进去 我下面的是vue3ts less{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet ..
2022-05-24 12:01:52
881
原创 阻止视频video标签 点击视频区域播放暂停
myVid = document.getElementById("video1"); myVid.addEventListener("click", mouseHandler, false);function mouseHandler(event) { // 阻止视频默认点击事件 event.preventDefault()}
2022-05-11 18:23:32
2023
原创 自定义组件使用v-model
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件//父组件 输出：{{childValue}} <child v-model="childValue"/>//子组件<template> <div> <el-button @click = "$emit( 'input',!value )" >v-model通过value子组件获取父组件的值 在通过emit（inp.
2022-05-10 15:30:21
462
原创 vue一个页面多个相同组件 传递过去的数据 无法渲染
//多个相同组件数据改变dom却不更新 因为每次更新都是虚拟dom 要为每个虚拟dom 加一个key值 分辨出来是哪个dom数据更新了 准备更新dom//:key="timeRefusr" <cav-img ref="CanvasBlock" :type="types" @imgLastPoint="imgLastPoint" :alg..
2022-04-27 11:47:45
539
原创 fabric改变属性 改变之后不生效
var imgInstance_l = new this.fabric.Image(imgElement_l, { zIndex: 0, scaleX: _this.scale, scaleY: _this.scale, // stroke: 'red', ...
2022-04-24 10:53:22
900
原创 fabric.js 设置样式
var text = new this.fabric.IText(name, { left: offsetX / zoom + moveDelta.x - 5, top: offsetY / zoom + moveDelta.y + height * 4 - 10, fill: '#000', fontFamily...
2022-04-19 17:30:29
340
原创 fabric.js 自定义属性 传递数据
//name为自定义数据 const { status, name } = this.type && this.type.data let circle2 = new this.fabric.Circle({ ...
2022-04-19 16:04:26
747
1
原创 数据改变 音频开启与关闭
//audio<template> <div style="position:absolute;z-index:1"> <!-- {{ wsAdding }} --> <audio src="../../../public/static/click.mp3" id="myaudio" ref="fhshj" controls="controls" loop="false" .
2022-03-14 09:49:29
469
原创 绑定class
:class="[activeId == info.id ? `edit_item_active_${info.bagStatus}` : 'edit_item_active']" :class="`status${info.bagStatus}`"
2022-03-04 11:25:13
53
原创 刷新当前详情页 之后变成空白页
访问其中的js文件 仍然为空白页但是访问http://localhost:8080/static/js/app.jshttp://localhost:8080/TimetrackingDetail/static/js/app.js 就可以直接访问 由此可得出 为路径问题//之前publicPath: process.env.NODE_ENV === 'production' ? './' : './',//之后publicPath: proce...
2022-03-02 15:12:49
237
原创 get导出文件
/* * get下载文件 * @param url：地址 * @param data：参数 */ async getDownFile(url, data){ return axios({ method: 'get', params: data, dataType: 'json', url: url, response...
2022-02-15 16:32:08
477
原创 echarts宽高设置为百分比 不起作用 读取为px
1.height与width不能传递为百分比 echarts会自动识别为px2.要读取该元素的宽高 转化为像素传递过去 这就要求获取到元素的宽高3.如果传递过去固定的宽高 那么就不能随浏览器尺寸变化而变化 所以要监听resize获取宽高下面为完整代码//父级页面 也就是数据源 <div class="alarm_chart" id="alarm_chart"> <Chart :option="alarmChartOpti.
2022-02-15 16:12:27
3979
原创 vue获取宽高为0
//两部分要注意：//1.样式写在样式类里面 要使用下面的方式获取getHeight(){ let chart = document.getElementById("alarm_chart") console.log(window.getComputedStyle(chart).width,'获取样式')}//2.获取的这个元素的样式.alarm_chart { width: 100vw; height: 30rem;}//要用vh或者rem为单位 不能用100%.
2022-02-15 16:03:40
1672
原创 echarts 传进来的是百分比但是读取为像素
当进入页面的时候读取为像素 鼠标操作页面就会显示为正常的百分比解决方案：使用异步加载 setTimeout(()=>{ this.initChart() },1000)
2022-02-15 12:58:04
356
原创 fabric.js画图（canvas画图 2d画图）相关
<template> <div style="position: relative"> <canvas id="canvas"></canvas> <img id="expImg" :src="imgUrl" style="display: none" /> <span id="areaA">A</span> <span id="areaB">B</span> .
2022-02-13 14:11:26
11654
4
原创 列表的单行icon的动效
//dom <span v-if="row.taskValidateStatus == 1" @click="taskStatusHandle(row,0)"> <img :ref="`img${row.taskGuid}`" src="@/assets/icon/caozuo.png" .
2022-01-29 15:59:23
658
原创 el-option同时获取lable于value
<el-select v-model="form.taskDetectTypes" collapse-tags class="FormWidth" placeholder="请选择" > <el-option v-for="item in taskTypeAll" :key=...
2022-01-28 17:47:49
780
原创 el-time传递数据给后台
时间格式： <el-time-picker is-range v-model="form.timePoint" format = 'HH:mm' value-format = 'HH:mm:ss' range-separator="至" placeholder="选择时间范围"
2022-01-28 11:03:42
1091
原创 解决axios无法添加content-type
分两种类型get请求：instance.interceptors.request.use( config => { // 解决get请求无法添加content-type if (config.method === "get") { config.data = { unused: 0 }; // 这个是关键点，加入这行就可以了,解决get,请求添加不上Content-Type .
2022-01-24 17:15:28
1683
原创 js改变数组对象属性名
let data= [ { id: "22", name: "全部", rtsp: null, status: null, videos: [ { id: "2", name: "区域一（在线1/总数4）", rtsp: null...
2022-01-21 10:45:06
2536
原创 压缩图片的配置
const CompressionWebpackPlugin = require('compression-webpack-plugin')const compress = new CompressionWebpackPlugin({ filename: info => { return `${info.path}.gz${info.query}` }, algorithm: 'gzip', threshold: 10240, test: .
2022-01-10 14:21:02
79
原创 vue改变element样式
公共element样式为：index.css修改一：<style scoped>修改二： .el-tree >>> .el-tree-node__content{ height: 46px !important; line-height:46px !important; }
2021-12-29 15:00:49
651
原创 按需引element组件 避雷
写的一大串那些 别搭理他们哦 很简单就三步第一步：安装babel 实际上在创建vue项目的时候已经安装第二步：安装elementnpm i element-ui -S第三步：main.js引入并使用import 'element-ui/lib/theme-chalk/index.css'import { Button } from 'element-ui'Vue.use(Button)...
2021-12-27 18:20:03
121
原创 vue watch监听执行2次
原理：watch监听 原理是监听模式 下的新旧数据改变 他是2个条件语句 所以会执行2次解决方案：使用锁的概念data() { return { isGetRoute:false } }, watch: { $route(route) { if (this.isGetRoute) { this.isGetRoute = !this.isGetRoute .
2021-12-20 17:06:31
9231
2
原创 el-popover 鼠标移入获取数据并显示popover
<ul v-for="(item,index) in left_nav" :key="index"> <el-popover placement="top-start" //自定义触发popover事件 trigger="manual" v-model="visible" > .
2021-12-16 17:25:59
2494
原创 异步传参 第一次获取数据为空
//1、通过异步获取数据 this.api.apiDetail(this.form.id).then((res) => { this.form = res.data; this.form.outParams = JSON.parse(res.data.outParams) this.form.inParams = JSON.parse(res.data.inParams) console.log(this.form,'thi.
2021-12-15 16:33:55
1357
原创 使用导航守卫beforeEach自定义路由重定向路径
// 重定向自定义router.beforeEach(async(to, from, next) => { if (to.path == '/') { const data = await getAllNeedRoutes() console.log(to,'to') console.log(data, 'data') // , query: JSON.stringify(to.query) next({ .
2021-12-10 17:07:25
2581
原创 前端有效率的项目迁移
1.规划好要达成的目标2.平衡下目标与投入的人力和时间成本3.项目级别：3.1按模块进行划分所涉及的的文件3.2涉及的路由 依赖冲突 文件路径等问题3.3封装的方法 vuex以及mixin、reactive、公共组件、接口等...
2021-12-08 10:32:05
835
原创 vue项目首页加载缓慢
1.看network资源加载时间 整整12s2.发现有个图片20m过大 进行压缩了 到了10s3.路由懒加载 到了8.3s4.移除 preload 插件和 prefetch 插件chainWebpack: config => { // 移除 preload 插件 config.plugins.delete('preload') // 移除 prefetch 插件 config.plugins.delete('prefetch') 5.本地已经很慢了.
2021-12-06 15:17:49
567
原创 图片或文件转base64
//file文件转base64方法 imageToBase64(file) { return new Promise((resolve, reject) => { let reader = new FileReader(); let fileResult = ""; reader.readAsDataURL(file); //开始转 reader.onload = function () { ...
2021-12-01 15:06:45
229
原创 element el-checkbox 选中后无法改变状态
//dom: <el-checkbox-group v-model="checkList" > <!-- $event读取自带事件 --> <el-checkbox v-for="item in roleList" :label="item.roleName" :key="item.id" @change="roleChange($event,item)" ></el-checkbox></e.
2021-11-25 19:56:08
2381
原创 捕捉网络错误状态
myInfo() { this.api.myInfo() .then( res => { this.adminName = res.data.adminName; sessionStorage.setItem("adminID", res.data.userId) }) // 捕捉网络错误状态 ...
2021-11-25 09:44:38
318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人