- 博客(43)
- 收藏
- 关注
RSS订阅原创 el-form表单rules验证
今天在工作中遇到一个小问题，绑定的rules验证出现一个小Bug，验证规则和绑定的表单都正确，但是为什么输入完信息之后还是会提示错误输入时候的提示信息？Bug重现：项目联系人只添加一个require验证规则，在输入框中我明明输入进去了，但是为什么还是会提醒我错误提示信息？找了一会原因发现是因为el-form-item中的prop和ref用错了，prop是form表单绑定的formInfo对象中第一层的数据，ref是form表单绑定rules时为了确认验证的某一项而临时建立的连接。el-inp
2023-03-22 10:39:27
721
原创 Error in callback for watcher “value“: “Value should be trueValue or falseValue.“
【代码】Error in callback for watcher "value": "Value should be trueValue or falseValue."
2022-10-12 10:37:59
1600
原创 微信开发工具调试窗口怎样查看netWork
今天上午更新完微信开发者工具之后打开调试器发现调试窗口取消了摸索了一会，在这记录一下解决方案：打开设置—>调试器插件—>安装sourceMap匹配调试插件完成
2022-04-11 11:39:52
5919
原创 微信开发者工具 ETIMEDOUT
记录一下，找这个问题找半天在官网技术运营人员回复下面找到灵感，大概率是网络问题解决方案：关闭公司网络连接，切换到自己网络重新登录就可以了之后在换回公司网络继续开发，不影响的...
2022-04-11 11:35:35
295
原创 Vue项目配置可修改配置项
正常开发情况下可能会遇到在不同环境下有一些配置项会不一样，但是又不能每次配置项不同都让开发人员在本地修改代码，再打包上传，这样做是可行的，但是太麻烦了。所以可以设置一个globalConfig.js文件来统一管理这些配置项，然后再发版的时候直接让实施人员配置就可以。vue-cli2：1、再static文件夹下新建一个config.js文件(function() { window.globalConfig = { BASE_URL: 'http://127.0.0.1:8000', //
2021-11-08 16:40:17
1545
1
原创 Echarts map 点击地图单个区域变色
地图点击单个区域模块变色Echarts 官方文档引用地址：https://echarts.apache.org/zh/option.html#geo.select当设定了 geoIndex 后，series-map.map 属性，以及 series-map.itemStyle 等样式配置不再起作用，而是采用 geo 中的相应属性。（论熟读官方文档的重要性）在Echarts—map—option—geo的配置选项中有一个select配置项，这个select专门配置地图选中之后的itemStyle样式以
2021-10-31 10:39:32
9074
2
原创 Vue移动端页面下拉刷新
这篇小作文有点长，不想看的朋友可以直接去找找vant组件中的 van-pull-refresh朋友们，我这两天干了一件蠢事最近我们公司有一个移动端项目，是嵌在微信公众号中的，有一个新需求是给页面加上下拉刷新的功能。就是这个功能，我研究了两天，开始的时候，我自己封装了一个组件，试了之后发现在微信浏览器中打开没有效果，之后我就上网查，说是微信的touchevent事件和我自己的touchevent事件冲突了，所以我的下拉刷新功能就没有用。解决方案是在touchmove监听方法中添加e.preventDe
2021-10-12 10:05:43
2187
原创 el-table 使用fixed 固定列 但是固定列不会随着Y轴滑动
el-table 使用fixed 固定列 但是固定列不会随着Y轴滑动el-table-column prop=“date” label=“日期”今天工作中遇到一个问题，在用el-table固定列功能的时候发现我固定的那一列不会随着未固定的表格一起沿Y轴滚动 ，像下面这种，右边动，左边不动在网上找了一圈，发现大部分是固定列盖住了横向滚动轴的解决方法，和随Y轴滚动并没有什么关系，所以，经过我一番仔细研究，略有成就，分享出来，大家互相交流。解决BUG：找到el-table下面的 el-table_
2021-09-16 20:43:50
2925
4
原创 el-table增加两条合计项目
今天需求中有一条要求使用table表格要有两条合计项，要求实现效果：主要代码：summaryMethod(param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { if (index === 0) { const el = <p>合计：&
2021-03-29 18:56:23
2141
5
原创 Vue-cli2.0 在开发环境(dev)中访问本地上传static文件夹下的json文件报错404
BUG前提：因为有个需求比较急，所以暂时没有提供后端接口，需要前端做一个纯展示界面，保证能够达到预期交互效果就行，所以需要前端自己造一些假数据出来BUG内容：这个模块在本地开发环境中的static文件夹下平级建了三个json文件，页面交互时就用到这些数据文件，但是一发布到开发环境就出错，显示获取json文件的接口一直报错。下面是我本地服务访问假数据的路径：下面是我发布到开发环境之后访问假数据的路径：在网上找了好多方法都试过了，但是没什么用，最后发现开发环境上的请求地址少了一个项目名。
2021-03-13 09:55:54
627
原创 element ui中 :summary-method=“getSummaries“的使用与注释
JS部分getSummaries(param){ const { columns, data } = param; const sums = []; columns.forEach((column, index) => { if (index === 0) {//只找第一列放合计 sums[index] = '合计：'; return; } .
2020-12-31 16:37:11
6204
1
原创 Echarts图表中pie类型tooltip中formatter函数传递的参数从哪里来？
最近参与一个项目遇到一个问题，这个tooltip提示框信息怎么配？找了好久最终配置成功，分享到这里大家共享一下，能节省不少时间首先可以看一下系统介绍的文章，里面知识点比较多，也有注释，讲的很全，推荐大家看一下，Echart自定义Tooltip文章链接。这里我补充一点就是formatter函数中的param参数从哪里来？直接上代码：下面的data中的数据就是params参数的来源。tooltip: { trigger: 'item', fo
2020-11-27 15:13:06
5434
1
原创 Avoided redundant navigation to current location
错误原因：路由地址重复报错，主要是因为重复跳转到一个相同路由地址的界面。解决方案：再路由配置项中添加以下代码段，我的路由配置下个在router->index.js中，这个根据个人项目配置不同改变，亲测有效。const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(
2020-09-27 11:19:17
428
原创 Need at least a key or a value or a label (only for OptGroup) for [object Object]
错误展示：这个错误是因为用Option按钮时没有写value值，给Option加上value之就行了。
2020-08-28 14:46:09
9960
1
原创 Legacy context API has been detected within a strict-mode tree.
最近写React后台项目的时候系统总是给我报这个警告：index.js:1 Warning: Legacy context API has been detected within a strict-mode tree.The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.Please update the following
2020-08-22 09:56:31
4157
1
原创 There might be a problem with the project dependency tree. It is likely not a bug in Create React Ap
错误信息：There might be a problem with the project dependency tree.It is likely not a bug in Create React App, but something you need to fix locally.项目依赖关系树可能有问题。这可能不是Create React应用中的bug，而是需要在本地修复的问题。解决方案一：直接在工程文件夹中新建一个 .env 目标文件，之后把 SKIP_PREFLIGH..
2020-08-20 16:22:22
3305
2
原创 vue-router.esm.js?c148:2062 Uncaught (in promise) Error: Redirected when going from “/home“ to “/hom
错误信息：vue-router.esm.js?c148:2062 Uncaught (in promise) Error: Redirected when going from "/home" to "/home/itemlist" via a navigation guard.翻译错误信息：2062未捕获(承诺中)错误:通过导航警卫从“/home”转到“/home/itemlist”时被重定向。错误原因分析：路由导航重定向？？？是不是我文件中的两个路由切换地址写重复了？？去找找看看原因：这里是
2020-07-30 16:50:13
10432
4
原创 冒泡排序降序排列
var arr=[3,2,6,1,5,8,7,9]; Sort(arr); function Sort(arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = 0; j < arr.length - i - 1; j++) { if (arr[j] < arr[j + 1]) { var tmp = arr[.
2020-06-15 10:02:10
915
原创 AndroidStudio中运行按钮是灰色的
首先确定一点你的AndroidStudio是什么版本的，我现在写的教程是AndroidStudio3.6.3的教程然后再检查一下在项目工程同根文件夹下有没有一个叫gradle的文件就是这样的打开之后里面是这样的因为每个人安装AndroidStudio的路径都不一样，所以我在这里就不说具体路径了，大家仔细找找，我找这东西找好久.....我太难了这gradle是干嘛的？我在这里...
2020-04-28 22:36:22
9324
3
原创 简单的前后端通信 H5中前后段通信是什么？
一：理解前后端基本概念首先，理解一下前段是什么：客户端就是前端，即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。后端是什么：服务端就是后端，是为客户端服务的，服务的内容诸如向客户端提供资源，保存客户端数据和处理客户端数据。简而言之，如果把网页制作比喻成一家餐厅，那么客户端就是餐厅的大厅，装修的非常漂亮，吸引顾客到这里用餐，而服务端就像餐厅的后厨，通过精美佳肴留住顾客...
2020-04-26 22:35:25
798
原创 JS冒泡排序详解
以下是引自百度百科中对冒泡排序相对专业的解释：冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果顺序（如从大到小、首字母从Z到A）错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端（升...
2020-03-29 21:04:16
481
原创 怎样在JS中改变Html的宽高属性 怎样改变宽高？
首先在JacaScript中改变Html的样式属性，先要写一个div.style.(style样式属性)例：div.style.backgroundColor 注意：backgroundColor 中的C要大写，不然运行会出错。现在说一下怎样改变宽高属性。改变宽：div1.style.width=w+"px";改变高：div1.style.height=h+"...
2020-03-23 21:51:34
1075
原创 JavaScript 九九乘法表
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>...
2020-03-19 22:49:55
229
原创 利用条件语句实现简单猜拳小游戏
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docume...
2020-03-18 23:23:38
151
原创 浏览器的内核都有哪些？
浏览器内核 ( 现代4大内核 )Trident 代表作：IE元老级内核之一，由微软开发，并于1997年10月首次在ie 4.0中使用，凭借其windows垄断优势，Trident市场占有率一直很高。然而垄断并非，没有竞争就没有进步，长期以往，Trident内核一度停滞不前，更新缓慢，甚至一度与W3C标准脱节。2011年，从ie 9开始，Trident开始支持HTML5和CSS 3，因...
2020-03-17 22:30:22
331
原创 JS中数据转换类型转换都有什么？
数据类型转换：1、强制转换：主动将数据类型转换为某种类型,进制必须>=2并且<=36.因为数字字母只有36个。強转字符串：String(数据)强制转换为字符串与parsenInt为逆转换;例1：varnum=10vara=String(nu...
2020-03-17 22:24:05
295
原创 CSS3中的选择符有哪些？
一、属性选择器1、E[attr]：只使用属性名，但没有确定任何属性值。通过属性去找元素例：<style type=”css/text”>input[value]{background：#fcc}</style>2、E[attr=“value”]：指定属性名，并指定了该属性的属性值通过属性值需按照元素例：<style typ...
2020-03-09 22:27:55
596
原创 CSS3-3D技术
Css3动画animation vs transition相同点：都是随着时间改变元素的属性值。不同点：transition需要触发一个事件(hover事件或click事件等)才会随时间改变其css属性；初始效果---最终效果之间的变化animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元素css的属性值，从而达到一种动画的效果，css3的animation...
2020-03-08 21:05:33
234
原创 HTML5中常用的一些标签
在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。section元素 表示页面中的一个区块， ...
2020-03-06 22:34:30
563
原创 魔方
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>魔方</title> <link rel="stylesheet" type="text/css" href="css/万能css.css"/&g...
2020-03-05 22:47:18
157
原创 CSS中的2D、过渡和渐变
一、过渡属性transition transition一般是设置动画效果延续时间（过渡时间）css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标划过、单击、获得焦点或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。过渡属性需要触发事件，如：hover（鼠标划过事件） 1.transition-pr...
2020-03-04 23:14:46
411
原创 旋转摩天轮
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>摩天轮</title> <link type="text/css" href="css/万能css.css" rel="stylesheet"/&...
2020-03-04 22:42:36
559
原创 圆形梅花图片旋转特效
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>梅花旋转特效</title> <link rel="stylesheet" type="text/css" href="css/万能css...
2020-03-03 22:36:31
372
原创 什么是BFC?
BFC是什么？BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC是怎样布局的？一、内部的Box会在垂直方向，一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻...
2020-03-01 23:19:38
190
原创 position有几种属性？
position定位属性，检索或设置对象的定位方式，一共有四种属性：Static（默认定位） Absolute （绝对定位）Relative （相对定位）Fixed（相对浏览器的绝对定位） Sticky（粘性定位）一：Static：（默认定位）默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static元素会忽略任何 top、bottom、left或 right...
2020-02-25 23:24:46
2238
原创 什么叫高度塌陷？
首先要知道高度塌陷是：浮动元素父元素高度自适应（高度塌陷）当子元素有浮动并且父元素没有高度的情况下父元素会出现高度塌陷 简而言之就是但子元素设置浮动属性，父元素就会出现高度自适应，没有高度或者高度很小，例如：<!DOCTYPE html><html><head> &...
2020-02-25 00:11:42
1588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人