｀l l l s j 。-优快云博客

vue是单向数据流，父组件通过props传值给子组件，如果在子组件中修改会报错，一般是不在子组件中修改props的，但偶尔有需要在子组件有修改props,这里介绍三种可以修改子组件props的方法。父组件用sync修饰，子组件通过$emit(‘update:参数’，值)函数去修改。在项目中通常可以用改方法关闭弹框。

2022-09-15 16:03:22 1680

原创 react + antd + ts 从零搭建一个 react-admin平台

react + antd 从零搭建 admin管理系统

2022-05-27 18:01:31 1515

在npm i 的时候 reify:rxjs: timing reifyNode: node_modules/@vue/cli/node_modules/....首先推测可能是 vpm 原因，连接vpm npm i 依旧失败npm config get registry 查看当前镜像源是 npm其次怀疑有可能是镜像原因，不得不切换到cnpm 淘宝镜像源 npm i ，成功了如果不使用 nvm 可以通过：npm set registry https://regi

2022-05-16 14:09:23 1158

原创 js 订阅发布者模式

理解什么是订阅发布者模式：看图说话，现在有2类用户群体（订阅公众号群体，发布公众号群体）和一个平台（wx 平台）你通过平台订阅了你喜欢的作者，作者发布文章你就可以推送给你。这就是一个最简单的发布订阅模式，那么在代码层面是如何实现的呢可以参考下面代码，跟注释就不难理解<script> var bus = { list: [], // 订阅 subscribe(callback) { this.list.push(call

2022-05-13 14:38:58 280

原创 mac m1芯片安装 nvm 踩坑日记

nvm 是什么？nvm 可以管理本地 node 版本，多个项目使用多个不同版本的 node，完全是合理的存在，总不能用什么版本下载什么版本，不用的在卸载吧。那么 nvm 就是一个很好用的 node版本管理工具如何安装 nvm？mac m1 芯片安装 nvm的坑比较多，查阅好多资料，基本该踩的坑我都踩了，那么我来总结一下安装方法：1. 安装 nvm（可能需要连 vpn，至少我是需要的）curl -o- https://raw.githubusercontent.com/nvm-sh

2022-05-11 14:48:20 1094

原创 vue3 hooks 代替 mixins

首先要理解什么是 hooks：vue3中的hooks其实是函数的写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中。这样其实和我们在vue2中学的mixin比较像。下面我们总结一下如何去书写hooks。以动态获取 div 高度为例子：vue2 动态div 高度见之前文章：https://blog.youkuaiyun.com/qq_37167049/article/details/110530443?spm=1001.2014.3001.5502vue3 写法如下：首先创建

2022-05-09 18:31:22 2733

转载 Vue一个页面调用另一个页面的方法

在调用方法页面和被调用方法页面同时引入中间js，通过中间js来进行方法调用将中间js命名为MiddleUtil.js，代码为import Vue from 'vue';export default new Vue;被调用方法页面代码<scripts> import MiddleUtil from '../util/MiddleUtil'; export default { data() { return { property1: '' } } me

2022-02-23 16:52:24 1711 1

原创 elementui DatePicker 默认值，时间范围，传参格式化

效果：功能（以基本涵盖日常开发需求）：默认选中 7天前 ~ 今天日期前台显示格式为日/月/年，后台传参格式为年-月-日当前日期之后不可选，6个月前日期不可选快捷选择 7天，一个月，三个月时间比较麻烦的点在于默认之间到底应该怎么设置？官方给出 api ：default-value ，但查阅相关资料好像比较麻烦。之后通过如下方式实现： <el-date-picker v-model="searchForm.time" size=

2022-02-18 11:36:19 4018

原创 python 将数组中的字典根据 id分组

源数据role_list = ([ {role_id: 1, role_name: 'admin', 'authority': 'create_staff'}, {role_id: 1, role_name: 'admin', 'authority': 'delete_staff'}, {role_id: 1, role_name: 'admin', 'authority': 'read_staff'},

2021-12-30 15:05:37 879

转载 html 整体页面变为灰色

在全国哀悼日，网站需要设置成黑白的，只需在 .css 文件中body里面加下面两行行代码就可以：body{ filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1); -webkit-filter: grayscale(100%);}转载至：https://blog.youkuaiyun.com/qq_42715494/article/details/112254829...

2021-12-20 13:15:54 350

原创 sql 关联2张表补全数据

UPDATE 要更新的表SET 字段1 = cqt.字段1, 字段2 = cqt.字段2,FROM 数据来源表 cqtWHERE 要更新的表.bsm = cqt.bsm例：根据 2张表id_isin 一样，去更新 orbit_instrument_extend 表的 id_mic_prim_exch列update orbit_instrument_extendset id_mic_prim_exch =cqt.id_mic_prim_exchfrom orbit

2021-12-10 09:53:32 1121

原创 python 多线程 ThreadPoolExecutor (线程池) 的使用

从Python3.2开始，标准库为我们提供了 concurrent.futures 模块，它提供了 ThreadPoolExecutor (线程池)和ProcessPoolExecutor (进程池)两个类。比如在跑任务的时候，python 多线程跑回很慢，但是开多个线程跑任务，速度会是倍数的增长。# 引入线程包from concurrent.futures import ThreadPoolExecutor, wait, ALL_COMPLETED# 开启20个线程executor = Thre

2021-10-25 14:15:06 2716

原创 python 事务 rollback()

import psycopg2conn = psycopg2.connect(database=xxx, user=xxx, password=xxx, host=xxx, port=xxx)cur = conn.cursor() try: for sector in self.sector_industry: for industry in sector['industries']: sql

2021-10-20 13:46:47 1067

原创 python判断当前目录是否存在文件夹，没有则创建，且写入日志文件

import osimport sys# 当前文件父级目录 + 要存放 txt 日志的文件夹名字 logcurrent_path = os.path.dirname(os.path.abspath(__file__)) + '/log/'print(current_path, 'current_pathcurrent_pathcurrent_pathcurrent_path')# 判断 log 文件夹是否存在，不存在则创建isExists = os.path.exists(current_p

2021-10-12 11:27:52 572

原创 vue 修改数组属性，页面不重新渲染

有这样一个数组，要做的是，点击div 变色，在点击取消，尝试之后发现，当改变isChoose属性，isChoose值改变，但是页面不会重新渲染。效果如下解决方案如下：思路：既然深度渲染不行，那就用一个新数组重新赋值就ok了chooseDashboard(item) { let tmp = []; this.groupDashboardList.forEach(group => { group.children.forEach((chil

2021-09-29 14:09:21 448

转载 elementui 禁止浏览器填充用户名密码

safari chrome firefox 浏览器都没有问题 ,其他浏览器没有测试转载 : https://www.jianshu.com/p/5055fda5bfbb<el-form-item label="用户名" prop="user_name"> <el-input v-model="info.user_name" :disabled="updateFlag" auto-complete="off" name="person.user.user_name"

2021-08-31 13:26:32 539

原创 vue 使用 Animate.css 实现联系我们组件开发

首先要清楚, Animate.css 是一个 css动画库,为我们封装好了动画效果,我们只需要根据需求选择对应的css写入到div上即可: fade: { title: '淡入淡出', fadeIn: '淡入', fadeInDown: '向下淡入', fadeInDownBig: '向下快速淡入', fadeInLeft: '向右淡入', fadeInLeftBig: '向右快速淡入', f

2021-07-08 14:20:02 942 2

原创哈希数组赋值-减少时间复杂度

有2个数组,分别是countryList:[ {id:1,country:'CN',country_name:'China'}, {id:2,country:'EN',country_name:'England'}, {id:3,country:'AO',country_name:'Angola'}, {id:4,country:'AR',country_name:'Argentina'},];worldMapList[ {id:1,name:'CN'}, {id:2,name:'AR'}

2021-07-01 18:08:44 170

转载 SQL无限分级表递归查询

转载至: https://www.cnblogs.com/liuxiaoji/p/11152094.htmlCREATE TABLE `function` ( `Id` varchar(36) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin NOT NULL COMMENT 'Id', `CreateTime` datetime(0) NOT NULL COMMENT '创建时间', `ModifyTime` timestamp(0) NOT NULL O

2021-06-23 10:42:55 544

原创 python 基础，常用操作(日常更新)

截取最后一个 / 后面的字符串url = ‘http://baidu.com/lllsj/123.text’ri = url.rindex(’/’)ss = url[ri + 1:]print(ss) // 123.text’截取最后一个 / 前面的字符串s = “C:/Python27/1/3.py”pos = s.rfind("/")s[:pos] # “C:/Python27/1”......

2021-06-22 16:49:58 292

原创 python sql 查询结果反给前端简写

先看一个 python 的 demokey_arr=["id","name","age"]val_arr = ["1","lllsj",100]arr_zip = zip(key_arr,val_arr)print(arr_zip)obj = dict(arr_zip)print(obj)result =[]result.append(obj)print(result)结果为:[('id', '1'), ('name', 'lllsj'), ('age', 100)]

2021-05-19 14:21:39 192

原创 vue 实现广告悬浮效果,并防抖性能优化

节流防抖参考link:https://blog.youkuaiyun.com/zuorishu/article/details/93630578<template> <img :src="aiUrl" class="ai-img" id="ai-img" /></template><script>export default { data() { return { timer: null, aiUrl: require("

2021-02-09 09:23:21 1004

原创 js 改变数据结构去画echarts 图(解决)

如图: 后端返回格式let obj = { '1:2': [{ random: '11', age: '1' }, { random: '11', age: '1' }, { random: '11', age: '1' }], '1:3': [{ random: '12', age: '2' }], '1:4': [{ random: '12', age: '2' }, { random: '12', age: '2' }], '2:1':

2020-12-18 16:17:44 432 1

原创 vue mixins（vue3 hooks）动态获取div高度

之前转载过一篇文章:https://blog.youkuaiyun.com/qq_37167049/article/details/103084927可以动态计算div 高度,但是比较繁琐的痛点是:需要在每个需要计算高度的.vue中都需要 copy一份,这样就很麻烦那怎么样能解决这个问题呢?可以参照vue 官网使用 mixins来解决:https://cn.vuejs.org/v2/guide/mixins.htmldemo 如下:新建 mixins 文件夹:下建立 getHeightPX.

2020-12-03 14:35:28 2701

原创 vue实现可展开且可多选table 组件封装

基于网上代码进行优化, 实现实际开发功能效果如图:在父组件可以拿到当前点击所有行数组:就可以愉快的把 id 传给后端了!创建 TreeTable 组件:<template> <el-table ref="multipleTable" :data="formatData" :row-style="showRow" v-bind="$attrs" > <!-- @header-click="chooseall"

2020-11-23 22:36:48 1106

原创 vuex mutations改变触发页面刷新

如图所示:功能要求当点击又上角的 asdaf123 时,页面需要重新获取api.实现想法:使用vuex,当mutations 改变state状态,在页面监听,则可重新发请求获取列表在点击左上角时在header 组件中: if(this.$route.path==='/setting/xxxxx'){ this.$store.commit("noticePageMutation", Math.random(1,100));

2020-11-01 18:21:47 1020

原创 vue+elementui实现 15天记住密码登录,对密码加密

使用crypto-js加解密npm install crypto-jsimport CryptoJS from “crypto-js”; <el-form-item style="margin-bottom:0;border:0;"> <el-checkbox v-model="checked">Remember Password</el-checkbox> </el-form-item> <el-button

2020-10-09 19:30:04 918

原创 vue echarts 点击左侧菜单,宽度无法自适应,且支持窗口大小改变echarts图自适应

1.引入 element-resize-detector依赖npm i element-resize-detector --save2.新建 chart.resize.js 文件import echarts from 'echarts';import Vue from 'vue';import elementResizeDetectorMaker from "element-resize-detector"export var version = '0.0.1';var compatibl

2020-09-01 11:18:45 1318 7

原创 vue 自定义 echarts 主题

可以在 https://echarts.baidu.com/theme-builder/zh/index.html 自定义echart样式然后导出.vue操作:npm install echarts --savemain.jsimport echarts from 'echarts'// echartsVue.prototype.$echarts = echarts新建一个.js文件把下载好的 json copy进来:比如在 assets下新建echart-theme.jsco

2020-08-19 12:58:35 315

原创 elementui 手动上传头像

使用elementui 照片墙,只显示一张图片,给后端传二进制格式,点击 upload 手动上传:效果如图所示:<el-dialog title="Avatar" :visible.sync="dialogVisible"> <el-upload ref="uploadPic" action="/api/upload" list-type="picture-card"

2020-08-13 21:16:20 2545

空空如也

空空如也