js
关注
分享
扫一扫
每天进步一点.
这个作者很懒，什么都没留下…
展开
-
Vue 自定义指令修改dom内容踩坑
Vue 自定义指令修改dom踩坑原创 2022-11-11 18:47:29 · 750 阅读 · 0 评论 -
深入理解 js parseInt
深入理解 js parseInt原创 2022-09-07 11:44:05 · 157 阅读 · 0 评论 -
echarts关系图重名知识点 导致图表无法绘制
1. links 为 id (string类型 name重复不会有问题)data.push({ "name": item.name, "symbolSize": size, "draggable": false, "id": String(item.id), "itemStyle":{ "color": color }});links.push({ "source": String(sourceid), "target": String(item.id),原创 2020-10-16 17:58:02 · 1033 阅读 · 2 评论 -
202009日常
20/9/10vue 路由销毁未清除 message 事件由于vue单页面应用 window 对象在切换路由时不会重新初始化在路由切换时 最好把全局的定时器、全局事件（message、resize）清除掉destroyed() { window.removeEventListener('message', this.postMessageEvent)},methods: { initPostMessage(){ window.addEventListener("mess原创 2020-09-10 16:46:57 · 193 阅读 · 0 评论 -
接口返回时间带有t和z的处理
服务器返回时间如果不处理 用new Date直接使用会出现如下图的问题处理代码如下：date.replace(/T/g, ' ').replace(/.[\d]{3}Z/, ' ')原创 2020-09-03 15:28:40 · 1046 阅读 · 0 评论 -
jQuery.draggable 参数详解
$(".block").draggable({ // axis:'x',//约束拖动的动作只能在水平(x轴)或垂直(y轴)上执行。可选值: "x", "y"。 cancle:'.outer', containment:'#contain',//只能在指定元素内拖动 cursor:'crosshair',//指定在做拖拽动作时，鼠标的CSS样式。 cursorAt:{left:20,top:20},//设置拖动帮手相对于鼠标...原创 2020-07-06 09:49:54 · 1133 阅读 · 0 评论 -
html5=＞canvas 的 save和restore
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #canvas{原创 2020-05-20 10:25:44 · 204 阅读 · 0 评论 -
translate3d模糊问题(chrome)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-24 10:43:57 · 808 阅读 · 1 评论 -
get set定义对象
可以在属性值被重新定义或使用时输出log es5写法新对象var obj={ a: 1, b: 2, set c(x){ console.log('c被赋值：',x); c=x; }, get c(){ console.log('c被取出: ',c); return c; } };obj.c=3 ...原创 2020-03-24 09:25:22 · 134 阅读 · 0 评论 -
Array.prototype.slice()、arguments
mdn的解释（slice）slice() 方法返回一个新的数组对象，这一对象是一个由begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。var a = [1,2,{x:1}];var b = a.slice();b = null; // 此时不会影响a，浅拷贝console.log(a)var c = a.slice();c[2...原创 2020-03-21 11:14:33 · 326 阅读 · 0 评论 -
Object.defineProperty 属性值
configurable// configurable修改成false是单向操作，无法撤销！// 配置了configurable为false后，再次设置此属性会报错 (不管是不是处于严格模式，都会报错)var myObject = {};Object.defineProperty( myObject, "a", { configurable: false});// 不能再次...原创 2020-03-20 17:19:28 · 110 阅读 · 0 评论 -
图片加载失败
background-image 失败background: url(“aa/jpp”),url(“castle.jpg”);<img src=’’ οnerrοr=>原创 2020-03-24 09:27:48 · 206 阅读 · 0 评论 -
js获取字符串的字节数
标准方法var lenFor = function(str){ var byteLen=0,len=str.length; if(str){ for(var i=0; i<len; i++){ if(str.charCodeAt(i)>255){ byteLen += 2; } else{ byteL...原创 2019-11-27 15:38:27 · 496 阅读 · 0 评论 -
iframe 高度自适应（postMessage）
网页嵌套iframe（这里假设iframe中我们能加部分代码）如果不能加，就不要再看往下看了核心思路MutationObserver 监听页面高度变化postMessage 实时通知父页面子页面 index.html（iframe网页）<!DOCTYPE html><html lang="en"><head> <meta c...原创 2019-11-20 14:41:23 · 463 阅读 · 0 评论 -
jquery动态创建元素同时设置属性（转义字符遇到的问题）
如果我们创建元素后需要取此元素的html内容存起来，大概是使用这种方法但是如果是下面的情况有特殊字符的情况会被转义如果元素的自定义属性值有如果的转义字符，见下例可以发先 & 、" 两个被转义了，其它的并没有被转义问题来了如果有场景如下，则会被两次转义$('<div>',{ name: '123213&"21313...原创 2019-11-13 10:40:06 · 681 阅读 · 0 评论 -
当前时间与服务器时间对比
利用jQuery获取服务器时间$.ajax({async:false}).getResponseHeader("Date");可以看到服务器时间是 早上 6 点钟 但是当前时间是下午 14 点原因是由于这个时间是标准时间（具体什么名词不记得了）中国属于东八区，时间= 标准时间 + 8h神奇的new Date() 慎用"Mon, 11 Nov 2019 06:43:19 GMT...原创 2019-11-11 14:52:10 · 1106 阅读 · 0 评论 -
Vue图片403报错处理（referrerpolicy=no-referrer）
富文本中录入了一些文字加第三方的图片，之后在结果页面显示录入的文字+图片，部分图片不能正常显示 <img src="xxxx.jpg" referrerPolicy="no-referrer" />网页在加载资源时，默认在请求头里会带有当前网址如果服务端做了限制，非同源的网址或者非白名单中的网址不能访问，就会出现403如果给链接加属性 referrerPolicy=“...原创 2019-11-05 14:29:46 · 9015 阅读 · 0 评论 -
验证URL是否合法，利用new URL + try catch
有一处小业务需要用户手动输入链接，需要验证链接是否合法，首先想到的肯定是正则验证，最近看到了new URL() 这个方法，试了一下 果然有效而且new URL() 可以对一些错误链接（比如：后面就一个斜杠）进行修正当然此方法有一些局限性，下面的链接应该被判断为错误当然，从长久考虑 new URL（）可能是为了兼容未来版本，毕竟以后可能会除了除 http 和 https 的其他合法超文本传输...原创 2019-11-01 11:36:04 · 929 阅读 · 0 评论 -
loadash-debounce（防抖动）
<<< 超级nice的一篇博文 >>>抖动现象常见的场景有页面滚动事件，输入框input事件，页面resize事件等等<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...原创 2019-09-27 17:31:34 · 1691 阅读 · 0 评论 -
canvas笔迹流畅度优化（paper.js）
类似canvas自定义在线画板的功能因：由于拐角笔迹本身棱角比较分明，需要优化，网上找的方法均不是很理想，利用高阶贝塞尔去优化例如网上的一篇博文：高阶贝塞尔的实现此博客中的高阶贝塞尔曲线方法，在点的数量过多的时候，线会消失（方法中用到了阶乘，100多的阶乘会接近js所允许的最大值，会有异常）果：此处采取了paper.js脚本来处理，先看一下最终效果paper.js官方网站贴一下...原创 2019-09-26 16:37:27 · 2111 阅读 · 4 评论