三十五前端

效果 1. 金蛋布局 别问为什么套这么多层div，一会有用- -！，这里主要介绍的是蛋平均分布的css代码 这是当前页面，下面开始把蛋平均分布在圆环上 计算蛋的旋转角度，360度，3个蛋就每个120d

1. 跟风.... 2. 编写公用方法、全局配置、公用组件，提示调用者别传错参数。 3. 使用类推推导，避免你拼写错，漏写等低级错误，提前发现问题。 4. 提前定义类型，梳理开发思路

用于调整相机位置以适应场景中对象的函数代码解读，用于计算场景中对象的包围盒大小，并根据大小和中心点调整相机和控制器的位置

业务需求 用户上传一张户型图，并且在图片描很多测试点。 鼠标放大缩小、拖拽 触屏手势放大缩小、拖拽 测试点需要跟随图片放大缩小、移动 先看最终完成的效果 基本页面结构 这里比较简单，一个div 跟一堆

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。

1. camera.up 加载的模型是一个房子，测量的时候z轴代码高度，但在3d中展示又是y轴才是向上的，所以要调整相机朝向 默认 this.camera.up.set(0,1,0) Y轴朝向上 修改

由于tar3 webpack 打包时，会把小于10k的图片文件转化为base64格式。 然而在地图组件中的Marker的iconPath不支持base64格式，导致真机无法显示。 通过查看文档，可使用

vue3.2国际化 前言 项目使用的为 vue3.2 element plus vue-i18n@next 国际化的基本可理解为下面代码 由上面demo可清楚，国际化有三个要点 message 语言包