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...