效果图 效果 角度
Three.js 进阶之旅：物理效果-3D乒乓球小游戏 🏓
本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场... ......
CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果
在许久之前，曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果： 文本内容不超过容器宽度，正常展示 文本内容超过容器的情况，内容可以进行跑马灯来回滚动展示 像是这样： 但是，之前的方案，有一个很明显的缺点，如果我们事先知道了容器的宽度，那么没问题，但是如果没法确定容器的宽度， ......
国内“谁”能实现chatgpt，短期穷出的类ChatGPT简评（算法侧角度为主），以及对MOSS、ChatYuan给出简评，一文带你深入了解宏观技术路线。
国内“谁”能实现chatgpt，短期穷出的类ChatGPT简评（算法侧角度为主），以及对MOSS、ChatYuan给出简评，一文带你深入了解宏观技术路线。 ......
Three.js 进阶之旅：物理效果-碰撞和声音 💥
本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。 通过本文的阅读，你将学习到如何使用 Cannon.js 在 Three.js 中创建... ......
Web 页面如何实现动画效果
Web 页面可以使用多种方式实现动画效果，其中最常用的有两种： CSS 动画：通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单，性能消耗小，支持广泛。 JavaScript 动画：通过 JavaScript 代码来实现动画效果。JavaS ......
AR Engine毫秒级平面检测，带来更准确的呈现效果
近年来，AR版块成为时下大热，这是一种将现实环境中不存在的虚拟物体融合到真实环境里的技术，用户借助显示设备可以拥有真实的感官体验。AR的应用场景十分广泛，涉及娱乐、社交、广告、购物、教育等领域：AR可以让游戏更具互动性；商品通过AR展示更真实；使用AR进行教育教学让抽象事物更形象等，可以说AR技术已 ......
从历代GC算法角度刨析ZGC
作者：京东科技 文涛 前言 本文所有介绍仅限于HotSpot虚拟机， 本文先介绍了垃圾回收的必要手段，基于这些手段讲解了历代垃圾回收算法是如何工作的， 每一种算法不会讲的特别详细，只为读者从算法角度理解工作原理，从而引出ZGC，方便读者循序渐进地了解。 GC 是 Garbage Collection ......
React中实现keepalive组件缓存效果
背景：由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差，比如在有搜索条件的表格页面，点击某一条数据跳转到详情页面，再返回表格页面，会重新请求数据，搜索条件也将清空，用户得重新输入搜索条件，再次请求数据，大大降低办公效率，如图： ......
详解前端缓存，解决前端换包之后环境中仍会出现旧版效果
前端项目修改了很多东西：比如bug啊，样式啊。当你把前端项目打包之后满心欢喜的在 Nginx（测试环境）换上它，然后在 Jira 上修改bug状态@测试人员复测。然后测试人员开始找你battle了，你的bug怎么还是没修改啊，但是你明明换上了最新的版本，中间到底出现了什么问题。打开控制台的 netw ......
对于async和await的使用方式、作用效果不怎么理解 ?没关系，初步看这篇就够了
结论 同步还是异步，区别如下： 同步：你使用 await 修饰符去调用一个异步（async）方法（是异步方法，不过是阻塞式的，可简单理解为同步）； 异步：你获取异步方法返回的 Task，就是异步（后文有代码示例）； 可以实现多任务执行顺序执行且不阻塞。 概述 async（C# 参考） async 是 ......
分支路径图调度框架在 vivo 效果广告业务的落地实践
使用基于有限有向图的调度框架，可以控制在线服务中异步调度的流程，但这对分支路径的管理不够友好，随着节点增多，调度流程会越来越复杂而难以控制。因此我们实现了支持分支路径的图调度框架，解决普通图调度框架可扩展性差的问题。 ......
【深入浅出Spring原理及实战】「源码原理实战」从底层角度去分析研究PropertySourcesPlaceholderConfigurer的原理及实战注入机制
主要有一下xml文件占位符解析和Java的属性@Value的占位符解析配置这两种场景进行分析和实现解析，如下面两种案例。 ......
如何用3D流体实现逼真水流效果？
华为应用市场在2022年HDC大会期间发布了一款3D水流主题，基于华为HMS Core Scene Kit服务能力，展现立体灵动的水流岛屿，可跟随用户指尖实现实时流体波动效果，既趣味又解压。 让变幻莫测的物质来实现我们在影视和游戏等多种应用场景中的奇思妙想，从早期步骤繁重的特效制作演变到如今，已经有 ......
开局一张图，构建神奇的 CSS 效果
假设，我们有这样一张 Gif 图： 利用 CSS，我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样： 假设，我们有这样一张图： 只需要一个标签即可 <div clas ......
现代 CSS 高阶技巧，完美的波浪进度条效果！
本文是 CSS Houdini 之 CSS Painting API 系列第三篇。 现代 CSS 之高阶图片渐隐消失术 现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！ 在上两篇中，我们详细介绍了 CSS Painting API 是如何一步一步，实现自定义图案甚至实现动画效果的！ ......
从近世代数的角度理解补码
介绍 模数加法形成了一种数学结构，成为阿贝尔群（Abelian group）,这是以丹麦数学家阿贝尔的名字命名的。 前置知识 定义1. 设$a,b\in Z$，如果存在$q\in Z$使得$a=qb$，则称$b$整除$a$，记为$b|a$。 定义2. 设$a,b\in Z$，$b>0$，$a=qb+ ......
大角度非迭代的空间坐标旋转C#实现
在前面文章中提到空间直角坐标系相互转换，测绘坐标转换时，一般涉及到的情况是：两个直角坐标系的小角度转换。但，当两个坐标系对应轴的旋转角度大道一定程度时，则无法使用低阶的泰勒级数展开，且迭代的计算量、精度、速度无法取得平衡。本文将介绍罗德里格矩阵的基本原理和C#实现，并用实例证明解算的有效性。 ......