miaofangchao-CSDN博客

原创 vue3 vite ts引入vue文件报错 ts(2307)

vue3 vite ts 生成的项目模板，在ts文件中引入vue文件报错 ts(2307)，只是ts报错，并不影响项目运行。

2023-01-12 17:23:50 4633

原创 VUE 元素全屏的问题，兼容只考虑ie11

ie11 在元素全屏的情况下可以监听到 keydown 事件（谷歌监听不到），使用 keydown 事件来区别是否在F11全屏状态下切换的元素全屏。高版本浏览器监听 fullscreenchange 来控制全屏的切换，不会受F11全屏的影响。(resize 在 F11的全屏时不触发)methods: { // 全屏 fullScreen() { var el = this.$el var rfs = el.requestFullscreen || el.webki

2021-06-25 11:05:24 413

原创 zrender使用问题

1、文档不是很好用，极其简约 https://ecomfe.github.io/zrender-doc/public/ 很多方法不会使用，需要不断去尝试。2、"5.0.4"版本只渲染svg的问题：找了半天才发现是安装包入口文件的问题：使用npm安装的包跟克隆下来的包index.js文件不一样，但是typescript正常，这个有点坑，不故意的还是遗漏了？需要修改node_modules 中zrender index.js 文件:原index.js：export * from './lib/zren

2021-04-09 10:09:31 1887

原创 vue引入海康监控web无插件开发的问题

截止目前，海康web版开发插件只支持ie浏览器。支持websocket取流的摄像头和录像机，也需要本机安装ngix服务，在本机浏览，客服给的答复是尚未解决跨域问题。（但是使用视频录像机自带的web页面可以用高版本浏览器直接预览没有websocket的摄像头。找客服咨询此插件，客服说是内部的，不对外提供。坑。）引入项目时需要做低版本兼容，ie11很卡，用户体验极差。或者项目部署在本机，在本机使用高版本浏览器没问题，可以正常操作。（或者在每个需要打开的电脑都配置ngix？）...

2021-03-26 16:26:24 2012 8

原创 vue轮播+拖动横向滚动图

横向滚动轮播，鼠标滑动拖动和点击跳转链接。效果图：<template> <a-row class="project-case"> <a-col :span="24" class="title"> <router-link to="/customerCase" tag="span">经典案例</router-link> </a-col> <div class="content">

2021-03-26 16:06:21 2003 2

原创 vue 中使用canvas画简单的线条动画效果

vue 中使用canvas画简单的线条动画效果；问题：1.没有写X轴或者Y轴不变的逻辑判断；2.不会画弧度，不知道弧线怎么去单个像素的画。method中定义方法：getCanvas(start,end){ return new Promise(resolve=>{ let movingDistance_x = Math.abs(end.x - start.x) //x轴需要移动的距离 let movingDistance_y = Math.abs(

2020-12-18 08:58:25 4469 1

原创 object播放器图层问题

object播放器图层问题<param name='wmode' value='transparent'|'opaque' /><embed wmode='opaque'></embed>

2020-12-03 09:15:25 133

原创 vue-axio使用http://cors带cookie的问题

Vue.axios({ url: "http://cs", method: "post", headers: { "Content-Type": "application/x-www-form-urlencoded", }, withCredentials:true, responseEncoding: 'gb2312', // 转换数据，服务端

2020-09-09 18:52:59 363

原创 ajax获取列表数据+翻页按钮

// 顶部框高度支撑window.onload = function () { $('.TopLogoProp').height($('.TopLogo').height()) $('.TopLogo').css('position', 'fixed') //li的点击事件： $(".pagination>li").on("click", function () { var i; var textNum;//列表要变更的值 var ListLen = $(".

2020-07-06 13:39:13 335

转载 vue中velocity

2020-06-24 15:07:34 1014

原创 js侧边导航栏点击跳转，滚动窗口高亮显示对应标题的导航

//右侧标题导航 var nav_flags = [1,1,1,1,1,1,1,1,1,1,1,1];//节流阀 var nflen = nav_flags.length - 1;//循环数 var nav_index;//点击的li的index值 var totop;//标题区距离顶部的距离 var timeId; var i; $("#quick_links .rightNav li").click(function () { nav_index = $(t

2020-05-30 11:47:55 1556

miaofangchao的博客