- 博客(30)
- 收藏
- 关注
RSS订阅原创 树形/级联组件->数据做键，制作与还原
数据的制作/** 树形/级联组件->数据做键，制作与还原 * @param {Array} list * @param {string} params 源 `json` 的 `key` * @param {string} key 生成后 `string` 存放的 `key` * @param {string} children 下一级的 `key` 值 * @returns ...
2023-11-14 13:32:00
74
原创 flex布局
.flex { display: flex; }.flex-full { flex: 1; }.flex-col { display: flex; flex-direction: column; }.flex-row { display: flex; flex-direction: row; }.flex-center { align-items: center; justify-con...
2023-04-17 18:19:00
97
原创 NGINX-文件目录浏览服务
局域网：文件服务、目录浏览、允许跨域conf/nginx.confhttp { server {} + include servers/*.conf;}conf/servers/source.confserver { listen 84; index index.html index.htm; server_name downloads.ssgee...
2023-01-03 08:47:00
466
原创 路由query拼接format函数
// query 制作小工具，不需要手动拼接，直接传入 json格式数据即可url format.ts// FIXME: 当参数为数组或二级对象时，请按自己的需求进行修改type Val = any;interface Query { [t:string]: Val}function urlFormat(url:string, query:Query, fun:(stri...
2022-12-12 08:49:00
84
原创 antdv drawer 在界面中做抽屉父级不被撑开 bug
问题描述*. 当放置于容器内时-无法与平级共享父级，而是定位与父级之上，且其外边无法被自动撑开*. 被超出隐藏无法将元素定位于弹窗左侧效果图const width = 300;<div class="DashboardDoorRightDOM" :style="{ width: visible ? `${width}px` : `0px` }"> <a-draw...
2022-11-22 15:59:00
493
原创 rainbow彩虹色
彩虹色[ #d60808, #d68308, #acd608, #31d608, #08d65a, #08d6d6, #085ad6, #3108d6, #ac08d6, #d60883 ]彩虹渐变背景色div::before { background: radial-gradient( #d60808, #d68308, #acd608, #31d608, #08d65a, #08...
2022-11-18 16:10:00
72
原创 space 动态布局组件(vue3-ts、setup)
动态布局组件演示效果使用方法<Space :list="data" :ws="20" :hs="20" :x="3"> <template #item="{ item, index }"> <div clss="color-bg-3"> <span class="color-font-0">{{ item.a }}...
2022-11-11 19:32:00
214
原创 antdv-ts + vue3 + setup checked效果制作 全选、部分选择、取消选择
效果图先上效果图html代码<a-form class="flex-col flex-start flex-w color-font-0"> <a-form-item v-for="item in CheckFilter" :label="item.name"> <a-checkbox :chec...
2022-11-11 15:58:00
337
原创 Pinia在请求中无法获取函数的报错
// 在 *.ts/js 文件中使用 pinia 报错解决方法(未删减完全)// 文件路径src store -index.ts -user.store.ts -user.store.ts router -index.ts// 使用方法 @/*.tsimport { $Store } from '@/store';console.log($Store....
2022-11-02 14:32:00
651
原创 ajax 请求队列解决方案并结合elementUi做全局加载状态
全本下载地址ajax 文件入口可发送 blob文档流, form表单 与 通常json解决方案结合 消息队列(messagelist)与elementUi(Loading) 制作请求加载方案拥有 post 默认请求方案，也可依据传入 修改请求方案(可能需要优化传参放入地址)具有 请求超时提醒函数，防止坏请求导致的加载不消失配置有 notice(报错) 控制方案，待后端解决消息分类...
2022-10-13 09:23:00
60
原创 好资料与坏资料
摘抄，与君共勉出处：忘记了好资料的特点：从问题出发；重点介绍方法背后的理念(rationale)，注重直观解释，而不是方法的技术细节；按照方法被发明的时间流程来介绍(先是遇到了什么什么问题，然后怎样分析，推理，最后发现目前所使用的方法)。坏资料的特点是好资料的反面：上来就讲方法细节，仿佛某方法是从天上掉下来的，他们往往这样写“我们定义·我们称··我们进行以下几个步骤··”。根本不讲为什么要...
2022-09-28 19:56:00
48
原创 背景阴影定位父级中心点并放大
效果图样式<div class="img gutter-mb-10"> <img :src="src"></div>.img{ position: relative; img { width: 90px; height: 100px; position: relative; z-index: 10; ...
2022-08-10 09:26:00
37
原创 plop-template
ps: vue-element-admin 中使用并发现ps2: 想钱想疯了吧, 这也要钱// 文件根目录下 文件名为 plopfile.jsconst viewGenerator = require('./plop-templates/view/prompt')const componentGenerator = require('./plop-templates/compone...
2022-07-12 11:10:00
192
原创 Promise & await
0. 原版 promiseconsole.log('up');async function a() { console.log('in up'); await b(); console.log('in down');}console.log('down');function b() { return new Promise((reslve, reject) => { ...
2022-03-28 09:35:00
27
原创 Promise & 错误中断请求 解决地狱回调
运行流程 reject时直接弹出 resolve时继续使用 throw 链接会中断20220510使用流程为等待上一函数返回即继续BUG: 无法抓取到内部报错let fun = function(num) { return new Promise(function(resolve,reject){ console.log(`run ${num}`); ...
2022-03-28 09:34:00
124
原创 移动硬盘双系统 制作说明
个人自己用的，已经过确认和使用。目前状态说明概念部分win to go || linux to go 为移动硬盘系统的英文关键字移动硬盘 需要有引导 才可以启动。方式两种UEFI和BOOT,BOOT 需要进入BIOS 修改，UEFI不需要usb3.0 传输速率大概够用，速度还可以不是太慢与虚拟机相比，其具有便捷性和可使用硬件的全部性能目前达到的程度win to go 已完...
2022-03-24 11:07:00
193
原创 canvas动画, 三阶贝塞尔曲线, 波浪效果
再此不做学习介绍，没有什么复杂的*.7z 格式全代码下载index.html仅引用和基础样式<Doctument> <head> <meta charset="utf-8"> <title>Home</title> </head> <body>...
2022-01-24 15:48:00
104
原创 javascript 前端excel操作数据导入导出，读取、操作、重组
导入 并读取 excel 表格数据 并作为 json 输出https://www.npmjs.com/package/xlsx// html<button onClick={() => {$("#importFile").trigger("click")}}>导入</button>{/* 不显示在界面中的部分，即备用项 */}<input id=...
2021-12-27 17:55:00
148
原创 (方案废弃)python抓包Bing背景图片转存本地(转,改);电脑版、手机版;PC、Mobile;国内版、国际版...
原理、前置与源码请参照:https://blog.csdn.net/weixin_44835732/article/details/103801410修改说明部分备注名称为{YYYYMMDD_图片标题}.jpg提取手机版背景图片(即修改 请求头模拟手机进入)// 20220105 添加3. 国际版背景图片也可下载，需手动调整url=en | ch// 20220209 添加自动...
2021-12-20 14:27:00
59
原创 解决公共机器周一启动问题(开机自启动*.bat)
公共机使用 RDP-Wrapper, svn, mysql参与软件说明开机自启动方法https://jingyan.baidu.com/article/647f0115f1774b7f2148a880.html提示风险等级 mysql启动使用管理员权限启动nullRDP-wrapper 使用方法网络地址https://blog.csdn.net/ljy1221/article/de...
2021-12-06 09:57:00
30
原创 react导航守卫=>路由拦截与重定向
目前网上已知的方法// 现在是解决这个问题的第二天早上，所以我用了一天的时间，研究这个。特此发出，希望各位可以避免// 本篇有抽脸的嫌疑，不过我只是陈述与点评，请不要妄加评断。若无法接受请评论或私聊，我会删除引用的。// -过两天可能会把react的完成版架构放出，to be continued。方法说明: 在browerRouter中建立监听摘自: https://juejin.c...
2021-11-24 10:20:00
107
原创 tool->定时器函数
data需要为对象类型 使用浅拷贝概念使用 timeout 递归实现待实现 .timeout 应带有时间 传递使用方法// initvar default_count = 30;var timer = timer({time: default_count}, function() { this.data.time--; // 这里写每次 多少秒调用的处理...
2021-01-08 10:25:00
23
原创 css: 文字单行显示超出省略，多行超出省略
原文地址文字单行显示，隐藏超出内容，显示省略号overflow: hidden;text-overflow:ellipsis;white-space: nowrap;附加文字两端对齐span { text-align: justify; width: 4rem; &:after { content: " "; display: inline-block; p...
2020-11-12 11:49:00
26
原创 js两种函数定义对于指针影响(错误现象: 函数中获取指针错误)
测试搜索词条的选择对于,搜索结果的影响(2020-09-16~2020-11-12 阅读数20 不符合预期 猜测测试方法不正确缺少对比)先猜测在实践是成为程序员的良好编码顺序(这篇文章在我下一次编辑之前阅读量不过应该过10)(实际内容)var obj = { a: function() { console.log('a: ', this); }, ...
2020-09-16 16:51:00
23
原创 tool->时间 处理
别人写的时间处理方法出处找不到了这个人正则玩的很列害, 不管怎样至少比我强使用方法该函数不会匹配符号区分大小写字母不需要的位不需要填写 则正则不会匹配var time1 = new Date().format("YYYY-MM-dd hh:mm:ss");我有种预感 不给这个 估计没人会觉得好使(就当最后的容错的, 虽然永远不会用上, 但是忘记后看到了就会很方便的内中)...
2020-08-14 12:52:00
16
原创 js深浅拷贝, 讨论在函数返回obj时是否需要解决浅拷贝问题
结论 需要js函数是浅拷贝确定无疑, 没想到 经过函数返回的数据也是浅拷贝.所以想像其他语言那样 provice 变量 有点困难, 需要先解除浅拷贝后返回, 否则变量污染依然存在// js obj浅拷贝测试var person = new Object();person.name = 'abc';person.obj = new Object({ name: 'bcd'...
2020-08-14 12:51:00
24
原创 PHP服务上传文件
PHP服务上传文件共有两种提交方法 该文件采用 方法(2)form 提交表单ajax 模拟form 数据格式提交该文件没有解决跨域的问题, 如有需要请自行解决前端代码该代码拥有两种上传方式 分别为 jQuery=>ajax 和 fetch<body> <form id= "upload_form"> 指定...
2020-08-11 10:35:00
25
原创 flex自动换行
自动换行 在 (总数%行数 != 0) 的情况下 向左对齐.ul { display: flex; overflow: scroll; flex-wrap: wrap;}.ul li { flex: 0 0 x%;}x = 100/<每行个数>li标签 不可使用 padding 和margin 会导致格式被顶开(如果非要用...
2020-07-17 14:17:00
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人