铭の - 博客园

2021年7月22日

setInterval, setTimeout, requestAnimationFrame 详细说明

摘要：定时器指定的时间间隔，表示的是何时将定时器的代码添加到消息队列，而不是何时执行代码。所以真正何时执行代码的时间是不能保证的，取决于何时被主线程的事件循环取到，并执行每个setTimeout产生的任务会直接push到任务队列中；而setInterval在每次把任务push到任务队列前，都要进行一下判阅读全文

posted @ 2021-07-22 14:03 铭の阅读(233) 评论(0) 推荐(0)

2021年7月9日

js 递归树结构数据查找指定元素的所有父级

摘要：一、模拟数据 var arrData = [{ "label": "中国", "parentId": null, "id": "0", "children": [{ "label": "河北", "parentId": "0", "id": "1", "children": [{ "label": 阅读全文

posted @ 2021-07-09 09:52 铭の阅读(3912) 评论(0) 推荐(0)

2021年7月5日

前端实现访问一个图片URL直接下载该图片

摘要： function downloadIamge(imgsrc, name){ let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = func 阅读全文

posted @ 2021-07-05 14:32 铭の阅读(2973) 评论(0) 推荐(0)

2021年7月2日

HTML5 drag api 的使用

摘要：一、基础概念拖拽：Drag 释放：Drop 1、拖拽指的是鼠标点击源对象后一直移动对象不松手，一但松手即释放了 2、源对象：指的是我们鼠标点击的一个事物，这里可以是一张图片，一个DIV，一段文本等等目标对象：指的是我们拖动源对象后移动到一块区域，源对象可以进入这个区域，可以在这个区域上方悬停(未阅读全文

posted @ 2021-07-02 17:57 铭の阅读(609) 评论(0) 推荐(0)

2021年3月11日

vue 组件的 patch

摘要： new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) 在Vue.prototype._init 执行的时候，如果传入了el属性，则调用 vm.$mount 方法挂载 vm 实例的挂载最开始是通过$mount 阅读全文

posted @ 2021-03-11 17:39 铭の阅读(661) 评论(0) 推荐(0)

2021年1月22日

vue 项目中使用socket

摘要：安装： cnpm i vue-socket.io -S cnpm i socket.io-client -S 客户端：在main.js中 import Vue from 'vue' import App from './App.vue' import router from './router' 阅读全文

posted @ 2021-01-22 15:24 铭の阅读(6208) 评论(0) 推荐(1)

2020年10月13日

vue中使用vue-video-player，播放兼容PC、移动的直播流（m3u8格式）

摘要： 1，安装vue-video-player npm install vue-video-player --S 2，在main.js里面引入 import VueVideoPlayer from 'vue-video-player'import 'video.js/dist/video-js.css' 阅读全文

posted @ 2020-10-13 11:26 铭の阅读(6230) 评论(1) 推荐(0)

css3 各种渐变汇总

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ImageCSS3</title> <style> div { width: 200px; height: 100px; margin: 10px 5px; border: 1 阅读全文

posted @ 2020-10-13 10:31 铭の阅读(406) 评论(0) 推荐(0)

2020年9月1日

vscode格式化配置

摘要：此配置支持 CSS、HTML、JS 和 Vue 等文件的格式化一、安装插件： Prettier 、Eslint、Vetur ESlint： javascript代码检测工具，可以配置每次保存时格式化js Prettier - Code formatter：只关注格式化，并不具有eslint检查语阅读全文

posted @ 2020-09-01 10:01 铭の阅读(3605) 评论(0) 推荐(0)

2020年6月22日

web worker sharedWorker

摘要： // 主进程代码 let w1 = new Worker('./js/my.js') w1.addEventListener('message',function(evt){ console.log('evt',evt.data) }) w1.postMessage('main path messa 阅读全文

posted @ 2020-06-22 15:38 铭の阅读(321) 评论(0) 推荐(0)