「已注销」-CSDN博客

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

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

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

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

2020-04-28 11:11:31 172

原创移动端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 240

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

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

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

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

原创 js多行溢出省略号

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

2020-02-29 13:25:28 218

原创 vue页面刷新空白

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

2020-02-18 10:37:12 1556

原创 video视频快进拖动限制

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

2020-02-14 21:01:12 1894

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

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

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

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

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

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

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

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

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

2019-12-28 18:09:41 611

weixin_43061527的博客