cxhan

未来的前端开发者可能不再被称为“前端”，而是“体验工程师”——专注于连接数字世界与人类感知的每一个触点。...

前言 前几天一个朋友去义务旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊😭😭😭），为此我萌生了一个想法，3...

前言 笔者目前所在团队是使用 Monorepo 的方式管理所有的业务项目，而随着项目的增多，稳定性以及开发体验受到挑战，诸多问题开始暴露，可以明显感受到现有的 Monore...

回顾过往，前端面试官有三个年头了，《2023年我的前端面试准备》在小伙伴们的催促声中姗姗来迟。 2021年我的前端面试准备 2022年我的前端面试准备 本篇文章会持续更新，...

部门上几个项目，领导最近让招人，发现一天收到上百份简历，有些人总抱怨发了简历都是已读，就没信儿了，还有 “前端已死” 看到这种标题就想上去一锤，各种奇葩问题，却不找自身原因...

摘要：  本文将深入探讨 Vue 中的 nextTick 方法，首先介绍其背景和使用方式，然后解析其底层原理，最后探讨 nextTick 的常见使用场景。通过本文的阅读，您...

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可...

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内...

【 threejs 项目实战 - 科技3D地球 】，这可能是你见过开源项目中最漂亮的3D地球！！！！！！...

学习Three.js也非常有必要了解一下3D建模软件。有很多 3D 建模的软件，比如 Cinema 4D、Maya、3DS Max、Blender、ZBrush 等。本节课...

自从上周分享了如何在地图上加载大量gltf模型之后，很多网友留言问是如何做模型优化的。做这件事前我问了AI在three.js场景中加载更多模型的方法。总结一下就是减少的绘制...

有一天大佬跑过来跟我说：“目前我们在NS区部署了5万多根灯杆，你想想办法把全部的灯杆模型在NS区地图上全部show出来。经过几天断断续续的捣鼓研究，终于在大佬的PUA下搞定...

遥想初中的时候，记英语单词那叫一个 6 🤔️，单词在哪个单元的哪个位置我都能记得一清二楚。Type aliases and interfaces are very sim...

在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监...

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！...

古来已久大家对房子便是情有独钟，那就只能造个房子了，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 ...

Three.js是基于WebGL的Javascript开源框架，简言之，就是能够实现3D效果的JS库。它的出现让web3D应用开发更简单。...

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页...

前言 在Js中有一些比较冷门但是非常好用的方法，我在这里称之为高级方法，这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题，不是所有的浏览器都读得懂的。这篇文章主要就...