pixi疑难杂症汇总

这段时间在忙一个七夕活动游戏的项目,技术栈基于gsap + pixi.js + ts + vue

因为算是第一次用pixi和gsap来做项目,踩了不少坑。特此记录整理一下。

PixiJS基础

介绍

2D Canvas框架,使用 WebGL(或可选的 Canvas)来显示图像和其他 2D 视觉内容。

提供了完整的场景图,并提供交互支持以启用处理点击和触摸事件。

轻量,以渲染功能为核心。

移植性,轻易在前端项目中引用。

目前最新版本的PixiJS为 v5.0.0+,所以本文默认使用 v5+版本。不过考虑到 v4+ 依然有很大的使用量,以及目前很多文章往往都写的是一些 v4+ 的使用方法和bug处理。我也会尽量贴出来做一个对比。

html语义化理解

摘自《前端开发核心知识进阶》

什么是html语义化

根据结构化的内容选择合适的标签,合适的标签就是对内容表达的高度概括。

JSON学习

概念

JSON 全称为 JavaScript Object Notation,是一种轻量级的数据交换格式。

你不知道的JS中

1.类型

使用typeof判断null值返回“object”,其余基本类型均有同名的字符串值与其对应

typeof null === "object" // true
家用摄像配置

前言

作为一个被害妄想症十分谨慎的人,一直希望即使自己不在家里,也能有更多的掌控感。以及在面对黑天鹅事件的时候能够有足够的反击能力,例如及时止损(通过刺耳的报警声)和(事后)提供证据。