小橙子已存在-CSDN博客

原创 Element ui el-tree 组件展开关闭所有节点方法

Element ui el-tree 组件展开关闭所有节点方法Element ui el-tree 组件展开关闭所有节点方法递归遍历每个节点改变 node的expanded 属性值 changeTreeNodeStatus(val, flag) { const node = val node.expanded = flag; for (let i = 0; i < node.childNodes.length; i++) {

2021-01-25 09:32:29 6044 3

原创 echarts 自定义 tooltip 显示内容

echarts 自定义 tooltip 显示内容在项目开发过程中，对于图形的需求，在使用echarts 的基本功能已经够项目的使用，但是也免不了需要自定义的需求，这里简单的讲下怎么自定义 tooltip通过 tooltip 的 formatter 方法，自定义内容就可以，注意 params参数的值，是series数据里面传过去的...

2020-08-18 13:55:34 1187

原创 el-table使用lazy模式数据更新节点中的数据不更新问题

el-table使用lazy模式数据更新节点中的数据不更新问题在使用el-table组件的lazy懒加载时,load方法可以实现子节点的懒加载。但是当table的数据重新渲染而key值并没有改变时,会发现展开状态下的子节点数据无法更新，为了解决这问题，通过看源代码发现，可以改变这两个值在数据重新渲染的时候更新子节点的状态信息 this.$refs.table.store.states.treeData[`${item}Team`].loaded = false；

2020-07-20 17:46:31 3029

原创 el-date-picker时间选择器的当前时间前 6 周 6 天 6 月控制

el-date-picker时间范围选择器的当前时间前 6 周， 6 天，6 月控制日期前6天，不包含当天月份范围控制，本月之前6个月周因为没有范围，所以用两个单周选择联动表示原理类似范围控制在前6周可以选择，6 天的控制6个月的控制...

2020-07-16 15:38:14 786

原创 vue 清除keep-Alive 页面缓存

vue 清除keep-Alive 页面缓存在Vue开发中用keep-alive 可以缓存页面状态，防止重新渲染DOM，在对页面性能优化上有好处，有利也就有弊，对于想清除页面缓存我们该怎么做呢？如下beforeRouteLeave(to, from, next) { if (to.name === 'login') { this.$vnode.parent.componentInstance.cache = {} this.$vnode.parent.componentIns

2020-07-14 13:56:22 2077 1

原创 navigator.userAgent.toLowerCase() 判断当前用户所使用的浏览器

navigator是HTML的内置对象；userAgent是navigator的属性方法，可以返回客户机发送服务器的头部信息。作用是返回当前用户所使用的什么浏览器；toLowerCase()转换为小写。区分Android、iphone、ipad：var ua = navigator.userAgent.toLowerCase(); if (/android|adr/gi.tes...

2019-04-22 14:40:13 1159

原创 JS中for循环出现的问题：如何给li元素绑定事件，点击每个li元素弹出对应的索引？

<html><head><title>无标题文档</title><script type="text/javascript">window.onload=function(){var li=document.getElementsByTagName("li");for(var i=0;i<li.length;i++){...

2019-04-22 14:35:51 628

原创 css3 粘性固定 position:sticky

当我们在使用css3对我们的网页进行修饰的时候，你有没有过这种场景在一个希望不用监听scroll事件，导航栏实现滚动绝对定位的效果。.nav{ position:sticky; top: 80px}当viewport 视口滚动到元素距离小于设置的80px的时候，元素属于相对定位relative，当viewport 视口滚动到元素距离大于设置的80px的时候，元素此时属于绝对定位absol...

2018-11-23 15:24:38 577

转载 vue中使用webscoket

记录一下在vue中使用webscoketscok.js 是一个webscoket的js库stomp 是一个单文本定源信息协议// 安装并引入相关模块import SockJS from 'sockjs-client'; import Stomp from 'stompjs';export default { data() { return { dataList: [] ...

2018-10-16 15:29:06 1497

原创 for循环绑定事件，寻找索引的问题

for循环绑定事件，寻找索引的问题在一个li 的列表当我们想给li绑定一个点击事件，你是否有这样的想法function myfun(){var li = document.getElementsByClassName(&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;li&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;);for (var i = 0; i&amp;amp;am

2018-10-15 16:49:13 826

原创移动端h5页面不同尺寸屏幕适配方法

移动互联网时代，多端适配对于前端工作者来说带来了很多麻烦，有麻烦相应的就有解决方案，面对适配方法有很多，百分比布局。弹性布局，，还有rem布局今天主要针对rem布局讲解一下；本方法是阿里手淘的页面方法，详细讲解就不多赘述，，下面附上链接自行查看http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html，，本文主要...

2018-10-11 17:02:00 12588 4

原创移动端h5 页面底部有一条白线的解决方案

一般这种情况是由于img标签自带的属性导致，，，如果不是因为img导致的请另行百度img标签自带有3px的空隙解决方案大致分为以下三种：img {font-size:0}img {display:block}img {vertical-align:top/middle} ...

2018-10-11 16:35:35 9186

转载 vue2. 关于vue2 app 请求接口代理的两种方式

重点内容 . 1. webpack.dev.conf.js中创建接口:// 开头调用: var express = require(‘express’) var axios = require(‘axios’) var app = express() var apiRoutes = express.Router() app.use(‘/api’, apiRoutes)// d...

2018-09-03 15:20:51 2046

原创 js中数组方法push pop shift unshift 的区别

push pop shift unshift 的区别这四个方法都是对Arry进行操作，为了方便记忆我们把push 和 pop分为一组，unshift和shift分为一组， push()向Array的末尾添加若干元素， pop()则把Array的最后一个元素删除掉 unshift()方法往Array的头部添加若干元素， shift()方法则把...

2018-08-24 15:31:53 1681

原创 javascript中call()、apply()、bind()的区别

javascript中call()、apply()、bind()的区别call()、apply()、bind() 都是用来重定义 this 这个对象的　　如：　 obj.myFun.call(db)；　　　　 obj.myFun.apply(db);　　　 ...

2018-08-23 15:33:05 226

转载浅谈JavaScript的执行机制

浅谈JavaScript的执行机制首先我们先来了解一下关于js的以下两点JS是单线程语言JS的Event Loop是JS的执行机制。(1) JS为什么是单线程的？ JS最初被设计用在浏览器中，那么想象一下，如果浏览器中的JS是多线程的。场景描述：那么现在有2个进程，process process1，由于是多进程的JS，所以他们对同一个dom，同时进行操作。 proce...

2018-08-23 15:15:16 1854 1

岁月清浅，不落痕迹