- 博客(130)
- 收藏
- 关注
RSS订阅原创 moment.js使用diff方法返回NaN
之前写的代码，测试过了上线很长时间了，这两天发现不好使了。发现返回的值就变成了NaN。。。例子 也是按照moment.js官网给的例子写的，把字符串变成时间数组格式，真是奇了怪了。原来的代码。
2023-12-19 14:53:43
702
原创 a标签、window.open跳转不同源页面
访问原页面window对象/document对象，进行js操作（钓鱼攻击）。这是一个安全的漏洞，所以在设置。window.open()跳转其他的系统，跨站(不同源页面)，跳转失败。时，点击链接将打开新tab页，新页面可以通过。当window.open设置跳转方式为。访问原页面，从而防止了钓鱼攻击。这样新页面就无法通过。
2023-12-01 17:43:30
1964
原创 elementUI date-picker 日期格式转为 2023/08/08格式
坑： dom 中 value注意这里的是 “yyyy/MM/dd”。moment 中在 format格式化的时候是 “yyyy/MM/DD”。"YYYY/MM/DD"也可以。还是要仔细看官网：https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-ge-shi。
2023-08-14 15:37:40
617
原创 elementUI点击当前行更改当前行状态（数据更新DOM不更新问题解决）
cloneDeep：在很多情况下，我们都需要给变量赋值，给内存地址赋予一个值，但是在赋值。，导致赋值的时候，还跟之前的值保持一致性。
2023-08-04 17:35:50
1525
原创 vue监听DOM拖拽发生改变
自定义指令 v-resize<template> <div class="table__body" v-resize="monResize"> ................................ </div></template>export default { directives:{ resize: { // 指令的名称 bind(el, binding)
2021-12-16 10:56:58
1598
原创 git删除本地分支，拷贝远程分支并新建新分支名，重命名本地分支
删除本地的dev 分支：先要切换到其他分支，然后 git branch -d dev拷贝一份远程分支origin/master的内容到本地，并新建一个名为newBranch的分支。（就是本地的newBranch分支就是远程上的master分支）git checkout -b newBranch origin/master （必须加上origin/ 标识是远程的分支 -b 重命名）重命名本地分支名git branch -m xue xueweihan合并dev分支到master分
2021-12-15 18:36:12
483
原创 vue PC端项目页面做rem布局（大屏展示）
rem布局：通常我们做移动端项目会使用rem布局，pc后台项目很少用到。会跟随当前屏幕大小自适应布局，不论在什么样的屏幕下，样式布局都保持一定的比例不变。移动端通常使用淘宝的flexable.js 。pc端也可以使用方法一：（亲测可实现）npm install lib-flexible --save （也可以直接下载里面的flexable.js文件将其引入项目中。例如util文件夹下）在main.js文件中 import进来flexible.js文件更改flexible.js文件中的，找到 这
2021-06-20 21:51:31
4218
原创 vscode中设置用cnpm安装包
安装node首先去node.js官网安装node。查看node版本与安装路径查看node版本(node -v)，确保安装查看node安装路径：where node管理全局(-g)安装的包在node安装目录中管理之后我们安装的全局的包，例如全局安装express先配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在node的主目录下，便在node下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置npm conf
2021-06-20 21:18:22
2294
1
原创 css实现一行四个元素动态布局
主要用到的是flex布局，还有css3的伪类选择器。多复习巩固啊。。。。<ul class="center-ads-list"> <li> <a href="/"> <img alt="" src="https://res.vmallres.com/pimages//pages/picImages/93724597641619542739.png">
2021-03-31 18:33:25
6393
原创 树形数据转换算法
/** * 树形数据转换 * @param data: 整体数据 * @param id : 当前id * @param pid: 父级id */export function treeDataTranslate (data, id = 'id', pid = 'parentId') { var res = [] var temp = {} for (var i = 0; i < data.length; i++) { temp[data[i][id]] = d
2021-02-25 21:58:21
448
原创 localStorage存储bool值，读取之后变字符串类型
今天遇到一个问题，其他的页面查询接口返回的一个参数，bool值，用来判断当前用户是否能购买特定商品，最开始想到的是，吧其他的页面接口返回的数据放到本地存储中去，在另外一个页面拿出来进行判断，决定前端是否能够购买的交互逻辑。在存储好之后，在读取的时候，发现了bool变成了字符串类型，所以使用if(localStorage.getItem('isTrue')){}这种方法判断，从本地存储读取出来的数据是字符串类型的 true/false，所以，不论true/false都是true ,显然不能用这种方
2021-01-22 18:16:27
3004
原创 分页算法
/** * 分页彩虹算法 * 通过传入的信息，生成一个分页列表显示 * [4,5,6,7,8] * @param currentPage 当前页 * @param pageCount 总页数 * @param displayCount 每屏展示的页数 * @return 分页条 */const rainbow = (currentPage, pageCount, displayCount = 5) => { var isEven = true; //奇数 isEven = d
2020-12-09 14:41:40
1014
原创 margin与padding区别
盒子模型都知道，但是具体margin和padding都是可以撑开（表面上）与父亲节点或者兄弟节点的距离，用来页面布局。没什么区别，但是有时候就是会遇到一些奇奇怪怪的样式布局bug，导致改样式，实在觉得有点晕头转向，感觉总是搞不清楚。归根结底还是这两者在用法上的区别没有搞很明白，这两者常见的bug场景总结如下：marginmargin : 0 auto; 只对块级元素起作用。（diaplay:block; 行内和行内块都不起作用）margin在块级元素下，上下左右可随意设定，且块级元素的margin的
2020-12-01 17:35:08
715
转载 setTimeout与requestAnimationFrame的区别
这两个东西是和动画相关的两个api什么是动画？动画其实是一种假象！是一种不连续的运动已帧的形式呈现给我们的东西。在二十一世纪，通常人们观看的电影其实就是通过胶片记录和投影的。他们是以每秒至少24帧的速度形成的视觉上的运动起来的假象。NTSC广播的标准的帧速率为23.975FPS，而PAL的形式为25FPS。FPS可以理解为我们常说的“刷新率（单位为Hz）”，例如我们装机选购显卡和显示器时候，都会注意到刷新率。一般我们设置缺省刷新率都在75Hz（即75帧/秒）以上。例如：75Hz的刷新率也就是指屏幕一秒内
2020-11-12 15:56:37
896
转载 弹框滚动穿透方法汇总（转载）
css垂直居中的所有方法https://cloud.tencent.com/developer/article/1554183解决弹框滚动穿透方法汇总https://www.cnblogs.com/padding1015/p/10568070.html
2020-09-29 17:14:35
1274
原创 日常开发IE浏览器的坑及解决方法总结(二)
Object.defineProperty 添加监听IE浏览器不支持 Object.defineProperty。ie上写了先提醒缺少参数或者某个参数不能为false,然后去掉对应的参数就会显示不支持 Object.defineProperty 这是因为，IE浏览器有支持 Object.defineProperty ，但是值允许在操作DOM时使用，对于和vue中对于某个变量进行监听是不支持的。在网上找了一个 工具文件 ，地址是：https://gitee.com/ambit/object-definepr
2020-09-29 16:09:33
803
转载 浮点数精度丢失解决方案
产生原因Javascript采用了IEEE-745浮点数表示法（几乎所有的编程语言都采用），这是一种二进制表示法，可以精确地表示分数，比如1/2，1/8，1/1024。遗憾的是，我们常用的分数（特别是在金融的计算方面）都是十进制分数1/10，1/100等。二进制浮点数表示法并不能精确的表示类似0.1这样 的简单的数字，上诉代码的中的x和y的值非常接近最终的正确值，这种计算结果可以胜任大多数的计算任务：这个问题也只有在比较两个值是否相等时才会出现。javascript的未来版本或许会支持十进制数字类型以避
2020-09-29 10:56:12
1019
转载 CSS实现 文字渐变色 的两种方式(亲试有效)
转载：https://blog.youkuaiyun.com/Zckguiying/article/details/86528732方式一效果图这里写图片描述代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <style> span { background: linear-gradient(to right, red, blue);
2020-09-23 17:30:52
2273
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人