- 博客(84)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 设置video的进度条常显
在chrome中F12或者通过其他方式打开开发者工具（相信应该知道从哪里打开），然后点击右上的齿轮，进入设置，勾选Show user agent shadow DOM。但是我设置这个控制条（就是这个什么-internal-media-xxx，不知道原理是啥）的样式一直不生效，就使用了:nth-child伪类来实现。就能在elements里面查看视频的播放的伪元素。最后还是不生效 有解决方法的大佬帮忙看看。根据网上的方法，把隐藏的元素显示。
2024-03-05 17:12:05
284
原创 【Vite】解决Vite http proxy error: Error: connect ECONNREFUSED
vite http proxy error代理错误解决
2024-02-27 23:46:27
1377
原创 【flutter】使用getx下的GetMaterialApp创建路由和使用时间选择器国际化问题
我就愁思是不是GetMaterialApp跟MaterialApp方法不一样的问题，结果不是，我看到flutter的github下面有人遇到了我同样的问题。一直报错 No MaterialLocalizations found。在使用showDateRangePicker组件的时候，把要传入的local 改成了上面的final。最后贴一个使用掘金大神使用时间范围插件的方法。具体原理不知道，还是刚入门的小菜鸡。
2023-11-17 00:02:12
800
原创 【React项目】解决控制台报错 (ETIMEDOUT) (https://nodejs.org/api/errors.html#errors_common_system_errors)
react项目，如果配置了config代理，但是本地跑起来还是显示超时，代理出错，接口一直pending。（可能原因是服务器代理什么）package.json文件。
2023-10-11 10:26:37
380
原创 antd3树形表格树形列显示不全使用拖拽列宽解决问题
通过拖拽的onResize的api 动态去改变columns的每一项的宽度。使用components自定义表头header。antd 没有自带的拖拽api 借助库实现。不设置样式，拖动不了。
2023-06-15 15:34:31
277
原创 Antd-解决下拉框及时间选择器浮动
文章目录解决选择器下拉内容浮动解决选择器下拉内容浮动注意区分一下文档中api就行,其实就是容器不同,容易搞错1.时间日期选择器(同类型的)日期类型getCalendarContainer={triggerNode => triggerNode.parentNode}2.普通的选择器及下拉框比如SelectgetPopupContainer={triggerNode => triggerNode.parentNode}(timePicker)...
2022-03-18 22:41:47
786
原创 Vue3-H5页面结合Vant实现搜索历史记录超过两行的Tag的展开与折叠
文章目录问题描述效果解决思路代码1.html代码Js代码问题描述一个场景,在搜索记录的时候,搜索记录作为一个tag列表,超过两行的时候要折叠,然后支持展开效果先看一下效果图,因为只是demo,没有做展开收起的图标切换解决思路1.可以使用容器宽度跟每一个tag的长度去比较,加起来超过一行的时候,行数+1的方法,但是这里是用了容器用了padding 拿不到容器的width值,计算会不准确2.使用offsetLeft,每行的第一个的offetLeft值都是一样的,所以用着这个来判断行数代码1
2022-03-18 22:19:18
2117
1
原创 JS-a标签下载文件
目录问题描述解决方法拓展 另一种文件流下载问题描述昨天拿到一个需求,就是做成这种下载的模样后台返回的下载链接长成这样解决方法就是一个最普通的方法,创建a标签 ,加上download属性,模拟标签点击 就可以触发下载了注意:这个是因为直接拿到了请求链接,get请求 const SERVER_PATH = `${location.origin}/ai/aiServer/`; const alink = document.createElement('a'); alink.sty
2021-12-28 10:24:27
1395
3
原创 umi-支持路由前缀(不改变url)
目录问题描述效果代码实现问题描述现在有一个需求是 ,在路由配置的时候,本来的前缀是/ 现在要改成/ene是全部的路由都要加前缀如http://localhost:8001/aa/bb改成http://localhost:8001/ene/aa/bb效果不同的路由 都指向了同一个页面代码实现这个很简单 只要在配置文件里面改一下编译的输出路径publicPath就可以了 注意这个publicPath以/结尾...
2021-11-09 17:04:26
1527
1
原创 Echarts-图表属性设置(不定期补充)
文章目录图例(legend)提示框(tooltip)x轴(xAxis)y轴(yAxis)图例(legend)参考//Echarts数据可视化legend图例属性设置legend={ show:true, //是否显示 zlevel:0, //所属图形的Canvas分层，zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面
2021-10-19 16:30:32
409
原创 Umi-解决配置路由页面不渲染的问题
文章目录问题描述路由配置文件问题分析解决方法问题描述今天遇到了一个见鬼的问题,在配置路由的时候,页面不出来参考了该文章想明白了 是可能是自己路由path没有写的问题路由配置文件1.1查找是否安装过1.2进行卸载1.3删除mysql配置文件2.安装mysql82.1配置安装源2.2安装3.启动服务4.修改密码4.1查找初始密码4.2修改密码1.卸载mysql(没安装过可以跳过)1.1查找是否安装过 rpm -qa | grep -i mysql1.2进行卸载yum remove mysql-common-8.0.21-1.module_el8.2.0+493+63b41e36.x86_64依次进行卸载1.3删除mys
2021-03-15 20:59:34
1456
1
原创 VSCode-解决自动保存文件时删除最后一行空行的问题
问题描述在写代码的时候,vscode自动把最后一行的空行给删除了,eslint疯狂报错,所以我搜索了一圈之后,设置vscode的什么insertFinalNewline都不起作用解决方法总有大牛帮我们造出了轮子安装一个final-newline插件解决了问题...
2021-03-10 19:31:57
2136
5
原创 uniapp-scroll-view横向滚动不起作用的解决
文章目录问题描述解决方案实现效果问题描述今天想要实现一个能左右滑动的tab栏的时候,使用了scroll-view横向滚动,但是不起作用解决方案参考这篇文章,得到了解决1.在外层scroll-view设置white-space: nowrap;样式2.在内部元素层设置display: inline-block;样式完整代码<template> <view> <scroll-view scroll-x="true"> <view
2021-01-16 00:37:49
3257
3
原创 MySQL-sqlyog连接本地数据库报错plugin caching_sha2
文章目录1.问题描述2.解决方法1.问题描述今天在新安装了mysql 当用可视化工具sqlyog连接本地mysql数据库时,突然报错2.解决方法使用命令行进入mysql,更改可以通过本地密码验证用户alter user 'root'@'localhost' identified with mysql_native_password by '123456';连接成功啦~可以愉快的玩耍啦...
2020-12-21 20:36:59
270
原创 Vue-pc端实现瀑布流组件(基于vue-waterfall2)
文章目录目标效果使用库实现1.安装vue-waterfall22.在main.js中全局使用3.创建组件3.在页面中引入组件目标效果目标是一个很常见的瀑布流效果,能力有限,借助了大佬造的轮子来实现了使用库实现更详细的请参考官方文档vue-waterfall2这篇文章还有其他vue组件的介绍(略过vue项目的构建)1.安装vue-waterfall2 yarn add vue-waterfall2@latest --save或 npm i vue-waterfall2@latest
2020-12-18 21:41:42
2995
6
原创 微信小程序-Hbuilder启动项目不成功
文章目录问题描述解决方法问题描述使用Hbuilder运行编译小程序项目的时候不成功,出现的问题如下Runtime error15:15:16.013 [微信小程序开发者工具] Error: read EBADF15:15:16.013 [微信小程序开发者工具] at Pipe.onStreamRead (internal/stream_base_commons.js:183:27) {15:15:16.013 [微信小程序开发者工具] errno: 'EBADF',15:15:16
2020-11-07 15:45:26
1027
原创 Vue-解决使用xlsx库导出elementUI表格出现数据重复的问题
文章目录问题描述解决方法1.先上代码2.解决思路问题描述参考文章我参考这篇文章,可以进行表格的导出,但是我发现,出现了element历史遗留的数据重复的问题出现了下图的情况解决方法1.先上代码将导出方法写成一个全局方法,可以多处使用//导出文件工具类import FileSaver from "file-saver";import XLSX from "xlsx";/** * * @param {String} id 表格id,类名为.class id为#id * @para
2020-10-06 16:52:30
2462
14
原创 Vue-elementui的输入框删除边框
文章目录问题描述解决方法1.页面代码2.样式代码3.实际效果问题描述在项目中我想要删除element输入框的边框,看了看网上的解决方案,用了什么!important给样式加优先级,也有使用样式穿透的,我这里使用样式穿透的方式.解决方法1.页面代码展示的表格 <el-form :model="form" label-width="120px" > <el-form-item label="在线押金/元:">
2020-10-05 10:51:10
7712
6
原创 Vue-使用ElementUI级联选择器懒加载省市县数据
文章目录问题描述解决方法问题描述官网的描述这里就不说了在data里面定义一个props作为全局组件,请求异步方法,再通过resolve()去更新组件但是我们在实际项目中,要请求后台的,调用的是我们在methods里面定义的方法解决方法methods中请求后台的方法//请求省数据 async getProvince(callback) { let res = await this.$api.getProvince(); if (res.data.code == 200
2020-10-05 10:07:26
2136
1
原创 Vue-vuex简单使用和解决页面刷新state值清空的问题
文章目录简单使用vuex1.建一个全局store文件2.引入main.js中3.在页面中使用-保存值4.在页面总使用-获取值解决页面刷新state值清空的问题1.监听onload方法2.在store中拿缓存做赋值操作简单使用vuex我对vuex刚刚入门,但是项目中要使用vuex保存全局状态,所以在这里记录一下简单使用1.建一个全局store文件文件目录如下里面的内容如下:为什么要用一个sessionStorage.getItem(‘state’) 获取数据而不是直接初始化呢?后面有讲原因//
2020-09-19 15:09:49
3529
原创 Vue-教你实现一个订单列表倒数30分钟的功能
文章目录来看一个demo简单结合后台的demo现在来看功能实现部分来看一个demo这是我通过百度大法找到的简单demo,晒出来给大家看看,一个倒数计时器的功能<html><head> <meta charset="UTF-8"> <title></title></head><body> <div id="countdown">还剩 30 分 00 秒</div>
2020-09-19 14:41:54
1975
原创 JS-防抖和节流详解
文章目录防抖防抖概念: 指的是延迟规定的动作,若在延迟时间内,再次触发了,就会重新计时这一般应用于输入框搜索的时候,进行搜索优化,不能在用户输入未结束时就请求后台,会使服务器压力过大代码演示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
2020-09-16 12:27:38
234
原创 Git-多场景使用
文章目录多分支操作1.远程拉取其他分支到本地2.合并两个远程分支关于撤销与回退1.已提交commit,但未push关于解决冲突多分支操作1.远程拉取其他分支到本地假设你已经本地项目和远程仓库关联起来了1、把远程分支拉到本地git fetch origin dev（dev为远程仓库的分支名）2、在本地创建分支dev并切换到该分支git checkout -b dev(本地分支名称) origin/dev(远程分支名称)3、把某个分支上的内容都拉取到本地git pull origin dev(
2020-09-09 18:10:38
124
原创 CSS-标准盒模型和怪异盒模型
这是一个目录~概述标准盒模型怪异盒模型概述标准盒模型:由w3c定义的标准的盒子模型,盒子的宽度为= margin2+padding2+border2+width怪异盒模型(也称为IE盒模型):在IE浏览器中的盒子模型,盒子的宽度为= margin2 + content宽度,其中content宽度为padding2+border2+ width下面是同一个html代码在不同浏览器中的显示<!DOCTYPE html><html lang="en"><head>
2020-09-06 10:37:26
178
原创 Vue-原理01-双向数据绑定原理
理解defineProperty //1,使用defineProperty进行绑定 let obj = { // name: '小小香' } //为属性值改变属性 let oldValue = 'hyx'; Object.defineProperty(obj, 'name', { // writable: true, configurable: true,
2020-09-03 18:59:40
106
原创 Git-从0开始教小白使用github/码云托管项目(window系统)
1.在本地安装git官方下载地址点击链接下载git安装包,按照教程进行下载安装(略,有问题请百度)检测是否安装成功:打开cmd 敲入命令git --version在桌面右键,发现这两个也说明安装成功最后一步,配置git 账号密码$ git config --global user.name "Your Name"$ git config --global user.email "[email protected]"2.托管git项目(以gitee为例)2.1在gitee.com上
2020-08-24 10:30:59
453
2
原创 笔试题-由this指向引申的普通函数this的4种用法
笔试题回答出这个输出.function test() { function demo() { console.log('1',this);//demo()由window调用,this指向调用它的对象-->>window } ()=>{ console.log('2',this);//this不支持普通函数的绑定,普通函数有4种绑定规则 } var demo; console.log('3',demo());
2020-08-08 22:08:07
158
原创 JS-动态规划-01朴素背包问题
普通二维背包解题思路:f[i][j] 表示只看前i个物品,总体积是j的情况下,总价值最大是多少w[i] 表示第i个物品的体积(容量) v[i]表示第i个物品的价值返回结果 result = max{f[n][0~V]}f[i][j]有两种情况:不选第i个物品 f[i][j] = f[i-1][j];//其价值就是i之前的物品价值选第i个物品,f[i][j] = f[i-1][j-w[i]]+v[i];f[i][j] = max [1.,2.]f[0][0] = 0
2020-08-04 00:17:59
276
原创 解决npm ERR! Unexpected end of JSON input while parsing near的报错问题
今天在使用vue-cli脚手架创建项目的时候,出现了这的问题,很明显出现了npm下载出错了npm ERR! Unexpected end of JSON input while parsing near '...{},"dist":{"shasum":"'npm ERR! A complete log of this run can be found in:npm ERR! C:\Program Files\nodejs\node_cache\_logs\2020-07-19T13_06_4
2020-07-19 21:24:20
3247
原创 CSS3-解决使用伪元素显示不出背景图片的问题
问题描述当我想要实现一个功能,更新提示的动画,如下使用伪元素设置背景图片的方法,但是我添加的背景图片显示不出来.html代码如下<ul class='parent'><li class='child'> <a href="#">一键海涛</a></li></ul>解决办法需要将伪元素设置定位或者设置行内块元素1.设置行内块元素的方法伪元素是行内元素,大小根据内容来变的,内容为空,即使有背景图片也是显示不
2020-07-02 01:59:26
2674
原创 JS-Array数组详解
ECMAScript的数组跟其他大多数语言的数组有很大的区别.数组的每一项可以保存任何类型的数据,数组的大小可以动态调整.1.数组基本属性创建数组有两种方法,一种是使用Array构造函数var arr1 = new Array();var arr2 = new Array('1','2','3');一种是使用数组字面量表示法var arr3 = [1, 2, 3];当使用字面量表示的时候,尽量不要表示成以下这种,当元素不存在时,该项会变成undefinedvar array = [, ,
2020-06-27 01:43:14
266
原创 笔试题-Js前端变量提升的问题
今天做笔试的时候遇到了一个问题,是关于变量提升的var b = 2;//全局作用域,遇到var 和 function提升function s1() { function s2() { b++; console.log(b); } var b = 3;//提升变量,b的值变成了3 s2();//执行函数,b自增结果为4}s1(); //4输出结果是4,这个好理解,s2内部变量提升了,重新赋值为3我当初琢磨着是不是把s2()和var
2020-06-16 12:42:16
514
原创 DOM05-DOM2和DOM3
1.访问元素的样式 //1.访问元素的样式 var div1 = document.getElementById("div1"); //设置样式 ,也可以同样取得其中的特性 div1.style.backgroundColor = 'pink'; div1.style.width = "100px"; div1.style.height = "100px"...
2020-05-18 10:02:27
349
原创 JSON
JSON于2006年被提交给IETF,JSON在2001年就开始使用了JSON:(JavaScript Object Notation)JavaScript对象表示法1.JSON语法简单值,使用与JavaScript相同的语法,可以在JSON中表示字符串,数值,布尔值和null,不支持JavaScript中的特殊字符undefined对象:对象是一种复杂的数据类型,表示的是一组无序的键值对数组:数组也是一种复杂的数据类型,表示的是一组有序的值的列表//对象{"title","这是对象"}
2020-05-12 22:18:28
153
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人