天宇流沙-优快云博客

原创快速解决Error: error:0308010C:digital envelope routines::unsupported的三种解决方案

报错

2023-12-06 09:56:48 1875 1

原创 redux状态管理核心流程

2.创建reducer 对象，并实例化；1引入create 从redux库，4.reducer写数据处理逻辑。3.发送一个dispach,

2023-08-29 21:13:43 222

原创 git查看本地分支是基于那个分支建立的

show是缺省值，下面命令等同于git reflog 分支名git reflog show 分支名查看merge和checkout记录git reflog show --date=local | grep 分支名

2022-03-09 20:13:32 2822

原创 vue展开评论功能

initReply(data).then((res) => { if (res.length > 0) { res.forEach((v) => { if (this.hadExpendSonList.includes(v.id)) { // 如果展开的回复列表id包含了当前回复的id，不做任何操作 } else { // 如果不在，找出父级 l..

2022-02-16 22:31:37 1133

Vue面试题生命周期函数面试题1.什么是 vue 生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解？vue路由面试题1.mvvm 框架是什么？2.vue-router 是什么?它有哪些组件3.active-class 是哪个组件的属性？4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值5.vue-r

2022-01-26 21:03:26 593

原创 vue购物车计算商品总价带金额千分位

<div>总计{{totalPrice}}</div> this.list=[ {price:30,num:32,name:'book'}, {price:20,num:12,name:'apple'}, {price:10,num:31,name:'coffee'}, ] computed:{ // 总价 totalPrice(){let total=0;for(let i=0;i<.

2021-12-26 21:26:01 563

原创 react兄弟组件通信，类组件向函数组件通信

/* eslint-disable react/jsx-indent *//* eslint-disable import/named */import React from 'react';import Top from './top';import Left from './left';import Content from './conent';import './c.less';class Main extends React.Component { constructor(pr

2021-12-23 21:45:35 503

原创 lookupAxiosconfig

dynamicProps:(｛record,dataset｝)=>{let dataCode=recode.get(“unit”)?.value;let oneData=data.mainDat a list?.filter(v=>v .value=dataCode)[0];return required:onedata&&onedata.tag!”Y“ }lookupAxiosconfig:({dataSet,lookupCode})=>({meth:'get`,

2021-11-17 23:59:30 147

原创前端流星雨css/html/js

<!DOCTYPE html><html lang="zh-Hans"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>编译中梦见未来</title> <link rel="stylesheet" href="style.css"&

2021-09-26 22:39:24 532

原创 echarts css

/*清除元素默认的内外边距 */* { margin: 0; padding: 0; box-sizing: border-box;}/*让所有斜体不倾斜*/em,i { font-style: normal;}/*去掉列表前面的小点*/li { list-style: none;}/*图片没有边框去掉图片底侧的空白缝隙*/img { border: 0; /*ie6*/ vertical-align: middle;}/*让button 按钮

2021-09-13 19:59:49 748

原创 echartsdemo

// 监控区域模块制作(function() { $(".monitor .tabs").on("click", "a", function() { $(this) .addClass("active") .siblings("a") .removeClass("active"); // console.log($(this).index()); // 选取对应索引号的content $(".monitor .content".

2021-09-13 19:54:25 1339

原创 echarts demo

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>数据可视化项目</title> <link rel="stylesheet" href="fonts/icomoo

2021-09-13 19:45:33 287

原创 js过滤对象中值为空的属性

export function filterNullValueObject(obj) {for(const i in obj){ if(obj[i]===''||obj[i]===null||obj[i]==='null'){ delete obj[i]}}return obj }

2021-09-12 22:21:17 3276

原创 js判断移动端是安卓还是苹果手机

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); alert('ipone')} else if (/(Android)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); alert('安卓')} else { alert(3)};

2021-08-30 16:38:04 237

原创设置antdesign-vue表格滚动条在最上方（吸顶）

document.querySelector('.ant-table-body').scrollTop = 0

2021-08-29 21:36:43 3652

原创 mvvm响应代码

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>复制粘贴</title></head><body > <div id="app-7"> <h3>{{msg}}</h3> <div v-text='msg'></div> <div v-te

2021-08-10 22:19:10 187

原创 antdesign-vue表格table组件列字段筛选

<template> <div class="boxbig"> <div class="mean-content"> <div class="right-btns">  <a-button class="table" @click="handleTable"> <a-icon type="table

2021-07-25 18:11:04 3525

原创 js给元素加动画闪烁

aa () { setTimeout(this.bb, 500); setTimeout(this.bb, 900); setTimeout(this.bb, 1300); }, bb () { let dom = document.querySelectorAll('.class1')[0]; dom.classList.add('checked-td-of-add-table'); let timer..

2021-06-29 23:08:07 778

原创 vue-antdesign文件上传，及vue调用扫码监听回车。

//方案：将流格式的文件传给后端，后端返回可访问的图片地址。再次查询时，按如下格式将后端给的图片放回到组件的filelist里。//上传后查询图片，后端提供接口 getProblemPhoto(this.problemResData.id).then((res) => { console.log(res); this.fileList = res.map((v) => ({ uid: `${v.id}`,//随便写

2021-06-20 20:10:35 559

原创 vue使用ref调用子组件内部方法及子组件调用父组件方法，循环清空对象的值。

// 外层父组件，文件一 <van-icon name="cross" @click=" nocheck = false;// x图标关弹窗 $refs.nochecks.resetData();//2.$refs.nochecks调用组件nocheck的方法，清除数据。 " /> <nocheck ref="nochecks" //1。给组件加ref

2021-06-20 19:51:54 994

原创 antdesign-vue的table三种加rowkey的方式

<a-table :columns="columns" :data-source="tableData" size="middle" :rowKey='record=>record.id'> // id为 tableData 中的一个属性</a-table><a-table :columns="columns" :data-source="tableData" size="middle"

2021-06-17 19:26:36 6214 2

原创 vue-easy-table的rowkey设置及行单选，以及清除共用表格的数据

地址：https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/row-radio <ve-table style="width:100%" :columns="columns" :table-data="tableData" :radio-option="radioOption" row-key-field-name="rowKey" // rowkey为数据源的唯

2021-06-06 10:18:12 1313

原创移动端vue下拉刷新

<template><van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <div class="page-container border-box"> </div></van-pull-refresh></template><script>import { Calendar as VanCalendar, PullRef

2021-06-03 21:38:12 288

原创 antdesign-vue表格点击获取行数据

<div> <a-table rowKey="id" key="list" style="width: 100vw" :columns="columns" :data-source="tableData" :customRow="customRow" //选中绑定重点 :pagination="false" :scroll="{ y: '72vh', x: 250 }" /&gt

2021-06-03 19:56:00 4436