- 博客(48)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 下载文件的方法收集整理
通用文件下载方法 downLoad (url, data, method, isNewWinOpen) { var config = { url: url, data: (data = data || {}), method: (method = method || "GET"), isNewWinOpen: (isNew
2021-08-12 23:03:41
200
原创 表格中编辑后进行数据比较的方法介绍-比较两套数据
前言在vue+element项目中有设计到到表格中修改数据需求，虽然采用弹窗的方式，在表单中进行数据修改比较常见，而且可以修改更多字段验证。但少数情况下也可以做成直接在表格上编辑。如果数据量大的时候，就需要判断哪些记录做了修改，把修改的数据传给后端。判断的方式可以在字段上加修改标识证明这条数据被修改了。另一种就是备份一份数据，最后两个数据做比较。看具体的业务场景可以选择不同的方式。业务场景这里我最后判断两份数据是否一样，筛选出修改过的传给后端。因为业务场景中有需要涉及表格的行拖动，就是拖动行来修改
2021-07-24 21:17:07
1202
原创 自定义日历组件
最近vue项目需要写一个日历组件；涉及到渲染数据的生成。生成方法如下：buildAllYearCalendarDayRows() { this.allYearCalendarDayRows = []; let allYearCalendarDayRows = []; let year = this.calendarFilter.year; for (let month = 1; month <= 12; month++) { let start = mo
2021-07-01 22:48:46
307
原创 moment格式化时间为TZ的格式
最近后端那边不知道又出现什么幺蛾子了，非要我传带TZ的时间格式给他们，秒为00。我说中午饭你安排，他说行。捣鼓了下。这事也不难，看官方文档的时候细心点问题很快解决。直接一个format将时间转为了他想要的格式，moment().format('YYYY-MM-DDTHH:mm:[00][Z]')...
2021-06-02 01:08:03
3333
原创 ProFormSelect在EditableProTable无法使用的解决方法
最近项目用到了基于antd的procomponents，procomponents不是很好用，又踩了不少坑。 业务场景需要以下功能：在可编辑表格中添加可搜索可选项。直接将ProFormSelect写到这里发现EditableProTable获取不了ProFormSelect的值。验证一直通不过。后面看官网的例子改了下。当选中后会触发回调函数，把值传出去。但是当有两列使用同样的方式实现的时候。如果ProFormSelect用不同的option表现会不一样。但是这里用的request获取值，发
2021-06-02 00:59:41
2399
原创 reactjs+typescript项目中访问document对象错误
在安装了几个依赖后发现我的document 不能用了，就连window对象也访问不了后面将下载的依赖一个个删除后才发现是cross-fetch原因排查中。。。求指教
2021-04-01 23:27:50
747
原创 Element表格数据更新界面不更新问题
问题描述当我输入后失去焦点判断数据是否发生变化，变化就添加属性，显示保存。事实上是失去焦点后再点击输入后才显示。解决代码，加$set注意事项第一次添加没用$set，后面才加的话也不起作用。...
2020-12-12 22:40:40
4660
1
原创 一些花里胡哨的玩意
7<<1 // 7*2**1 //7*Math.pow(2,1)-66.33>>0 // ~~-66.33 // -666.33 | 0 // -66.33<<0 parseInt(-66.33) // ~(n.toFixed(0)) // Number(n.toFixed(0))a ^= bb ^= aa ^= b//[a,b]=[b,a]/** * 16进制颜色值转RGB * @param {String} hex 16进制颜色字符串 * @r
2020-10-25 14:11:07
161
1
原创 为元素添加拖动事件（含例子）
//张鑫旭大神function startDrag(triggerElement, targetElement) { //定义拖动事件 triggerElement.addEventListener('mousedown', function(event) { //按下添加鼠标移动和放下事件 var originMouseX, originMouseY, moveX, moveY; //鼠标xy坐标，鼠标移动多少 originMouseX =
2020-10-25 14:03:14
531
原创 一些数组去重解决方案（简）
var arr = [, , 0b001, -Infinity, Infinity, +Infinity, 1, 1, 'true', +0, -0, [], [], [0], [0], 0, 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0,
2020-10-08 14:18:03
136
原创 7种继承方式的比较（js）
前言对于js这种面向过程的编程语言而言，oo不是它的强项，但有时也会在代码中OOP。这里收集了七种继承方式，并测试做了比较。还有一些其他的实现形式暂未考虑，比如通过拷贝的形式实现继承；由于技术原因，具体用到哪些场景不是很在行，所以这里就做一些简单的示范和介绍。代码 /** * https://www.cnblogs.com/qing-5/p/11365614.html * 父级构造函数中的属性在子级实例上有一份在原型上有一份(多余),浪费内存
2020-10-06 21:39:31
197
原创 记录一次axios的封装（代码片段收集）
/**axios封装//https://blog.csdn.net/qq_43388107/article/details/108072077*///request.jsimport axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'http://my-json-server.typicod
2020-08-20 18:28:06
170
原创 一些数据集合的操作归纳（更新中）
一些数据结构的操作速查有不对或者需要补充的谢谢指正项目扩展运算符[…obj]扩展运算符{…obj}for…infor…offorEachmapObject.keys(obj)/Object.values(obj)Array.from(obj)obj.keys()/obj.values()new Map(OBJ)new Set(OBJ)set支持不支持不支持支持支持不支持不支持支持不支持支持支持map支持支持不支持支持支持不支
2020-08-05 22:42:28
153
原创 各种尺寸（可能不全，求批评指正）
Element.clientWidth内容宽+padding如果里面有内容把盒子撑开，其值不为0，如果是内联元素（inline），为0Element.offsetWidth内容宽+padding+border宽+垂直滚动条宽各个浏览器可能不同Element.clientLeft边框宽+垂直滚动条宽Element.scrollWidthclientWidth+不可见的“clientWidth”Element.scrollLeft不可见的“clientWidth”window.
2020-08-01 09:15:20
141
转载 深拷贝
function deepCopy(x) { /* * 深拷贝，能拷贝对象和数组的JSON对象。 * deepCopy(x) * @arg{x} Object,Arr * return copied object,arr * issue 数组不能好支持 fixed by pan * https://www.cnblogs.com/dobeco/p/11295316.html * @dobeco */ const.
2020-07-14 21:40:06
93
转载 求随机数
/** * https://www.runoob.com/jsref/jsref-random.html * @菜鸟教程 */function getRndInteger(min, max) {//[min,max) return Math.floor(Math.random() * (max - min + 1) ) + min;}function getRndInteger(min, max) {//[min,max] return Math.floor(Math.random()
2020-07-14 21:24:55
123
转载 格式化时间（函数）
/** * https://www.cnblogs.com/thunderLL/p/10986727.html * @ 雷子-LL */function dateFormat(fmt, date) { let ret; let opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月
2020-07-14 21:12:22
420
转载 格式化时间
/** * https://blog.csdn.net/u012789986/article/details/53317858 * @IT_Debug */Date.prototype.Format = function(fmt) { //格式化时间 var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日
2020-07-14 21:06:54
96
转载 比较时间并计算时间差
/** * 博客园@utf_8 * https://www.cnblogs.com/pan-4957/p/10693874.html */function(start, end) { /* * 比较时间并计算时间差：多少天，小时，分，秒 * @arg start 开始时间 * @arg end 结束时间 * return 一个对象，第
2020-07-14 21:00:03
241
原创 js正则表达式库
/** * js正则表达式库--Regs.js * by denghao.me @邓浩 * @date 2017-02-11 18:09:35 * @用法: RegsLib.en.test('abc') -> true */var RegsLib = { /* * 数字相关 */ //正数（可含小数、0） posiNum: /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/, //正整数 pos
2020-07-14 20:30:17
1122
原创 一个简单的策略模式
/** * 简单的单例模式 * 《js设计模式》 */// 一系列的函数作为策略//函数作为变量四处传播var S = salary => salary * 400;var A = salary => salary * 300;var B = salary => salary * 200;var C = salary => salary * 100;// contextvar calcBonus = (fnc, salary) => fnc(sala
2020-07-14 19:54:37
99
原创 惰性单例
/** * 惰性单例 * 《js设计模式》 */function Singleton(name) { this.name = name}/**x需要的时候再生成，而不是页面开始就生成 */var instance = Singleton.getInstance = (function() { var instance = null; return function(name) { if (instance) { return i
2020-07-14 19:52:52
151
原创 一种节流实现方式
/** * 当函数被执行的频率非常高的时候（比如一秒钟被执行多少次） * 实际上只需要一秒钟被调用2-3次 * 为了提高性能，就需要节流 * 《js设计模式》 */var throttle = function(fn, interval) { //每多长时间执行一次 var _self = fn, timer, firstTime = true; return function() { var args = arguments,
2020-07-14 19:49:04
251
原创 策略模式示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>一般表单验证 </title></head><body> <form
2020-07-14 19:47:27
104
原创 函数柯里化-代码片段
//函数柯里化 *js设计模式var currying = function(fn) { var args = []; return function cd() { if (arguments.length === 0) { return fn.apply(this, args); } else { Array.prototype.push.apply(args, [].slice.call(arguments
2020-07-14 19:44:32
93
原创 表单序列化
/*** 表单序列化* 序列化有name属性并且不是提交重置等输入* @form一个form元素* 返回值：序列化后的值以&号隔开* 20200712* javascript高级程序设计*/function serialize(form) { var parts = [], //结果字符串的数组 field = null, //表单里面的每一个输入 i, //遍历表单元素计数
2020-07-14 15:04:29
122
原创 记一次外边距合并
外边距合并分为很多种情况，最普通的是上下两个div之间上面一个设置margin-bottom下面一个设置了margin-top，两个盒子之间的距离不是两个的外边距相加，而是数值大的那个外边距。举个直观的例子，就像两个人打架，外边距就是攻击范围，谁的攻击范围大，就决定了两个人之间的距离。其次还有其他形式的外边距合并。这里做下总结。一、兄弟元素之间二、父子之间如果要清除合并；1、可以创建BFC：1、float的值不是none。 2、position的值不是static.
2020-05-16 10:30:57
124
原创 css选择器 :nth-of-type(1)、:nth-child(1)、:first-child、 :first-of-type
最近又把css复习了一遍，其中遇到这两个选择器，有时候会弄错，所以今天在深入了解下。带 “:” 的选择器一般是指定元素具有某种特性。顾名思义。:nth-child(1) 的1表示第一个元素，child表示这是一个儿子元素，就是第一个儿子元素。例子：p:nth-child(1)有两个条件要满足，缺一不选：1、是其父元素的第一个子元素。2、还要是p元素。:first-of...
2020-05-06 10:25:31
3129
原创 记一次sass和scss文件的使用错误
没有由于某些原因，导致我犯这种低级的错误。使用sass的时候。用VS code新建一个.sass文件。看起来是这样的。不错，就这样顺利地创建了一个文件夹。复制代码，粘贴。编译；出错；这就很迷惑，好好的为什么会提示{}出错。结果网站找到资料scss的是sass3.0后面的新语法。你可以把css文件直接重命名为scss文件后编译一点问题都没有。以前sass是靠缩进的形式...
2020-05-05 18:49:15
315
原创 CSS统计数据记录数量
CSS统计数据记录数量前几天导师出了个题让我统计元素的数量。遂写下分享。效果代码<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...
2020-05-03 11:59:56
909
原创 JS原型链幻想
Javascript基于原型链的继承似乎隐藏着重大的哲学（xuan xue）意义。首先看看这世界，为什么会有这个世界，会有这么多种类的动物植物，哺乳类、卵生类、两栖动物、猫科犬科、水生、陆生、裸子植物、被子植物。。。。为什么会有这些共同的特征？拿个例子来说，哺乳动物，通过一套相似的繁殖方式进行繁殖或者是复制，继承。这种方式是如此相似。似乎是背后早已经规定好的。采用的同一套接口。。。回到js的原...
2020-05-02 18:33:26
110
原创 股神问题-根据结果找规律
今天看了一个赛码上的编程题，做了半天。//https://exercise.acmcoder.com/online/online_judge_ques?ques_id=1664&konwledgeId=134function cal(n) { if (n < 1 || n > 1000 * 10000 * 100) return; //不符合的数据...
2020-03-11 18:35:09
129
原创 express+editormd图片上传踩的坑
最近在捣鼓一个项目，要编辑文章，其中涉及到图片上传。一直出现问题。在网上查找资料和看源码得到解决办法。一，返回的数据格式：stringvar str1 = '{"success" :1,"message" : "上传成功。","url":"/public/img_book/01.jpg"}'; // str1 = JSON.parse(str1); res.send(st...
2020-02-24 17:22:08
226
原创 控制文本框输入长度
代码：/**组件：jq实现文本框输入长度*1、html:<input id="login_mail" type="email" οnkeyup="setLength(this.id,7,64)" size="25">* <span id="login_mail_s"></span>* (提示的span的ID有“_s“结尾。函数三个必...
2019-11-14 20:36:45
560
转载 a标签中调用js的方法
原文链接：https://blog.csdn.net/xiongdaandxiaomi/article/details/88237188作者：https://blog.csdn.net/xiongdaandxiaomi1.a href="javascript:js_method();"11、这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且java...
2019-11-08 14:31:09
166
原创 github搭建个人静态网站
效果：访问一下URL就能访问首页。根据文档搭建进行配置网址：https://hexo.io/zh-cn/docs/github-pages新建或者上传index.html文件和资源目录；在github项目设置中设置静态主页。访问网址：https://hisbody.github.io/...
2019-10-13 17:56:48
215
原创 viewport的设定实现网页响应式设计
浏览器利用可见区域的像素与主体像素的比例来渲染视图，尽管设备的宽度在变。首先在head中加入meta，指定设备的宽度；<meta name="viewport" content="target-densitydpi=device-dpi, width=720, user-scalable=no">将主体设置为指定宽；100%的viewport高度。根据情况设置...
2019-09-11 22:38:06
190
空空如也
echarts饼图展示的不是dataIndex为0的数据
2022-05-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人