自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

皮皮虾的博客

记录工作项目中的小知识点

  • 博客(31)
  • 收藏
  • 关注

原创 从理解js双重递归执行顺序到用递归方式实现二叉树中序遍历

今天在学习力扣上94题二叉树的中序遍历时,js的实现方法之一是递归,但是函数内递归是双重,花了一些时间来理解双重递归调用的执行顺序。众所周知,js是单线程,fn函数内均为同步执行,所以第一次递归之后,n=3进栈,执行。,val=4的这一层,right = null,被return,本次执行结束。,因当前n=1,不符合表达式n>0情况,所以本次递归调用不执行。1出栈,执行后,arr = [4, 2, 5, 1],,表达式不成立,准备出栈,继续向下执行,,成立,arr此时为[4, 2, 5].

2023-09-19 00:26:54 341

原创 前端设计模式

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论,而不是现成的代码,当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题。

2023-02-20 17:03:02 319 1

原创 vue3项目运行报错

vue3创建项目运行报错

2022-07-13 15:19:37 2788

原创 uniapp:easyinput输入框数据正则处理后,逻辑层更新,但没有渲染到输入框

背景:需求要求密码输入框不能输入空格,于是找到easyinput的 trim API,但是通过测试,发现去除空格的方法时不时“失效”,哪怕使用 trim="all",依旧会存在最后面的空格在输入框没有自动删除的情况。然而通过打印绑定值发现,绑定值生效,并没有空格,但没有更新到输入框。通过查看easyinput的代码和生效过程,发现是原生input赋值没有及时生效的缘故,因此我们修改下源代码:在ui-modules中找到uni-easyinput.vue,修改onInput方法:给赋值的val增加thi

2022-05-11 20:15:11 2241 1

原创 uniapp:切换原生tabBar时,更新页面子组件的传值

uniapp在切换原生tabBar时,更新页面子组件的传值

2022-03-29 19:45:53 1686

原创 uniapp:H5不报错,真机运行报错:TypeError: Cannot read property ‘apply‘ of undefined

真机运行时,控制台报错:[JS Framework] Failed to execute the callback function:TypeError: Cannot read property ‘apply’ of undefined建议查看 setTimout || setInterval 里的函数是否写全回调函数:修改前:修改后:改后不再报错...

2022-03-25 18:05:31 7834 1

原创 uniapp:uni-combox下拉选中之后下拉框只有被选中项 问题解决

关于uni-combox的基础用法在此处不赘述,下面是官网上给出的示例:选中之后必须手动清空了输入框内容才可以再次选择其他选项,非常不方便去插件市场看了下有基于uniui实现的,突发奇想,我们也可以自己改呀~查看uni-combox的组件,修改原代码。实现效果如下:如果对下拉选择功能要求不是很多的,可以采用以下代码(复制直接替换掉uni-combox.vue的代码):<template> <view class="uni-combox"> <view v

2022-03-25 17:25:36 7791 6

原创 this指向,并改变this指向

不同场景下的this指向问题window对象函数类

2022-01-26 17:35:19 1171

原创 vue3和vue2不同点总结

前段时间用vue3搭建完成了一个小项目,可喜的是领导在设计之初同意使用vue3进行新项目的开发,在此记录一下vue3与vue2不同的点。在main.js中的全局挂载方式vue2:$mountimport Vue from "vue";import App from "./App.vue";import store from "./store/";import router from "./router";new Vue({ router, store, render: h =&g

2021-11-17 19:36:04 1517 2

原创 新手学习微信小程序遇到的一些坑

从以下几点罗列1.vant-weapp 样式修改不起作用2.双向绑定不起作用3.小程序引入高德SDK不报错也不画地图3.1 报错: https://restapi.amap.com 不在以下 request 合法域名列表中3.2 报错:USER_KEY_NOMATCH3.3 引入地图之后,控制台不报错但不画地图1.vant-weapp 样式修改不起作用删掉app.json里的style: v2style表示: 指定使用升级后的weui样式,因为单独引入了UI组件库,会产生样式混乱。如果删了这个之后

2020-12-03 20:27:03 1383

原创 vue 页面在 IE11 浏览器白屏,报错:SCRIPT1003: 缺少 ':' app.js

报错如下图:在网上找了很多文章看,很多都是因为ES6不兼容IE浏览器引起的,应该使用 babel-polyfill 转ES6实现。然鹅!!!在我这里是无效的不论是在 mian.js 中引入,还是在 webpack.base.conf.js 中引入(且在‘babel-loader’中加 resolve(‘static’)),都没有实现…点进去查看app.js,看的我欲哭无泪:箭头一直指...

2020-03-10 18:20:58 5950 2

原创 eslint 5.16.0 no-console问题

报错信息:error: Unexpected console statement (no-console) at src\components新创建了一个vue/cli 4.x 版本的项目,eslint在create时候集成,然后就出现了这个报错。随后,在 node_modules/eslint/lib 文件下发现了no-console.js:然后去官网查看:看字面意思仿佛是大写C...

2020-01-07 22:59:00 1681

原创 echarts-tooltip数据太多,被容器遮盖,分两列展示

使用 **dataset** 数据集画折线图,鼠标移上去(axis触发)

2020-01-04 15:54:33 3835 3

原创 浏览器窗口变化时echart图自适应—— 解决window onresize里写resize方法没效果问题及监听窗口变化,实现多图自适应

在画图方法里,写window.onresize()没有实现echart图的自适应:代码是不是这样的? this.mychart.setOption(option) var that = this window.onresize = function() { that.mychartOpt.resize() }无论怎样改变浏览器窗口大小...

2019-12-05 19:51:24 3920

原创 el-table 表头增加下拉选框

效果如下:上代码: <el-table :data="tankTableData" height="600" style="margin-top: 10px;width: 100%;overflow: auto;float: left;"> <el-table-column label="选择对比" align="center"> ...

2019-11-15 16:59:24 3493

原创 el-table中使用标签el-popover并在其中插入自定义组件,click触发后获取到父组件向子组件传的值,但不更新子组件模板

上代码:父组件中(点击这个td弹出子组件内容):el-table的点击事件:传值给子组件:子组件接收值:row是正确打印的!!!此后我利用row中的个别字段作为参数走了一个接口,也是正确打印值的!!!但是,template里面的table迟迟不渲染数据!!!都一直是我初始化的值,且尝试 在方法内随便赋一个值,也是不展示的!!然后又换了prop传参,,,也是一样的效果。。。...

2019-09-20 21:38:38 3624 1

原创 easyUI 的datagrid-rownumbers宽度与treegrid数据有列表不更新问题

1.画网格时,若需要展示序号,则 rownumbers: true;但是数据很多超过9999条,第五位就会展示不全,简单粗暴的处理: <style type="text/css"> .datagrid-header-rownumber, .datagrid-cell-rownumber{ width: 50px; } </sty...

2019-08-24 17:18:34 1104

原创 vue开发环境和生产环境的跨域,以及前端自己实现环境跨域

网上已有很多有关跨域的处理博客,再记录方便自己查看开发环境跨域1.配置代理在config -> index.js 页面配置proxyTable,如下:proxyTable: { '/api':{ // 开发坏境下:target 里的地址是你跨域请求的地址 target:'http://baidu.com', chang...

2019-08-07 15:57:48 3235

原创 echarts多条折线图对应的x轴数据不同且使连线连续

参考文章:x轴数据不同数据连续前两天要画一个echarts图,用两条曲线来分别展示修改前和修改后的高度和体积的对应关系,形成对比。H作为x轴,V作为y轴。H和V都是可变的。封装数据:series中的data项[[H,V],[H,v]···],按参考文章1中的一样,将数据封装成如下格式:第一列为H,第二列为V具体的封装办法。。。自己搞吧。。。由于我这里要画两条曲线以作对比,x轴的H值...

2019-07-25 15:46:14 14213 13

原创 echarts 两个y轴展示折线图,并使两个y轴刻度线重合

效果如图:y轴刻度不重合情况:代码如下,具体的数据处理就不再一一展示,只看画图部分: drawGraphChart() { // 具体的数据格式可以参考: https://echarts.baidu.com/examples/editor.html?c=multiple-y-axis // 处理两个y轴的最大值 => 为使两个y轴的标度线完全重合 ...

2019-07-19 17:01:17 8808

原创 有关webSocket的一些有用的知识链接

1.sockJS和stompjs的一些基础信息:客户端接收服务端消息推送sockjs-client的使用在vue中使用SockJS实现webSocket通信2.前后端的代码示例及讲解:Spring消息之STOMP3.很有意思的原理知识;看完让你彻底搞懂Websocket原理...

2019-04-24 10:30:29 249

原创 点击按钮无限获取上一周,本周和下一周的时间

参考博文:https://blog.csdn.net/qq_36742720/article/details/82455061前两天要画一个echarts图,通过点击 上一周 本周 和 下一周 的按钮来不断获取图的数据。在网上找了蛮久,发现了这个博主写的,超级棒,我改了一下,写在vue里,以便以后用到。// 获取 上周、本周和下周 的时间 getDates(date) { ...

2019-04-23 18:08:06 1144 6

原创 vue里mock.js的初次使用

mock的作用:用我通俗的话来讲,前后端分离情况下,在后台没有写好接口没有数据的时候,可以自己造API和数据,方便页面的完整展示并基本跑通逻辑,等后台写好了API,就直接修改路径调试就好了,节省很多时间。mock的前提是你的项目结构已经基本完善,axios之类不可少使用npm下载:npm install mockjs --save在main.js中引用:创建一个mock文件夹和一个放ap...

2019-04-09 17:47:04 2686

原创 vue单页面中有多个echarts图表时公用代码写法

html中: &lt;div class="charts1"/&gt; &lt;div class="charts2"/&gt; &lt;div class="charts3"/&gt; &lt;div class="charts4"/&gt; &lt;div class="chart

2019-01-28 09:38:45 3669 3

原创 vue 表单验证

整理一下表单验证。要过接口。步骤如下:&amp;amp;lt;el-form ref=&amp;quot;valObj&amp;quot; :model=&amp;quot;valObj&amp;quot; :rules=&amp;quot;rules&amp;quot;&amp;amp;gt;注意ref 和 rules ,是必须的。 model的valObj是绑定的对象,同ref的valObj。给需要验证的表单加prop=“字

2019-01-26 11:25:38 1738

原创 在vue单页面引入外部js文件

嗯,记录一下引入外部js的步骤,也方便以后查看~首先说明,我直接用到了该js中的东西(对象)。将外部js放在static文件夹下在最外部的index.html中引入在build =&gt; webpack.base.conf.js文件下,配置外部环境在相应的页面引入完成。直接用...

2019-01-24 15:30:39 8343 1

原创 vue + element 实现文件上传

当时写文件上传是一件让人难受的事情,测试了很久,终于完成。写完之后超超超超超超级开心~效果如下图:功能描述:点击添加,可以增加多条,如下图:2. 点击删除,顾名思义,删掉这一行。3. 点击照片后面的 x 号,进行图片删除或更改如图:4. 点击确定按钮,整合内容提交给接口难点攻克:选择一个文件上传,添加第二条时,文件展示有误如果我一次增加了多条上传框,但从非第一个的上...

2019-01-24 11:13:39 21082 3

原创 vue+element实现树状菜单并底层菜单横向排列

参考博文:https://blog.csdn.net/qq_33769914/article/details/81562278效果如下:首先用elemnetUI的树形控件,将获取到的数据进行基本展示。其次给他添加底层样式。最后根据获取到的某一属性将其勾选。代码如下:第一步:获取数据: getRoleFunction(postData).then(response =&amp;gt; {...

2019-01-23 16:31:34 17884 16

原创 新手创建vue项目,找到HelloWorld的各方联系

作为一个新手菜鸟入手vue,一开始就使用脚手架创建的项目容易手忙脚乱,一脸懵逼,这是啥,这咋运行起来的,咋找到HelloWorld的???神奇。。emmmmmm,先总结一下我开始使用时候的一些坑。创建一个vue脚手架项目,步骤如下:一. 安装Git、node、cnpm、vue-cli。Git和node在此不再赘述,直接去官网下载安装就可。Git安装成功,鼠标右击会有如下标识node...

2019-01-18 14:19:58 2364 5

原创 vue+element 的单列表格合并

前一段时间做项目的时候遇到了这个问题。用element文档里的试了,不可行。最后百度后找到办法,果然还是广大网友和百度厉害。效果如下:代码如下:&lt;el-table :data="allTruckLossData" :span-method="objectSpanMethod" border style="width: 100%;" class="detailTable"&gt;&...

2019-01-15 10:06:02 1319

原创 JSON对象属性-去重相加

方法一:使用 findIndex方法// 相加去重 replace_plus(dataArr) { // dataArr 是数组 var newData = [] dataArr.forEach(function(el) { // forEach 循环出来是: index 和 每个index 对应的数据 var result = newData...

2019-01-07 15:48:28 1128

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除