- 博客(19)
- 问答 (2)
- 收藏
- 关注
原创 关于关闭页面之后的ajax提交问题
情况:1、事件中有足够的条件可以发送。微信安卓端: 借助事件unload;微信iso: 借助事件pagehide;事件中使用浏览器的接口:function sendAjax(){ window.navigator.sendBeacon(url,data);}window.addEventListener("unload/pagehide",function(){ sendAjax();});pc.或者移动端;借助 onbeforeunload; functionsendMe
2020-07-26 19:05:38
286
原创 Object.defineProperty()中的get、set属性
展示一下他的属性这里主要看了一下他的set和get方法; let Person = {} // let a = 2 Object.defineProperty(Person, 'name', { get: function get () { /* istanbul ignore next */ supportsPassive =...
2020-04-28 11:38:18
1600
1
转载 Web界面滚动性能优化: Passive
vue的源码-passive特性passive 的事件监听器看到vue源码中添加的passive属性;找了些文档看了下;觉得这两个链接很有帮助;
2020-04-28 11:11:31
191
原创 移动端Web界面滚动性能优化: Passive
https://www.cnblogs.com/ziyunfei/p/5545439.htmlpassive 的事件监听器addEventListener(type, listener, { capture: false, passive: false, once: false})```三个属性都是布尔类型的开关,默认值都为 false。其中 capture 属...
2020-04-28 11:06:10
251
原创 字符串replace正则小括号的应用
function camelize(str) { return str.replace(/-(\w)/g, function(a,b,c,d) { console.log(a,b,c,d) //-b b 1 a-bcdef return b ? b.toUpperCase() : ''; }) } console.lo...
2020-04-27 18:45:21
295
原创 SVG基础一
基本图形:圆形;cirle : 设计属性cx,cy圆中心坐标;r半径;fill填充色;stroke边框颜色;stroke-width边框宽度;<svg xmlns="http://www.w3.org/2000/svg"> <circle cx="40" cy="100" r="40" fill="green" stroke="black" stroke-width="2...
2020-03-19 18:26:01
296
原创 vue接口Vue.use( plugin )/myMixin、computed、watch
Vue.use( plugin )通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成:// 调用 `MyPlugin.install(Vue)`Vue.use(MyPlugin)new Vue({ // ...组件选项})----------------------------const MyPlugin = {};MyPlug...
2020-03-02 14:03:29
343
原创 vue接口keyCodes、extend、nextTick、directive
keyCodes加在main中Vue.config.keyCodes = { ssss: 86, asd: [37,38,39], // camelCase 不可用 mediaPlayPause: 179, // 取而代之的是 kebab-case 且用双引号括起来 "media-play-pause": 179}//用法:唯有按键码的数字是不变的;名字随便起;&...
2020-03-01 11:32:21
105
原创 js多行溢出省略号
;一个文本溢出省略号的js方法,无论内容是什么strSub(v){ let str = v; let count = 0; var p = document.createElement("p"); //添加一个标签和要显示的标签的所有样式一样; p.style=`bo...
2020-02-29 13:25:28
225
原创 vue页面刷新空白
vue项目做的是hash的不利于cdn缓存,cdn并不识别#--------------------------------------------------------------------原因不再阐述自己用nginx试了下子,直接copy代码;没毛病;server { listen 8888;#默认端口是80,如果端口没被占用可以不用修改 ...
2020-02-18 10:37:12
1565
原创 video视频快进拖动限制
借助cc的接口写了一个视频的功能简述通过cc提供的jsonp生成了video加audio标签,cc使用流媒体形式分段加载视频,调取的是m3u8格式文件,再根据文件ts路径请求资源,然后转码播放;hls之m3u8、ts流格式详解 拖动本次使用的是video的官方事件来操作的seeking拖动的时候就会触发seek事件,毕竟拖动完了之后就会根据你托的位置去seek关键帧,然后定位播放时...
2020-02-14 21:01:12
1937
原创 Es6——一些可能少用的方法
毕竟都用其他的代替了Generator函数function* fn(){ yield "hello"; yield "world"; return "haha";}var res = fn();//和普通函数的调用一样 console.log( res.next().value );//next()方法返回一个对象 对象中有一个value属性可以获取到值"hello"consol...
2020-02-12 16:09:27
90
原创 正则——js
加粗样式先上一个简单的例子var str = myInput.value;var reg = /xxxxxx/;(正则表达式)reg.test( str );检验;返回值为布尔表达式1、单字符表达式//空表达式var reg = /13266667777/;//包含13266667777 就可以 ^ 开始$ 结束var reg = /^123$/; //定义一个正则 要...
2020-02-12 15:13:01
96
原创 Vue封装公共方法
今年果真年运起的不咋地@冠状病毒1、首先写一个js方法export抛出去。2、在main中引入方法,并挂入Vue的原型链。3、各个页面就可以直接用了。。。。。。。。。。。。。。。。。。。。。。。。。。。代码部分1、抛出expoort default function(){}2、引入,并挂载import Meth from 'src'Vue.prototype.$Meth=Me...
2020-02-12 14:20:02
678
原创 vue公共弹窗
Vue项目的公共弹窗项目也是很差了;不写个弹窗就啥都没有了~先创建一个vue文件;<template> <div :id="type==1?'alert_error':'alert_error2'" v-show='show'> <div ref="mask" class="mask" v-show="type===2"></...
2020-01-01 13:51:45
594
原创 转base64、ascII码加密
看的某个博主的时间有点长了。已经忘记了从哪里看的,只能找到自己修改的简化版了~//1.加密 // var str = '124中文内容'; // var base = new Base64(); // var result = base.encode(str); // //document.write(result); // //2.解密 // var result...
2019-12-31 13:18:10
822
原创 canvas基础知识(二)画矩形、饼
补充:fill法法会自动执行closePath然后再进行填充; ctx.rect(100,50,100,100); ctx.stroke(); //描边矩形 ctx.strokeRect(100,200,200,100); //填充矩形,默认填充黑色 ctx.fillRect(100,350,300,200); ctx....
2019-12-29 18:19:58
110
原创 canvas基础知识(一)划线
声明canvas标签<canvas id="can" width="500" height="500"> 如果不支持此标签的显示方式:</canvas>基础动作:划线 const canvas = document.querySelector("#can"); const ctx = canvas.getContext("2d");//3d为webgl那就...
2019-12-29 16:16:27
440
翻译 关于axios拦截之重发请求
axios拦截很容易使用;毕竟有现成的接口摆着,拦下来做个处理就好了于是领导要求拦截固定报错然后重发请求;easy理解easydo···xxx.response.use(res=>{if(true)新的请求····拿到新的请求res2;res=res2;return res;//合情合理,然而就是不能用~~~~~~~瞬间就是懵逼的结果了;})不会的还是要在网上去找了;...
2019-12-28 18:09:41
620
空空如也
JS如何判断浏览器切换时聚焦的是哪个页面。
2020-04-09
小白:JS为什么清除定时器失败?
2019-04-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人