- 博客(14)
- 收藏
- 关注
原创 AudioContext实现同时播放两首音乐在左右音道上
AudioContext实现同时播放两首音乐在左右音道上直接上代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, in
2022-01-10 13:57:07
2198
1
原创 前端使用AudioContent左右声道切换
前端使用AudioContent左右声道切换直接上代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-
2022-01-07 14:48:54
2160
原创 本地Vue项目跨域请求本地Node.js服务器的配置方法
本地Vue项目跨域请求本地Node.js服务器的配置方法node服务搭建(使用的ko2)/**index.js*/const Koa = require("koa");const app = new Koa();const router = require("koa-router")();var content = 0;router.get("/", function (ctx, next) { content++; ctx.body = "Hello koa" + content;
2022-01-04 11:09:10
632
原创 前端设计模式及其用途
前端设计模式及其用途1.用于代码封装的设计模式主要有工厂模式,创建者模式,单例模式,原型模式四种1.很多用起来顺手的开源库都有良好的封装,封装可以将内部环境和外部环境隔离,外部用起来更顺手。2.针对不同的场景可以有不同的封装方案。3.需要大量产生类似实例的组件可以考虑用工厂模式来封装。4.内部逻辑较复杂,外部使用时需要的实例也不多,可以考虑用建造者模式来封装。5.全局只能有一个实例的需要用单例模式来封装。6.新老对象之间可能有继承关系的可以考虑用原型模式来封装,JS本身就是一个典型的原型模式。
2021-12-31 15:27:55
395
原创 webpack常用 Plugins
webpack常用 Plugins用于修改行为define-plugin:定义环境变量context-replacement-plugin:修改 require 语句在寻找文件时的默认行为。ignore-plugin:用于忽略部分文件。用于优化commons-chunk-plugin:提取公共代码extract-text-webpack-plugin:提取 JavaScript 中的 CSS 代码到单独的文件中prepack-webpack-plugin:通过 Facebook 的 Prep
2021-12-29 14:48:18
229
原创 webpack常用 Loaders
webpack常用 Loaders加载文件raw-loader:把文本文件的内容加载到代码中去file-loader:把文件输出到一个文件夹中,在代码中通过相对 URL 去引用输出的文件url-loader:和 file-loader 类似,但是能在文件很小的情况下以 base64 的方式把文件内容注入到代码中去source-map-loader:加载额外的 Source Map 文件,以方便断点调试svg-inline-loader:把压缩后的 SVG 内容注入到代码中node-loader
2021-12-29 14:47:06
565
原创 Vue2响应式原理
Vue2响应式原理Vue 2.0的响应式主要用到了Object.defineProperty实现对数据的监听{ value: undefined, // 属性的值 get: undefined, // 获取属性值时触发的方法 set: undefined, // 设置属性值时触发的方法 writable: false, // 属性值是否可修改,false不可改 enumerable: false, // 属性是否可以用for...in 和 Object.keys()枚举
2021-12-29 14:41:46
420
原创 vue3中defineComponent内部使用antd Modal时的弹窗拖拽
vue3中defineComponent内部使用antd Modal时的弹窗拖拽Vue3 defineComponent 内部使用antd Modal时 自定义指令拖拽需要在Modal外层加上一层div来包裹使用 否则使用自定义指令是不得行的let dialogHeaderEl = document.querySelector('.ant-modal-header')let dragDom = document.querySelector('.ant-modal')let sty = docum
2021-12-29 14:38:08
3340
原创 dashJS目录结构解析一
dashJS目录结构解析目录结构DashJs播放器控制栏类=>contrib/akamai/controllbar/ControlBar.js/** * @module ControlBar * @param {object=} dashjsMediaPlayer - dashjs reference * @param {boolean=} displayUTCTimeCodes - true if time is displayed in UTC format, false otherw
2021-12-28 17:26:09
567
原创 Dash.js实例模块方法
Dash.js实例模块方法dash全局注:__dashjs_factory_name定义当前模块名称dashjs挂载在全局上,引入all.js时属于全引用,dashjs引入后存在的属性/**index.js*/import { MediaPlayer } from './index_mediaplayerOnly';//视频播放import { supportsMediaSource } from './src/streaming/utils/Capabilities';//功能类impo
2021-12-28 10:56:37
2312
翻译 DashJS中MediaPlayerAPI
DashMediaPlayerAPIMediaPlayerMembers<inner, constant> ELEMENT_NOT_ATTACHED_ERROR :string在 dash.js 收到 HTML5 视频元素的引用之前调用函数时抛出的错误字符串<inner, constant> MEDIA_PLAYER_NOT_INITIALIZED_ERROR :string在 dash.js完全初始化之前调用函数时抛出的错误字符串。&a
2021-12-27 18:28:14
872
原创 elementui table组件的使用
elementui table组件的使用基于elementUI组件对table对使用。表格的使用绑定数据tabledata<el-table ref="multipleTable" border :data="tableData" tooltip-effect="dark" height="100%" ...
2019-10-28 13:42:49
4310
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人