11k 字 10 分钟

本项目是一个基于 Vite3 搭建的 Vue3 项目模板，集成了 TypeScript、Vue Router、Pinia、Axios、Less、ESLint、Prettier、Husky、lint-staged 等等

本项目的 Github 仓库地址：github.com/purcellhuan…

运行环境： VSCode、Node16+、 VSCode 插件：TypeScript Vue Plugin (Volar)、Vue Language Features (Volar)、Prettier - Code formatter

注：需要关闭 Vetur 插件

3.3k 字 3 分钟

# 一、报错信息分析

warning: Pulling without specifying how to reconcile divergent branches is discouraged. You can squelch this message by running one of the following commands sometime before your next pull:
// 不鼓励在没有说明如何解决分歧分支的情况下进行pull。你可以在下一次pull之前运行以下命令之一来平息此消息:
git config pull.rebase false  # merge (the default strategy)  // 缺省策略
git config pull.rebase true   # rebase  // 变基
git config pull.ff only       # fast-forward only  // 仅快进
You can replace "git config" with "git config --global" to set a default preference for all repositories. You can also pass --rebase, --no-rebase, or --ff-only on the command line to override the configured default per invocation.
// 您可以将 "git config" 替换为 "git config --global" 以便为所有仓库设置缺省的配置项。
// 也可以在每次执行 pull 命令时添加 --rebase、--no-rebase，或者 --ff-only 参数覆盖缺省设置。
这个报警表示，你和你的同事在同一个分支上开发，当你的同事提交代码后，你再执行 git pull，会先将你同事的代码与你本地仓库的代码合并
   5.6k 字  5 分钟
随着数字技术的发展，工业似乎正在进入一个平台青春期的朦胧前夜。而最开始作为工具的工业软件，则逐渐成为重要推手。它自身正在经历空前的变化。这个变化始自十多年前，但直到现在借助于工业互联网、5G 这样的折射光，它的萌芽才开始变得有些轮廓。还需要十年到二十年的时间，工业界才能真正感觉它的颠覆性变化。
也许那个时候，工业软件的工具属性将不复存在。它以一种更加内生、更加隐蔽的平台方式，主宰着工业的走向。
   9.7k 字  9 分钟
# 基础介绍
# font-face 是什么
font-face 是 css3 中允许使用自定义字体的一个模块，他主要是把自己定义的 Web 字体嵌入到你的网页中。
这是一个叫做 @font-face 的 CSS @规则 ， 它允许网页开发者为其网页指定在线字体。通过这种作者自备字体的方式，@font-face 可以消除对用户电脑客户端的字体的依赖 。
   1.8k 字  2 分钟
# Free 3D Models
图片
Free 3D Models 是一个比较老牌的 3D 素材库网站，它提供了很多种高质量的 3D 模型，并且用户可以免费下载这些模型。不仅如此，这个网站还提供了许多有趣的分类，比如 “惊悚的模型”、“游戏模型”、“电影模型” 等等。这些分类可以帮助你更快地寻找到自己需要的 3D 模型。
  • https://free3d.com/3d-models/
   2.2k 字  2 分钟
# Three.js 官方文档
图片
毋庸置疑，Three.js 官方文档 [1] 是学习如何在 Web 上创建 3D 图形的一个很好的起点。它提供了易于上手的教程，介绍了使用 Three.js 的基础知识，即使您没有 3D 图形经验。
这些文档解释了 Three.js 如何通过处理复杂的任务（如在幕后设置场景、光照、材质和 3D 数学）来简化 WebGL。这使开发人员可以专注于创建 3D 内容。
   7.1k 字  6 分钟
# WebGL
简介：WebGL（全写 Web Graphics Library）是一种 3D 绘图协议，这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL 嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了，还能创建复杂的导航和数据视觉化。
# Three.js
简介：Three.js 是 WebGL 的 JavaScript 3D 库，其对 WebGL 提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本，成为前端开发者完成 3D 绘图的得力工具。
three.js 官方文档 ：threejs.org/
three.js 中文文档 ： techbrood.com/threejs/doc…
Three.js 整体认知（附：Three.js 功能概览）
   2.2k 字  2 分钟
在日常使用命令 npm install / npm install XX 下载依赖的操作中，我经常会遇到无法解析依赖树的问题（依赖冲突）：
img
但是每当遇到这种情况的时候，我用命令 npm install --legacy-peer-deps 就可以顺利进行下载操作：
img
这是为什么呢？带着好奇心，我去研究学习了一番 npm install xxxx --legacy-peer-deps 命令是什么？为什么可以解决下载时候产生的依赖冲突呢？（注：我本地当前正在使用的 npm 版本是 8.6.0）
   901 字  1 分钟
Vite 不支持 require 方法，因为 Vite 默认使用 ESM（ES 模块）作为模块系统，而不支持 CommonJS（包括 require 方法）。Vite 是一个现代的构建工具，旨在提供更快的冷启动、即时模块热更新（HMR）等优势，因此它不包含对 CommonJS 模块系统的支持‌12。 # 1‌. 使用 import 方法‌： ‌同步加载模块‌：可以使用 import 语句来替代 require 。例如，将 const ElementResizeDetector = require('element-resize-detector') 替换为 import...