「已注销」-优快云博客

原创关于关闭页面之后的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 362

原创 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 1732 1

转载 Web界面滚动性能优化: Passive

vue的源码-passive特性 passive 的事件监听器看到vue源码中添加的passive属性；找了些文档看了下；觉得这两个链接很有帮助；

2020-04-28 11:11:31 285

原创移动端Web界面滚动性能优化: Passive

https://www.cnblogs.com/ziyunfei/p/5545439.html passive 的事件监听器 addEventListener(type, listener, { capture: false, passive: false, once: false }) ```三个属性都是布尔类型的开关，默认值都为 false。其中 capture 属...

2020-04-28 11:06:10 362

原创字符串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 379

原创 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 704

原创 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 427

原创 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 177

原创 js多行溢出省略号

；一个文本溢出省略号的js方法，无论内容是什么 strSub(v){ let str = v; let count = 0; var p = document.createElement("p"); //添加一个标签和要显示的标签的所有样式一样； p.style=`bo...

2020-02-29 13:25:28 293

原创 vue页面刷新空白

vue项目做的是hash的不利于cdn缓存，cdn并不识别# -------------------------------------------------------------------- 原因不再阐述自己用nginx试了下子，直接copy代码；没毛病； server { listen 8888;#默认端口是80，如果端口没被占用可以不用修改 ...

2020-02-18 10:37:12 1724

原创 video视频快进拖动限制

借助cc的接口写了一个视频的功能简述通过cc提供的jsonp生成了video加audio标签， cc使用流媒体形式分段加载视频，调取的是m3u8格式文件，再根据文件ts路径请求资源，然后转码播放； hls之m3u8、ts流格式详解拖动本次使用的是video的官方事件来操作的 seeking 拖动的时候就会触发seek事件，毕竟拖动完了之后就会根据你托的位置去seek关键帧，然后定位播放时...

2020-02-14 21:01:12 2472

原创 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 154

原创正则——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 190

原创 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 778

原创 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 703

原创转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 935

原创 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 204

原创 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 582

翻译关于axios拦截之重发请求

axios拦截很容易使用；毕竟有现成的接口摆着，拦下来做个处理就好了于是领导要求拦截固定报错然后重发请求；easy理解easydo ··· xxx.response.use(res=>{ if(true) 新的请求····拿到新的请求res2； res=res2； return res； //合情合理，然而就是不能用~~~~~~~瞬间就是懵逼的结果了； }) 不会的还是要在网上去找了；...

2019-12-28 18:09:41 782

weixin_43061527的博客