Three.js 进阶之旅：物理效果-3D乒乓球小游戏 ?
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 摘要 本文在专栏上一篇内容《Three.js 进阶之旅：物理效果-碰撞和声音》的基础上，将使用新的技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理…
带你看看不一样的console.log 和BUG调试
1.console.log() 调试时console.log是最常用的命令之一，此外还有一些其他的使用的功能。 console.log()中，可是使用占位符对信息加工输出 console.log(' %c %s %s %s', 'color: yellow; background-color: blac…
前端设计模式——过滤器模式
前端设计模式中的过滤器模式（Filter Pattern）是一种结构型设计模式，它允许我们使用不同的条件来过滤一组对象，并返回符合条件的对象列表。 在过滤器模式中，我们有一个包含多个对象的列表，需要根据一些条件来筛选出符合条件的对象。通常情况下，可以使用多个过滤器来实现这个功能。每个过滤器都是一个独立的…
TypeScript 学习笔记 — 类型兼容 （十）
目录一.基本数据类型的兼容性二.接口兼容性三.函数的兼容性四.类的兼容性类的私有成员和受保护成员五.泛型的兼容性六.枚举的兼容性标称类型简短介绍 TS 是结构类型系统（structural type system），基于结构/形状检查类型，而非类型的名字。 TS 中的兼容性，主要看结构是否兼容。(核心是…
webgl 系列 —— 绘制猫
其他章节请看： webgl 系列 绘制猫 上文我们了解了如何绘制渐变彩色三角形，明白了图形装配、光栅化，以及片元着色器计算片元的颜色。 现在如果让你绘制如下一只猫。难道绘制很多三角形，然后指定它们的颜色？那样简直太难、太繁琐了。 这时可以使用三维图形学中的纹理映射技术来解决这个问题。 纹理映射简单来讲就…
Ajax及其应用
目录Ajax 工作原理XMLHttpRequests 对象用法 Ajax 工作原理 Ajax Ajax 是前后端异步交互的工具，异步更新，ajax 包含 XMLHttpRequests 对象（异步地与服务器交换数据，AJAX 核心） JavaScript/DOM（信息显示/交互） CSS（给数据定义样式…
uni-app开发跨平台小程序开发的诸多坑【转载】
uni-app开发跨平台小程序开发的诸多坑，最近用uni-app开发小程序的时候遇到不少了。本篇收集和记录自己在开发小程序过中遇到的问题和解决办法。之前有很多问题解决了，没记录在案。往后遇到的问题，我尽量记录下来。部分小程序平台不好开发，尤其是需要兼容多个平台，所以如果你和我一样，想必避免不了遇到 un…
前端设计模式——桥接模式
桥接模式（Bridge Pattern）是一种结构型设计模式，用于将一个大类或一系列紧密相关的类拆分为抽象和实现两个独立的层次结构，从而能够更好地组合和扩展这些类。 在前端开发中，桥接模式通常用于处理 UI 组件的复杂性，将组件的抽象与实现分离，使得它们能够独立地变化。通过桥接模式，我们可以让组件的行为…
前端设计模式——状态模式
状态模式（State Pattern）：将对象的行为和状态分离，使得对象可以根据不同的状态来改变自己的行为。在前端开发中，可以使用状态模式来管理页面的状态和响应用户的交互。 在状态模式中，对象的行为取决于其内部状态，当状态发生变化时，对象的行为也会相应地发生改变。这种模式通过将状态抽象为独立的类来实现，…
前端设计模式——模板方法模式
模板方法模式（Template Method Pattern）：定义一个行为的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”（Concrete Operations），而整个行为的结构和顺序则被称为“模板方法”（Tem…