Pinia_0819-CSDN博客

原创 vue路由传参的三种基本方式

项目中很多情况下都需要进行路由之间的传值，想过很多种方式 sessionstorage/localstorage/cookie进行离线缓存存储也可以，用vuex也可以，不过有些大材小用吧，不管怎么说因场景而异下面我来说下vue自带的路由传参的三种基本方式先有如下场景点击当前页的某个按钮跳转到另外一个页面去，并将某个值带过去<div class="examine" @click="insurance(2)">查看详情</div>第一种方法页面刷新数据不会丢失met.

2022-03-16 17:36:01 144

原创 JS 数组去重

var arr = [1, 2, 1, 1, 1, 2, 3, 3, 3, 2]// onefunction quchong(arr) { let newArr2 = [] for(let i = 0; i<arr.length;i++) { if(!newArr2.includes(arr[i])) { newArr2.push(arr[i]) } } return newArr2}let res_arr

2022-03-07 16:52:10 133

原创 JS 斐波那契数列

function feibo(n) { if(n <= 2) { return 1 } return feibo(n-1) + feibo(n-2) }let res = feibo(5)// 1 1 2 3 5 8 13console.log('第五个菲波那切数为', res)

2022-03-07 16:41:58 104

原创 JS 正则表达式千分位分隔符

function thousand(num) { return (num+"").replace(/\d(?=(\d{3})+$)/g, "$&,") } console.log(thousand(123456789));

2022-03-07 16:40:11 853

原创 JS 是否回文

function isHuiWen(str) { return str == str.split("").reverse().join("")}// 判断一个数是否为回文数比如 12321 正读是'12321'，反读也是 '12321' 正读反读都是一样的就是回文数console.log(isHuiWen("123454321"))

2022-03-07 16:39:11 68

原创 JS 插入排序法

function insertSort(arr) { let linshi for(let i = 0; i < arr.length; i ++) { if(arr[i] < arr[i - 1]) { linshi = arr[i] arr[i] = arr[i - 1] let j = i -1 while(j >= 0 && arr[j]

2022-03-07 16:37:41 133

原创 JS 快速排序

function quickSort(arr) { if(arr.length <=1) { return arr } let middle = Math.floor(arr.length/2) // splice截取 // splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 let middleDta = arr.splice(middle,1)[0] console.log('middleDta',

2022-03-07 16:35:04 75

原创 JS冒泡排序

//数组从小到大排列function bubbSort(arr) { for(let i = 0; i < arr.length; i++) { //第一遍循环是循环的次数第一次循环... for(let j = 0; j < arr.length; j++) { // 第一次循环之后把得到的数据再跟后面的去比较... if(arr[j] > arr[j+1]) { let trum = arr[j]

2022-03-07 16:28:40 64

原创 JS 防抖_节流

防抖_节流练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2022-03-07 16:19:29 182

原创关于echarts的所有示例

http://www.ppchart.com/#/https://www.isqqw.com/#/homepagehttps://echarts.isqqw.com/#/homepage

2022-03-02 09:09:52 571

原创 JS 冒泡排序

function bubbSort(arr) { for(let i = 0; i < arr.length; i++) { //第一遍循环是循环的次数第一次循环... for(let j = 0; j < arr.length; j++) { // 第一次循环之后把得到的数据再跟后面的去比较... if(arr[j] > arr[j+1]) { let trum = arr[j]

2022-02-28 21:30:47 68

原创 JS 异步函数执行

async function async1() { console.log('async1 start') await async2() console.log('async1 end')}async function async2() { console.log('async2')}async1()console.log('script start')// async1 start// async2// script start// async1

2022-02-28 21:22:58 451

原创 JS Promise原理

class MyPromise2 { constructor(executor) { this.state = "pending" this.value = undefined this.reason = undefined this.successCB = [] this.failCB = [] let resolve = (value) => { if(this.sta

2022-02-28 21:18:01 264

原创 JS 宏任务_微任务

setTimeout(function(){ console.log('1')});new Promise(function(resolve){ console.log('2'); resolve();}).then(function(){ console.log('3')});console.log('4');new Promise(function(resolve){ console.log('5'); resolve();}).then(f

2022-02-28 21:09:38 180

原创 JS 深拷贝

方法一JSON.parse(JSON.stringify(object)) let a = { age:25, status:{ name:'大哥' } } let b = JSON.parse(JSON.stringify(a)) a.status.name = '小弟' console.log(b.status.name) //

2022-02-28 21:01:00 130

原创 JS 浅拷贝

浅拷贝只能拷贝对象的简单数据类型（基础数据类型）let obj = { nane:'亚瑟', age: 22, fun: function () { let skill = '沉默' console.log('原地转圈圈', skill) }}function Q_Kaobei(o) { let obj1 = {} for(let i in o) { obj1[i] = o[i] } r.

2022-02-27 11:30:45 219

原创 JS 寄生组合继承

寄生组合继承就是组合继承 + 原型继承的结合体 js内部会把这个寄生组成封装成 extendfunction Father(name) { this.name = name this.hbody = ['吃饭', '睡觉', '打豆豆']}Father.prototype.getName = function() { console.log(this.name)}function Son(name, age) { Father.call(this, nam.

2022-02-27 11:12:32 788

原创 JS 组合继承

组合继承，可以继承父类的还可以自己添加自己的属性，如Son.age属性。

2022-02-27 10:56:51 848 2

原创一个完整的vue页面（含增删改查导出，上传图片、视频，保存编辑相关操作）

<template> <div class="wrap-box" id="SheXiangRecord"> <el-form :inline="true" :label-position="labelPosition" label-width="80px" :model="ruleForm" class="demo-form-inline" > <el-form-item p

2022-02-27 10:27:34 2560

原创 Vue常见的几种组件传值方式

组件系统是 Vue.js 其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用。在 Vue.js 应用程序开发过程中常常需要处理组件传值的问题，下面详细列举几种常见的组件传值方法。1.props父组件代码:<template> <child-component title="子组件标题"></child-component> // 传输静态值 <child-component v-bind:title="title"&g

2022-02-27 10:17:45 581

原创 JS 原型链继承

JS 原型链继承

2022-02-24 23:11:28 180

原创基于elementUI的封装的登录框

//账号密码输入框前面带图标密码框自带小眼睛<template> <div class="login_bg"> <div class="login_box"> <div class="login_title">庐陵湿地安全预警评价系统</div> <div class="login_item"> <el-input placeholder="账号"

2022-02-21 10:16:52 719

原创当从别的页面点击跳转至这个页面时地址中携带了参数可以通过这个方法获取

关于object的一些方法： <iframe name="content" id="iframePage" frameborder="0" width="100%" height="100%" style="overflow: hidden;"></iframe> //当从别的页面点击跳转至这个页面时地址中携带了参数可以通过这个方法获取 var params = decodeURI(window.location.href.split("=")[1]); var

2022-02-21 10:14:35 872

原创常用jq属性方法：

常用jq属性方法： $('.bt_img').eq(0).find('img').attr('src', './images/yw_1.png') //第一个bt_img里面的img并给他设置属性src： ‘./images/yw_1.png’jQuery event.stopPropagation() 方法:阻止 click 事件冒泡到父元素：$("span").click(function(event){event.stopPropagation();alert("The span eleme

2022-02-21 10:13:52 378

空空如也

空空如也