- 博客(103)
- 收藏
- 关注
RSS订阅原创 css吸顶特效（elementui vue3官网）
效果如图：当浏览器滚轮在最上面的时候 没什么区别。当鼠标滚轮超出最上面高度时会有这种粒子感。首先要 明确 css 基础属性 position: sticky;
2023-10-09 17:00:19
1185
1
原创 css+js 实现卡片悬停放大动画，其他元素缩小模糊效果
之前看有人通过 纯css 实现，通过 父元素 框选 子元素实现，会有一个问题，当我鼠标在 白色空白区域，也会触发 模糊效果。我想实现的效果是，只有在 灰色区域才触发效果。
2023-04-27 17:57:46
522
1
原创 vue左右拖拽，内置iframe拖拽卡顿问题
转载自：https://blog.csdn.net/qian_li_hui/article/details/127410905。如图：实现左侧是 iframe的 pdf预览器，右侧是输入文字，问问题。中间可以调节2侧宽度。
2023-04-06 16:07:12
901
1
原创 vue异步加载数据 传递给 子组件，触发mounted方法，子组件修改父组件值
vue是单向数据流，父组件通过props传值给子组件，如果在子组件中修改会报错，一般是不在子组件中修改props的，但偶尔有需要在子组件有修改props,这里介绍三种可以修改子组件props的方法。父组件用sync修饰，子组件通过$emit(‘update:参数’，值)函数去修改。在项目中通常可以用改方法关闭弹框。
2022-09-15 16:03:22
1618
原创 nrm 管理 镜像源
在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
929
原创 js 订阅发布者模式
理解什么是 订阅 发布者模式：看图说话，现在有2类用户群体（订阅公众号群体，发布公众号群体） 和 一个 平台（wx 平台）你 通过 平台 订阅了 你喜欢的作者，作者发布文章你就可以推送给你。这就是一个 最简单的 发布订阅模式，那么在代码层面是如何实现的呢可以参考下面代码，跟注释就不难理解<script> var bus = { list: [], // 订阅 subscribe(callback) { this.list.push(call
2022-05-13 14:38:58
232
原创 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
1001
原创 vue3 hooks 代替 mixins
首先要理解什么是 hooks：vue3中的hooks其实是函数的写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中。这样其实和我们在vue2中学的mixin比较像。下面我们总结一下如何去书写hooks。以 动态获取 div 高度为例子：vue2 动态div 高度 见 之前 文章：https://blog.csdn.net/qq_37167049/article/details/110530443?spm=1001.2014.3001.5502vue3 写法如下：首先 创建
2022-05-09 18:31:22
2595
转载 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
1651
1
原创 elementui DatePicker 默认值，时间范围，传参格式化
效果：功能（以基本涵盖日常开发需求）：默认 选中 7天前 ~ 今天日期前台显示格式为 日/月/年， 后台传参格式为 年-月-日当前日期之后 不可选，6个月前日期不可选快捷 选择 7天，一个月，三个月时间比较麻烦的点在于 默认之间到底应该怎么设置？官方给出 api ：default-value ，但查阅相关资料好像比较麻烦。之后通过如下方式实现： <el-date-picker v-model="searchForm.time" size=
2022-02-18 11:36:19
3600
原创 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
844
转载 html 整体页面 变为 灰色
在全国哀悼日，网站需要设置成黑白的，只需在 .css 文件中body里面加下面两行行代码就可以：body{ filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1); -webkit-filter: grayscale(100%);}转载至：https://blog.csdn.net/qq_42715494/article/details/112254829...
2021-12-20 13:15:54
325
原创 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
1056
原创 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
2655
原创 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
955
原创 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
516
原创 vue 修改数组属性，页面不重新渲染
有这样一个数组， 要做的是， 点击div 变色，在点击取消，尝试之后发现，当改变isChoose属性，isChoose值改变，但是 页面不会重新渲染。效果如下解决方案如下：思路：既然 深度渲染不行，那就用一个新数组 重新赋值就ok了chooseDashboard(item) { let tmp = []; this.groupDashboardList.forEach(group => { group.children.forEach((chil
2021-09-29 14:09:21
400
转载 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
478
原创 vue 使用 Animate.css 实现 联系我们 组件开发
首先 要清楚, Animate.css 是一个 css动画库,为我们封装好了动画效果,我们只需要根据需求选择对应的css写入到div上即可: fade: { title: '淡入淡出', fadeIn: '淡入', fadeInDown: '向下淡入', fadeInDownBig: '向下快速淡入', fadeInLeft: '向右淡入', fadeInLeftBig: '向右快速淡入', f
2021-07-08 14:20:02
877
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
145
转载 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
504
原创 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
264
原创 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
165
原创 vue 实现 广告悬浮效果,并防抖性能优化
节流防抖参考link:https://blog.csdn.net/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
896
原创 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
391
1
原创 vue mixins（vue3 hooks）动态获取div高度
之前转载过一篇文章:https://blog.csdn.net/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
2573
原创 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
983
原创 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
973
原创 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
871
原创 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
1263
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
268
原创 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
2473
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人