凹凸实验室

摘要： # 开发背景 得益于“元宇宙”概念在前段时间的爆火，各家公司都推出了使用 3D 场景的活动或频道。 ![https://img13.360buyimg.com/imagetools/jfs/t1/220303/24/28446/2896414/6476b7f1F5f42bd3a/029b1f997b 阅读全文

摘要： 一、背景 当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。 本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。 先来看看优化的成 阅读全文

摘要： 前言 Web Workers 是 2009 年就已经提案的老技术，但是在很多项目中的应用相对较少，常见一些文章讨论如何写 demo ，但很少有工程化和项目级别的实践，本文会结合 Web Workers 在京东羚珑的程序化设计项目中的实践，分享一下在当下的 2023 年，关于 worker 融入项目的 阅读全文

摘要： 在羚珑智能设计工具——程序化设计里，我们需要根据设计师给到的作图规范来绘制对应的图形，通过输入不同的参数输出不同的设计结果，下面的图就是程序化设计里一个 2.5D 背景模型生成图片的一些例子。那我们使用的绘图工具就是 skia。 1.Skia 1.1 Skia 简单介绍 Skia 是一个开源 2D 阅读全文

摘要： 近几年围绕业务中台化的场景，涌现出了许多低代码平台。面对多组件、多页面、跨平台的复杂场景，如何保证整体的用户体验一致性，减少用户认知和负担，提升用户使用效率，便成为业务迫切需要解决的问题。本文从组件化角度聊聊设计工程化是如何解决模块化与规模化的问题。 近几年围绕业务中台化的场景，涌现出了许多低代码平 阅读全文

摘要： 引言 从本文中，我将从是什么，为什么，怎么做来为大家阐述 NextJS 以及如何优化 NextJS 应用体验。 一、NextJS 是什么 NextJS是一款基于 React 进行 web 应用开发的框架，它以极快的应用体验而闻名，内置 Sass、Less、ES 等特性，开箱即用。SSR 只是 Nex 阅读全文

摘要： 一、背景 本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。 5 种场景分别是： | 瀑布流 | 特点 | | | | | 纵向+高度排序 | 纯 CSS 多列实现，是最简单的瀑布流写法 | | 纵向+高度排序+根据宽度自适应列数 | 通过 JS 根据屏幕宽度计算列数，在 web 阅读全文

摘要： 今天给大家分享的主题是一起来做类型体操。 主要分为 4 个部分进行介绍： 类型体操的背景，通过背景了解为什么要在项目中加入类型体操； 了解类型体操的主要类型、运算逻辑、和类型套路； 类型体操实践，解析 TypeScript 内置高级类型，手写 ParseQueryString 复杂类型； 小结，综上 阅读全文

摘要： 一、背景介绍 羚珑作为一款智能设计平台，简单易懂、可视化操作，同时拥有大量模板与素材为用户、商家或业务团队节省了大量作图时间从而达到降本增效。 随着使用的用户越来越多，同时业务也不断在增长，这也给羚珑服务端带来了挑战。 羚珑服务端目前架构如图所示由多个平台组成，每个平台都有自己的域名。随着业务增长每 阅读全文

摘要： 项目概览及开发设计 这次尝鲜的业务伙伴是食品部门，最终落地项目是“探味奇遇记”：用户使用左边“joystick”操作 IP 人物，前往自己感兴趣的美食馆、调整当前视角，以 3D 的形式虚拟线下场馆购物体验。食品的数字人形象的第一视角在“元宇宙”虚拟美食馆中的沉浸式体验片段如下： 想要体验的同学可用 阅读全文