飓风kk-CSDN博客

原创 PIXI渲染器学习笔记（1）

因为项目需要，开始接触pixi.js。pixi的API很丰富，可以从其官网查看，但是有些API还是相当抽象的，比如接下来提到的toLocal 和 toGlobal。起初在进行理解的时候确实蛮抽象，用过几次后就慢慢理解了，话不多说，上代码： let sprite = new PIXI.Sprite(app.loader.resources['box'].texture); sprite.position.set(200, 200);

2021-04-28 10:44:33 436

原创 h5 canvas 属性width height 与 style中的width height区别

attribute width height:canvas的宽高，在canvas上定位坐标等，是依据此宽高。style width height ：绘制的宽高，如果与上面宽高不等比，会出现拉伸压缩情况。可以理解为，style是对attribute进行了缩放操作。style是在屏幕上显示的大小。...

2021-04-07 20:26:07 238

原创 h5点击事件 e.currentTarget 与 e.target区别

摘录自 MDN:The currentTarget read-only property of the Event interface identifies the current target for the event, as the event traverses the DOM. It always refers to the element to which the event handler has been attached, as opposed to Event.target, whic

2021-04-07 14:55:19 393

转载 git 回滚本地和远程分支

方法一：1、新建backup分支作为备份，以防万一git branch backup2、将本地的backup分支　推送到远程的backupgit push origin backup:backup3、本地仓库彻底回退到xxxxx版本，xxxxx版本之后的commit信息将丢失git reset --hard xxxxx4、删除远程的master分支 (注意master前有个:)git push origin :master主要远程仓库的master如果是保护分支将报错，请去掉对分支的保护

2021-04-07 14:46:17 588

转载 git中submodule子模块的添加、使用和删除

背景项目中经常使用别人维护的模块，在git中使用子模块的功能能够大大提高开发效率。使用子模块后，不必负责子模块的维护，只需要在必要的时候同步更新子模块即可。...

2020-07-29 19:35:55 327

原创 Canvas 2d和DOM元素下画九宫格

九宫格图片：保持四个角不受图片缩放影响，上下横向矩形部分水平缩放，左右竖向矩形垂直缩放，中间部分水平和垂直均会收到缩放影响。1.Canvascanvas下采用drawImage API，通过原始图片的左右上下偏移量，裁剪需要获得的像素块，并在新定义的区域内展示（伴随缩放）APIctx.drawImage(img, sx, sy, sWidth, sHeight, tx, ty, tWidth, tHeight);sx sy: 原图中的起始点sWidth, sHeight: 原图从起始点开始的区

2020-06-22 17:23:08 301

原创 JavaScript闭包的简单理解

function makeAdder(a){ return function(b) { return a + b; }}var add5 = makeAdder(5);add5(7);//12var add20 = makeAdder(20);add20(10);//30按照常识，a为局部变量，当函数返回的时候，会被垃圾回收掉。但由于JS作用域对象，返回的对象（函数add*)内部有外部函数的引用(a)所以该作用域对象不会被回收，内部持有对于a=5的引用，也即，add5和add20

2020-06-09 20:08:18 127

原创 canvas渲染学习笔记1

canvas渲染欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将...

2020-04-28 20:09:04 467

飓风kk的博客