javascript
A873054267
这个作者很懒,什么都没留下…
展开
-
meteor项目部署-
以 semantic-segmentation-editor 开源项目为例curl -sL https://deb.nodesource.com/setup_13.x | sudo bash -sudo apt install nodejsnpm config set registry https://registry.npm.taobao.orgcurl https://install.meteor.com > install.meteor.sh更改为本机下载地址https://static-meteor原创 2022-06-01 19:07:57 · 384 阅读 · 1 评论 -
马走日最短路径-js解法
function Node(x,y,step) { this.x = x; this.y = y; this.step =step;}function inBound(x,y,m,n) { return (x<m &&x>=0 && y>=0 && y<n)}function findMinStep(x0,y0,x1,y1,m,n) { let node = new Node(x0,.原创 2022-03-22 12:36:36 · 697 阅读 · 0 评论 -
函数内部获取函数名称,webpack配置非严格模式打包
网上文章很多,但是最终都未实现;经个人实践,解决几个问题一般的解决方案都是在.babelrc中增加plugins的处理,但我配置的无这个文件直接在根目录新建即可,有些工程原创 2022-03-03 14:29:23 · 870 阅读 · 0 评论 -
indexBD可使用空间查询
if (navigator.storage && navigator.storage.estimate) { const quota = await navigator.storage.estimate(); // quota.usage -> 已用字节数。 // quota.quota -> 最大可用字节数。 const percentageUsed = (quota.usage / quota.quota) * 100; console.log(`您已使.原创 2022-01-20 10:49:12 · 1238 阅读 · 0 评论 -
webpack打包 模块名称大小写更改
某些项目类库和ui工程在一块儿,长江的类库名称为小写,但类库模块名称为大写导致引用错误js文件配置css配置,需要注意的是MiniCssExtractPlugin低版本不支持函数传入最新版本打包会有weakmap的报错,我试了一个1.2.1的版本可以兼容...原创 2021-11-25 16:08:11 · 796 阅读 · 0 评论 -
nodejs将多个模块合并为一个模块打包
项目是基于库上二次开发,打包的时候需按版本输出,将新建的功能按需打入commonjs规范不是很熟,按下述方法可以把基本版和中级版新加的内容添加进去export * from '../basic/index.js';import Popup from '../../extend/Popup'export { Popup}...原创 2021-11-19 12:00:06 · 1280 阅读 · 0 评论 -
echarts 图例文字添加背景
大屏有个需求是在图例每一项中添加背景色查了一下echarts的API只支持配置全局的背景色,没办法实现就采取了添加canvas再绘制的方式 let parentDiv = chartDom.firstElementChild; let initCanvas = parentDiv.firstChild let canvas = document.createElement('canvas'); canvas.width = in原创 2021-06-30 17:56:10 · 1901 阅读 · 2 评论 -
模板字符串 元素增加事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="http://at.alicdn.com/t/font_2090302_3rtv8f729nq.js"></script> <styl.原创 2021-05-06 20:58:15 · 904 阅读 · 0 评论 -
h5 推流rstp
网上关于该需求的博客很多,但能直接用的很少,经个人实践后提供一个最简版本;思路是基于B站的开源播放器flv.js和后台 ffffmpeg转换express工程package.json{ "name": "express", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &...原创 2021-05-06 10:12:14 · 896 阅读 · 4 评论 -
monaco编辑器,资源引用路径
示例中的代码路径最终会打包到editor.js中,而该文件是相对于index.html路径的,因此书写相对于index.html的资源路径即可原创 2021-01-13 15:46:46 · 417 阅读 · 0 评论 -
monaco 编辑器 键盘事件冲突
其实本质问题是iframe的事件传递问题this.container为iframe,由于componentDidMount无法表征ifram的渲染状态,采用延时执行,起始iframe本身是具有函数可用的;函数内主要做两个操作;1点击iframe时,进行focus,使得事件可以传入iframe,并将monaco的编辑状态置为false当mouseup时,开启编辑状态componentDidMount(){ setTimeout( () => { let ..原创 2021-01-12 19:12:21 · 637 阅读 · 0 评论 -
js 宏任务与微任务 ,promise.resolve与new promise的区别
看到有很多试题是关于这个的,抽空看了一下,记录一下吧;而宏任务一般是:包括整体代码script,setTimeout,setInterval。微任务:Promise,process.nextTick。首先记住一个原则,js是单线程的,通过事件驱动,那么就有一个叫事件队列的东西,执行顺序其实很简单,同级别的宏任务优先于微任务执行,高一级别的微任务优先于宏任务执行(不一定对,按照我的理解去试了几道试题都蛮简单的)--这个同级别不好说明白,举个例子吧首先我们看第一级别的宏任务首..原创 2020-06-11 11:58:33 · 4908 阅读 · 1 评论 -
使用canvas添加水印
此前使用的方法是追加n个p标签,存在两个问题;在进行页面缩放的时候,删除之前的标签完成事件之前就开始追加新的;会导致字体重影;第二个问题是使用浏览器的搜索功能会搜索出水印因此该用canvas来做;其实canvas做更加简单,且效率更加高。其中mapboxCanvas 为需要添加水印的div元素,username为水印的文字;textdis为水印文字之间的间隔。function...原创 2020-03-13 23:03:19 · 1116 阅读 · 0 评论 -
canvas beginpath 和closepath理解
canvas看做一张白纸,按我们正常的思维来作图。beginPath 代表我们要开始画画了。只要不第二次进行beginpath。都会是一条路径。开始画之前要选择画笔的颜色,那么beginpath可以看做我们第一次选了某一种颜色的画笔开始作图,假设不进行第二次beginPath,那么我们都可以看做一次作图。期间所有的代码都可以认为是这一次绘制的。context.strokeS...原创 2019-10-17 10:15:31 · 343 阅读 · 0 评论 -
javascript工厂模式理解
1 工厂模式--直白一点讲就是函数式声明,把创建类的逻辑都封装到函数内部。也就是说,使用的仅仅是一个函数而已,忘记工厂模式这个词。举个例子:根据名字,年龄 创建一个人。那么为了方便起见,我们一般会创建一个函数,传入名字和年龄即可创建这个人。function createPerson(name,age) { var person=new Object()//更常见的可能是这样...原创 2019-09-30 11:31:25 · 316 阅读 · 0 评论