彦心瑶-CSDN博客

转载登录记住密码自动登录功能

//设置cookie setCookie(c_name, c_pwd, exdays) { var exdate = new Date(); //获取时间 exdate.setTime(exdate.getTime() + 24 * 60 * 60 * 1000 * exdays); //保存的天数 //字符串拼接cookie window.document.cookie = 'userName' + '=' + c_name + '.

2021-06-22 10:10:25 150

原创删除数组中存在的，添加不存在的

let ruleForm=[] let arr = this.ruleForm.filter(item => item == id); if (arr.length) { this.ruleForm.= this.ruleForm..filter( item => item != id ); } else { this.ruleForm..push(id); }拿走不谢...

2021-05-28 17:07:49 215

原创 tree树桩结构自定义

elemtent tree样式修改最近好久没有添加新文章了借着在项目中遇到的要借用element的tree树桩组件但是<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>就这单单一行一些样式不知无从下手（菜菜的我是这样想的，一些大佬勿喷）这默认的样式不满足我了<div class="tree-data"> <el

2021-05-13 14:57:25 250

原创 AjaxAll并发请求

最近写项目遇到好多需要数据同时请求并渲染的废话不要多上货（本项目VUE开发如有不同自行变换）mounted() { //事件触发 this.getAllPipelineData() }, ajaxAll() { //ajax并发封装 return Promise.all([ axios.get('*************'), //不用说都知道这个写什么吧 axios.get('*************')

2021-03-16 10:01:33 418

原创数组中数字相加

var aa=[3,4,5,6]this.nodeber = aa.reduce(function(a, b) { return a + b }, 0)

2021-03-16 09:52:38 1988

原创 video标签布播放FLV直播视频

不多哔哔直接上案例<video ref="video" class="video-js vjs-default-skin vjs-big-play-centered flex-grid aaaa" style="object-fit: fill;width:100%" :width="width" :height="height" autoplay loop >抱歉,

2021-02-04 17:26:00 3468

原创 DataTransfer(setData()方法)

先来看看官方的解释DataTransfer对象专门用来存储拖放时要携带的数据，它可以被设置为拖放事件对象的DataTransfer属性。—把拖动的数据存入其中setData有两个参数：1.第一个参数为携带数据的数据种类的字符串，只能填入类似“text/plain”或“textml”的表示 MIME类型的文字2.第二个参数为要携带的数据目标元素使用getData（）方法(1).目标元素接受到被拖放的元素后，执行getData()方法从DataTransfer里获取数据(2).getD

2021-02-04 17:20:49 8981 1

原创手写tree树桩结构并控制展开

<div> <div v-for="(item, index) in *****" :key="index" class="tree-div"> <div v-if="item.count !== 0 && item.selected !== 0" @click="openNode(item)" class="tree-item" :class="{ active: item.n

2021-02-03 09:25:12 271

原创 vue中component选项卡功能按钮控制进入下一个页面

我在上一篇写了vue中component选项卡功能今天又遇到还要通过一个按钮控制跳转下一个组件结构我就不多介绍了上一篇文章有<div class="Nav-compent"> <el-menu :default-active="nex" class="el-menu-demo" mode="horizontal" @select="handleSelect" > &l

2021-01-27 14:49:06 268

原创 vue data数据输出自循环

imgs: new Array(2).fill({}).map(() => ({ })),

2021-01-26 18:05:45 321

原创 Element tree树形结构动态添加子节点数据并自动展开

vue中使用element组件库tree实现动态增加节点今天写了个项目用element中的tree组件动态的添加子节点数据刚写是发现 tree中 :data="|" 绑定的值如果添加数据的话不能实现视图的更新我也是在网上看了许多组件将方法整理出来<el-tree ref="tree" :data="Treelist" :props="defaultProps" @node-click="handleNodeClic

2021-01-20 17:47:28 9415 3

原创时间戳格式化

时间戳格式化找到了一个很强大的工具—dayjsday.js 一个轻量的处理时间和日期的 JavaScript 库安装npm install dayjs --save在组件中添加import dayjs from ‘dayjs’API参考：当前时间dayjs()

2021-01-15 15:54:59 382

原创必应壁纸

图片接口推荐必应壁纸1366*768分辨率图片地址：https://api.dujin.org/bing/1366.php1920*1080分辨率图片地址：https://api.dujin.org/bing/1920.php手机标准分辨率1080*1920图片地址：https://api.dujin.org/bing/m.php动漫图片https://api.ixiaowai.cn/api/api.phphttp://www.dmoe.cc/random.phphttps://api

2021-01-15 11:15:34 650

原创 Nginx反向代理安装，使用

今天刚接触Nginx反向代理，怕忘记特此来写一篇笔记首先安装安装路径：http://nginx.org/en/download.html点击下载会有一个zip压缩包把它放在自己创建的文件夹里或者电脑盘中然后在再在的文件夹中 CMD 打开小黑框然后用start nginx 启动nginx 你会发现屏幕有闪动再用：**tasklist /fi “imagename eq nginx.exe”**进行测试如果出现下面情况表示成功nginx命令启动nginx一旦nginx启动，它可以

2021-01-08 14:13:11 90

原创 VUE中D3 js动态生成svg线格背景

我也是被逼无奈在网上搜索了很长时间，竟然没有关于svg动态生成一些图标线条背景之类的那我只能结合网上类似的操作自己写一个了<template> <div id="context" @mousedown="move"></div></template><script>import * as d3 from "d3"; //引入d3export default { mounted() { var vg = d3

2021-01-04 17:00:17 644

原创 D3 js入门基础操作

学习D3之前先了解一下你可能看过很多遍对 D3的基本解释D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。如果你不知道什么是 JavaScript ，请先学习一点 JavaScript 的基础知识。选择元素和绑定数据d3.select() 选择所有指定元素的第一个d3.selectAll() 是选择指定元素的全部例：var vg=

2021-01-04 16:10:07 457

原创 vue中component选项卡功能

vue选项卡在element中也有组件但你会发现结构嵌套太深一些样式根本控制不了所以今天用 component的一种高阶用法组件形式写选项卡首先创建三个空vue实例比如 aa.vue bb.vue cc.vue我们把aa.vue作为选项卡的载体，就想子父组件的形式 aa.vue为父bb.vue和cc.vue为子组件然后在aa.vue中挂在bb.vue和cc.vueimport alarmRuleManagement from "./bb.vue";impor

2020-12-10 19:09:34 220 1

原创 Vue-项目优化上线

项目开发阶段和上线以后有些地方可能不一样，接口可能会发生改变，还有上线以后不需要的文件，等一些问题存在，所以解决办法是，把入口文件分开，一个用于开发环境打包，一个用于上线以后打包一，项目优化具体步骤，分为以下几点：默认情况下，Vue项目的开发模式与发布模式，共用同一个打包的入口文件（即 src/main.js）。为了将项目的开发过程与发布过程分离，我们可以为两种模式，各自指定打包的入口文件，即：1.在src目录下创建 prod_env.js和dev_env.js① 开发模式的入口文件为 s.

2020-09-24 21:11:30 87

原创面试--vue 生命周期

vue 生命周期vue的生命周期是什么？前言vue生命周期是指vue实例对象从创建之初到销毁的过程，vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。1,创建前(beforeCreate)对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数据观察和事件机制都未形成，不能获得DOM节点。2，创建后（created）对应的钩子函数为created。在这个阶段vue实例已经创建，仍然不能获取DOM元

2020-09-15 18:57:39 176

原创面试题：promise了解

前言从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。promise为了解决多层的函数，方法的嵌套调用的方法而存在的简单的来说：就是将一层一层的嵌套给铺成一串连续调用的方法，回调地狱，函数作为参数层层嵌套，层级很深，使得代码看起来很混乱。promise的状态：pending：初始状态，既不是成功也不是失败状态。resolve：操作成功。rejected：操作失败。特点- Promise的状态一旦发生改变便无法更改- Promise的回调是同步的，而then

2020-09-08 21:16:58 430 1

原创详谈--VUEX简介

vuex简介安装npm i vuex -Scnpm i vuex -Svuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。vuex里有这么一个规则：只能在mutaions里修改state，actions不能直接修改statevuex 中还有state,getters,mutations,actions, modules,这五个核心部分State 储存

2020-09-03 20:28:59 125

原创详谈 --寄生组合式继承

寄生组合式继承## 标题所谓寄生组合式继承，即通过借用构造函数来继承属性，通过原型链的混成形式来继承方法基本思路：不必为了指定子类型的原型而调用超类型的构造函数，我们需要的仅是超类型原型的一个副本，本质上就是使用寄生式继承来继承超类型的原型，然后再将结果指定给子类型的原型。寄生组合式继承的基本模式如下所示：function inherit(subType,supType){var prototype=object(superType); //创建对象prototype.constructor=

2020-09-02 22:30:14 140

原创详谈，原型与原型链

原型和原型链原型的作用就是实现属性和方法的共享原型js规定每一个函数都有一个proto属性，指向另一个对象(自身的原型)，函数对象除了proto之外还有prototype属性，当函数作为构造函数创建实例时，该属性就被作为实例对象的原型原型链当一个对象调用自身不存在的属性和方法时就会去自己的proto的前辈prototype对象上去找，如果没找到就会去prototype的前辈上去找直到找到或者返回undefiend 这个链式查找的过程就是原型链每一个对象都有一个他自身原型对象的连接拥有相同

2020-09-02 20:53:22 107

原创继承基础定义及方法

继承继承是一种机制，继承的子类可以直接使用父类的属性和方法。注:不是父类中的所有属性和方法都可以被子类使用（private不可被继承，父类的构造方法不能被继承）。简单来说：继承可以提高代码的复用性继承的方法原型链继承 ()基本思想：利用原型让一个引用类型继承另一个引用类型的属性和方法。缺点：1通过原型来实现继承时原型》》》》另一个实例实例》》》现在原型原型的引用类型属性会被所有的实例共享。2创建子类型的实例，给父类型的构造函数传递参数时会影响所有对象实例2.借用构

2020-09-02 20:50:29 161

原创 this指向及 call, apply, bind区别（绝对干货）

this, call, apply, bindthis指向，apply，call，bind的区别是一个非常经典的面试问题，这里面可以分枝出许许多多的问题，其中this 的问题最多但它也容易记住，简单来说万变不离其宗-----就是this的引用环境，决定this指向this设计的初衷是在函数内部使用，用来指代当前的运行环境那我们就要说说环境一门语言在运行的时候，需要一个环境，叫做宿主环境。对于JavaScript，宿主环境最常见的是web浏览器，另一个最为常见的就是 Node 了，同样作为宿

2020-09-01 22:00:47 282

原创 VUE三元运算符基础用法

三元运算符var x=10,var y=20var z=(x > y) ? x : y;若 x > y 则 x的值赋给z若 x < y 则 y的值赋给z就是根据？连接符前面的表达式成立是为 true 不成立为 false为 true 冒号前的赋值为false 冒号后的赋值在data中 acvtion设置为true <template> <div> <div :class="acvtion ? 'init':'un

2020-08-31 19:51:59 6349

原创 JS数据类型及判断方法

数据类型有7种 :undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）、Symbol，BigIntSymbol是 ES6 引入了一种新的原始数据类型，表示独一无二的值。BigInt (ES10)是ES10新增类型BigInt重点说一下这个新的原始类型BigInt 是一种内置对象，它提供了一种方法来表示大于 253 - 1 的整数。这原本是 Javascript中可以用 Number 表示的最大数字。BigInt 可以表示任意大的

2020-08-31 19:18:49 298

jasojfosijfoids的博客