- 博客(435)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 threejs 基础知识点汇总
Three.js是一个流行的JavaScript库，用于在浏览器中创建和显示3D图形。它基于WebGL，一个浏览器支持的3D图形API，使得开发者能够在网页上创建复杂的3D场景和交互体验。Three.js提供了丰富的功能和工具，让开发者能够轻松地创建3D对象、设置灯光、添加动画、处理用户交互等。它支持多种3D格式的导入，如OBJ、GLTF等，也支持自定义的材质和着色器。CSS2DObject 是 Three.js 中用于在3D场景里渲染HTML元素的类。
2024-04-09 11:21:15
798
原创 vue3 接入 Element Plus
Element Plus是一套为开发者、设计师和产品经理准备的基于Vue 3.0的桌面端组件库。反馈：通过界面样式和交互动效让用户清晰地感知自己的操作。当用户进行操作后，页面元素的变化会清晰地展现当前状态。效率：设计简洁直观的操作流程，使语言表达清晰且表意明确，帮助用户快速理解进而作出决策。此外，界面简单直白，减少用户记忆负担。可控：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策。用户可以自由地进行操作，包括撤销、回退和终止当前操作等。
2024-01-03 14:02:34
1610
原创 Vue3 使用路由 Router
众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 JavaScript 可以连接页面跳转请求，动态获取数据，然后无需重新加载页面的情况下，更新当前页面数据，这样可以带来更加丝滑的用户体验，因为这类场景下的用户通常会在很长的一段时间中做出多次交互，路由是更新在客户端执行的。vue Router是 vue 官方路由，他与 vue 核心深度集成，让 vue 构建单页面应用变得更加轻而易举。嵌套路由映射。
2024-01-02 17:11:39
1453
原创 vue3 组件之间传值
vue2.7 是现在，也是最后一个 vue2 版本的更新，官方已经发布通告，vue2 版本将于 2023年12月31日 停止维护，但是停止维护不代表不能使用哈，我们可以继续使用 vue2 版本开发我们的项目，只不过，官方团队已经不会在对 vue2 版本进行更新，这个更新包括了安全性和兼容性的更新修复问题。如果我们继续使用 vue2 版本开发项目的话，我们可能就需要面对一个问题，就是如何向用户解释：你买了我们的电脑，但我们给你配的是 window xp 系统。
2023-12-29 15:42:18
1518
原创 vue 预览 pdf、word、excel
这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。
2023-12-27 09:17:58
1190
原创 13. TypeScript 泛型
泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。
2023-12-26 17:36:30
379
原创 11.类与接口
前几篇博客说过，接口（Interfaces）可以用于对「对象的形状（Shape）」进行描述。现在主要介绍接口的另一个用途，对类的一部分行为进行抽象。
2023-12-26 16:44:12
324
原创 10. TypeScript 中的类使用
abstract用于定义抽象类和其中的抽象方法。什么是抽象类？// 抽象类看，直接实例化一个抽象类，直接报错，告诉我们不允许：上面的例子中，我们定义了一个抽象类 Animal，并且定义了一个抽象方法 sayHi。在实例化抽象类的时候报错了。// 抽象类${this// 抽象类 abstract class A {上面的例子中，我们定义了一个类 Cat 继承了抽象类 Animal，但是没有实现抽象方法 sayHi，所以编译报错了。${this。
2023-12-26 16:15:02
737
原创 9. TypeScript 枚举 enum
枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。简单理解就是给一组数值赋予名称。首先说一点：枚举成员会被赋值为从 0 开始递增的数字，同时也会对枚举值到枚举名进行反向映射。当然，我设置第一个从 开始，所以现在枚举成员赋值从 开始了。事实上，此时编译之后 js 代码就是这个样子的：我们运行查看一下结果：这样的话我们可以通过名称去拿去值，通过值去拿去名称：运行查看一下结果：没有任何问题！其中， 这行代码，是操作。如果没有手动赋值的话，那么第一个参数默认为
2023-12-26 14:43:31
842
原创 8. TypeSrcipt 元组
合并了相同类型的对象，而**元组（Tuple）**合并了不同类型的对象。元组起源于函数编程语言（如 F#），这些语言中会频繁使用元组。
2023-12-26 13:46:43
346
原创 6. 类型断言
类型断言（Type Assertion）可以用来手动指定一个值的类型。比如说我们有一个案例：定义一个函数，获取到一个数组或者字符串的长度OK，接下来编写代码：这样子就是先了这个功能，但是会有一个问题，就是， 方法是字符串特有的，对于数字来说，没有这个方法，因此在传入数字的时候，会报错，所以 ts 不允许这样写，会报错。也就是说，如果使用联合声明的话，里面的结构体只能使用两个声明类型的共有方法，字符串和数字共有的一个方法是 方法转为字符串，所以说我们可以使用一下：这样就是可以的了，不会引发 ts 校验错
2023-12-26 10:52:33
736
原创 3.接口使用
在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。
2023-12-25 15:23:45
544
原创 1. TypeScript 简介
教程资源：https://ts.xcatliu.com/introduction/what-is-typescript.html#link-1中文官网：https://www.typescriptlang.org/TypeScript 安装步骤很简单，只需要下面这个简单的命令全局安装一下即可：执行完后，只需要等待安装完成。安装完成后，可以通过下面命令检测一下是否安装成功：如果出现版本号信息，则说明安装成功了。创建一个 TS 文件。后缀是 ts 不是 js 了。注意，TS 不是 JS，但是可以包含任何的
2023-12-25 11:25:11
914
原创 openlayers 截图
这样就可以了，但是也许会报错，报错原因一般都是使用的底图图层存在跨域问题。所以说在加载底图的时候，设置一下允许跨域就可以了哟。最新做了一个功能，就是 openlayers 展示二维 GIS 数据后，可以把当前的视角导出图片。OK，我承认，这篇博文是一个水文。好了，我知道的就这么多。
2023-12-21 14:23:34
428
原创 vue 使用 html2canvas 截取图片保存
html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特定的HTML元素转换为一幅图像，这对于创建屏幕截图、生成PDF文件或在上创建可编辑的图像非常有用。
2023-12-21 14:08:40
1189
1
原创 vue 使用 threejs 实现实景看房效果 demo
关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都是一样的，稍微说一下思路。一张全景图，超级简单，在绘制一个球的模型，把这个全景图贴到球上作为材质，然后把相机视角移动到球内，将球面翻转，让贴图在球内显示即可。
2023-05-04 14:02:41
1977
2
原创 vue 使用 threejs 加载第三方模型
第三方模型我们可以去一些第三方网站下载，也可以自己制作，从第三方网站下载的话有一个通病，我相信我不说也知道，那就是收费。给大家推荐一个网站，叫做Sketchfab，在里面我们可以下载一些需要的模型，当然，有收费的，但是免费的也不少，自己玩的话够用了。
2023-04-18 14:47:52
1415
3
原创 vue2 使用 cesium 【第二篇-相机视角移动+添加模型】
搞了一阵子 cesium，小白入门，这东西很牛逼，但是感觉这东西好费劲啊！网上资料不多，每个人的用法又不一样，操作起来真的是绝绝子。之前写了一篇的博文，没有写完，本来想继续写来着，想了一下还是重新开一篇吧。上一篇说到了事件，今天不想写事件了，先写一点儿别的吧，一些基本的操作。注意：仅供参考，切勿尽心。其次，这篇博文是基于。
2023-03-10 13:26:14
1841
1
原创 vue2 使用 cesium 篇 【第一篇】
今天好好写一篇哈，之前写的半死不活的。首先说明：这篇博文是我边做边写的，小白也是，实现效果会同时发布截图，如果没有实现也会说明，仅仅作为技术积累，选择性分享，不做教学哈。不好别喷。
2023-02-16 15:26:59
6545
19
原创 vue 实现通过字符串关键字符动态渲染 input 输入框
今天做一个简单的demo，就是有一个字符串，字符串里面有标识符，前端检测到标识符之后，需要将这个标识符转换成一个 input 输入框并且进行数据输入和绑定功能。
2022-12-08 15:08:51
1996
14
原创 一篇文章了解 threejs 在 vue 项目中的基本使用
threejs 是运行在浏览器中的 3D 引擎，是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。开发者可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。可以在它的主页上看到许多精彩的演示。不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）。在讲解 threejs 的时候，我们通过一个基本的简单的案例，来实现一个小的效果，然后把常用的 API、工具、功能稍微说一下哈！
2022-10-30 15:22:01
13231
13
原创 # react 中使用路由 router 详解
路由就是一个映射关系（ key: value）。key 为路径， value 可能是 function 或者是 component。我们学习路由的时候会遇到两个经常用的单词router和route。区别是什么呢？router 是全局的路由器对象。route 是当前激活的路由对象。打个比方哈，我们自己家里上网需要路由器吧，router 就相当于家里的 路由器。route 就相当于路由器上面的网线插口或者是那个天线，不能没有 router 就是用 route。明确好界面中的导航部分、展示部分都是哪里。
2022-10-26 09:09:10
2244
原创 # vue 实现文件切上传
在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。
2022-10-24 10:09:04
1577
原创 31、react 中的 Fragment
今天说的这一小节超级简单，但是呢，不说还不行，因为在实际开发项目当中你会确确实实的发现有这样一个使用场景，很多人都会写，所以说尽管不影响我们的实际开发，但别人确实会这样操作，为了能更好的看清项目代码，稍微提一嘴吧。
2022-10-16 20:18:59
1088
1
原创 30、react 中的 Hooks
Effect Hook 可以让你在函数组件中执行副作用操作(用于模拟类组件中的生命周期钩子)发ajax请求数据获取设置订阅 / 启动定时器手动更改真实DOM// 在此可以执行任何带副作用操作 return() => {// 在组件卸载前执行 // 在此做一些收尾工作, 比如清除定时器/取消订阅等 } } , [ stateValue ]) // 如果指定的是[], 回调函数只会在第一次render()后执行可以把 useEffect Hook 看做如下三个函数的组合。
2022-10-03 15:40:38
237
原创 29、【拓展】 react 中的 setState
对象式的setStatestateChange为状态改变对象(该对象可以体现出状态的更改)callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用函数式的setStateupdater为返回stateChange对象的函数。updater可以接收到state和props。callback是可选的回调函数, 它在状态更新、界面也更新后(render调用后)才被调用。对象式的 setState 是函数式的 setState 的简写方式 (语法糖)
2022-10-02 17:58:26
99
原创 28、react 使用 react-redux
reac-redux 是一个 react 的插件库。作用是专门用来简化 react 应用中使用 redux。
2022-09-27 19:28:27
930
原创 27、react 使用 redux 状态管理器
英文文档： https://redux.js.org/中文文档：http://www.redux.org.cn/Github地址： https://github.com/reactjs/redux作用: 集中式管理 React 应用中多个组件共享的状态，就像是 Vue 项目中的 Vuex。接下来我们写一个最简单的 redux 案例。首先得安装哈！接下来开始编写案例：我们有一个页面，求和 操作。页面显示当前求和的值，默认最开始是 ，有一个下拉框，选择要加的数，下面有四个按钮，单击“加”数据加选择的数，
2022-09-27 14:50:46
537
原创 26、react UI 组件库 Ant-design 蚂蚁金服UI组件库
这是国外非常流行的 react UI 组件库，但是在国内并不是很常用。
2022-09-25 20:32:51
2053
原创 25、react 中使用路由 router 详解
路由就是一个映射关系（ key: value）。key 为路径， value 可能是 function 或者是 component。我们学习路由的时候会遇到两个经常用的单词router和route。区别是什么呢？router 是全局的路由器对象。route 是当前激活的路由对象。打个比方哈，我们自己家里上网需要路由器吧，router 就相当于家里的 路由器。route 就相当于路由器上面的网线插口或者是那个天线，不能没有 router 就是用 route。
2022-09-22 17:21:33
887
原创 23、react 使用消息订阅发布机制
我们前边做了一个 todoList 的案例，案例里面拆了四个组件，然后涉及到了组件传值。其实当时已经涉及到了兄弟组件传值，但是因为那时候不会兄弟组件传值，所以说呢，就是用了父组组件传值，把组件需要用到的数据放在了最外边的 App 组件，然后通过父子组件传值实现功能的。
2022-09-20 17:42:06
210
Web端高德地图离线包
2022-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人