- 博客(412)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue 使用 threejs 实现实景看房效果 demo
关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都是一样的，稍微说一下思路。一张全景图，超级简单，在绘制一个球的模型，把这个全景图贴到球上作为材质，然后把相机视角移动到球内，将球面翻转，让贴图在球内显示即可。
2023-05-04 14:02:41
1545
1
原创 vue 使用 threejs 加载第三方模型
第三方模型我们可以去一些第三方网站下载，也可以自己制作，从第三方网站下载的话有一个通病，我相信我不说也知道，那就是收费。给大家推荐一个网站，叫做Sketchfab，在里面我们可以下载一些需要的模型，当然，有收费的，但是免费的也不少，自己玩的话够用了。
2023-04-18 14:47:52
1077
2
原创 vue2 使用 cesium 【第二篇-相机视角移动+添加模型】
搞了一阵子 cesium，小白入门，这东西很牛逼，但是感觉这东西好费劲啊！网上资料不多，每个人的用法又不一样，操作起来真的是绝绝子。之前写了一篇的博文，没有写完，本来想继续写来着，想了一下还是重新开一篇吧。上一篇说到了事件，今天不想写事件了，先写一点儿别的吧，一些基本的操作。注意：仅供参考，切勿尽心。其次，这篇博文是基于。
2023-03-10 13:26:14
1457
原创 vue2 使用 cesium 篇 【第一篇】
今天好好写一篇哈，之前写的半死不活的。首先说明：这篇博文是我边做边写的，小白也是，实现效果会同时发布截图，如果没有实现也会说明，仅仅作为技术积累，选择性分享，不做教学哈。不好别喷。
2023-02-16 15:26:59
4315
14
原创 vue 实现通过字符串关键字符动态渲染 input 输入框
今天做一个简单的demo，就是有一个字符串，字符串里面有标识符，前端检测到标识符之后，需要将这个标识符转换成一个 input 输入框并且进行数据输入和绑定功能。
2022-12-08 15:08:51
1648
14
原创 一篇文章了解 threejs 在 vue 项目中的基本使用
threejs 是运行在浏览器中的 3D 引擎，是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。开发者可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。可以在它的主页上看到许多精彩的演示。不过，这款引擎还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）。在讲解 threejs 的时候，我们通过一个基本的简单的案例，来实现一个小的效果，然后把常用的 API、工具、功能稍微说一下哈！
2022-10-30 15:22:01
8572
12
原创 # react 中使用路由 router 详解
路由就是一个映射关系（ key: value）。key 为路径， value 可能是 function 或者是 component。我们学习路由的时候会遇到两个经常用的单词router和route。区别是什么呢？router 是全局的路由器对象。route 是当前激活的路由对象。打个比方哈，我们自己家里上网需要路由器吧，router 就相当于家里的 路由器。route 就相当于路由器上面的网线插口或者是那个天线，不能没有 router 就是用 route。明确好界面中的导航部分、展示部分都是哪里。
2022-10-26 09:09:10
1482
原创 # vue 实现文件切上传
在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。
2022-10-24 10:09:04
1454
原创 31、react 中的 Fragment
今天说的这一小节超级简单，但是呢，不说还不行，因为在实际开发项目当中你会确确实实的发现有这样一个使用场景，很多人都会写，所以说尽管不影响我们的实际开发，但别人确实会这样操作，为了能更好的看清项目代码，稍微提一嘴吧。
2022-10-16 20:18:59
824
1
原创 30、react 中的 Hooks
Effect Hook 可以让你在函数组件中执行副作用操作(用于模拟类组件中的生命周期钩子)发ajax请求数据获取设置订阅 / 启动定时器手动更改真实DOM// 在此可以执行任何带副作用操作 return() => {// 在组件卸载前执行 // 在此做一些收尾工作, 比如清除定时器/取消订阅等 } } , [ stateValue ]) // 如果指定的是[], 回调函数只会在第一次render()后执行可以把 useEffect Hook 看做如下三个函数的组合。
2022-10-03 15:40:38
182
原创 29、【拓展】 react 中的 setState
对象式的setStatestateChange为状态改变对象(该对象可以体现出状态的更改)callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用函数式的setStateupdater为返回stateChange对象的函数。updater可以接收到state和props。callback是可选的回调函数, 它在状态更新、界面也更新后(render调用后)才被调用。对象式的 setState 是函数式的 setState 的简写方式 (语法糖)
2022-10-02 17:58:26
81
原创 28、react 使用 react-redux
reac-redux 是一个 react 的插件库。作用是专门用来简化 react 应用中使用 redux。
2022-09-27 19:28:27
688
原创 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
425
原创 26、react UI 组件库 Ant-design 蚂蚁金服UI组件库
这是国外非常流行的 react UI 组件库，但是在国内并不是很常用。
2022-09-25 20:32:51
1689
原创 25、react 中使用路由 router 详解
路由就是一个映射关系（ key: value）。key 为路径， value 可能是 function 或者是 component。我们学习路由的时候会遇到两个经常用的单词router和route。区别是什么呢？router 是全局的路由器对象。route 是当前激活的路由对象。打个比方哈，我们自己家里上网需要路由器吧，router 就相当于家里的 路由器。route 就相当于路由器上面的网线插口或者是那个天线，不能没有 router 就是用 route。
2022-09-22 17:21:33
736
原创 23、react 使用消息订阅发布机制
我们前边做了一个 todoList 的案例，案例里面拆了四个组件，然后涉及到了组件传值。其实当时已经涉及到了兄弟组件传值，但是因为那时候不会兄弟组件传值，所以说呢，就是用了父组组件传值，把组件需要用到的数据放在了最外边的 App 组件，然后通过父子组件传值实现功能的。
2022-09-20 17:42:06
166
原创 22、react 中的 Axios 代理配置
package.json 实现跨域配置配置简单，前端请求资源师可以不加任何前缀。不能配置多个代理。优先匹配前端资源。setupProxy.js 实现跨域配置可以配置多个代理，可以灵活的控制请求是否走代理。配置繁琐，前端请求资源时也必须加前缀。完成，今天就先到这里吧。
2022-09-20 13:52:34
888
3
原创 21、react 制作一个 todoList 组件
上一篇博文我们说了 react 脚手架创建并使用一个组件，OK，那么重点来喽，每个框架学习的必做案例，todoList 功能。
2022-09-20 10:06:23
295
原创 20、一个简单的 Hello 组件
上一篇博文我们实现了脚手架工具的安装以及默认的文件结构说明，那接下来我们做一些简单的本地化处理，为啥呢？因为上篇博客我们看到，脚手架工具给我们加了很多的文件，但是我们基本上都又不到对吧，所以说我们平时开发项目只需要几个文件就可以了，这篇博客就和大家分享一下，日常使用脚手架开发 react 项目的一个关键的点。
2022-09-19 14:37:44
193
原创 19、react 脚手架工具初始化
public 文件夹主要用来存放静态资源文件。比如：页面，文件，图片等静态资源。网站页签图标index.html主页面logo图logo图应用加壳的配置文件robots.txt爬虫协议文件我是𝒆𝒅. 的 giteeApp.cssApp组件样式App.jsApp组件用于给App做测试index.css样式文件index.js入口文件logo.svglogo图片页面性能分析文件（需要 web-vitals 库的支持）组件单元测试的文件（需要 jest-dom 库的支持）
2022-09-19 11:28:33
221
原创 18、react 遍历 key 值的作用
在学习 react 或者是 vue 的时候，遍历一个数组展示到页面，都需要设置一个 key 值。那么这个 key 值作用是什么？需要怎么设置啊？
2022-09-18 17:11:46
260
原创 17、react 的生命周期
初始化阶段：是由 ReactDOM.render() 触发 – 初次渲染- render()更新阶段：是由 this.setState() 或者父组件重新 render 触发- render()卸载组件：由 ReactDOM.unmountComponentAtNode() 触发尽管哈，前前后后涉及到了很多钩子，但是稍作了解就可以，因为在实际开发过程中，有的钩子基本很少使用到，主要专注一下、render、
2022-09-18 16:46:03
317
原创 15、react 的 非受控组件 和 受控组件
组件分为 非受控组件 和 受控组件，这两种有什么区别呢，单说概念不好理解，那我们通过一个案例来说明一下，一下子就可以弄懂了，很简单的。
2022-09-17 18:17:38
133
1
原创 14、react 中的事件处理
通过 onXX 属性指定时间处理函数(注意大小写)。—— 为了更好的兼容性。react 使用的是自定义(合成)事件，而不是使用原生的DOM事件。react 中的事件是通过事件委托方式处理的(委托给组件最外层元素)。—— 事件委托的原理是事件冒泡，为了高效。通过 event.target 得到发生事件的 DOM 元素对象。—— 不要过渡的使用 ref，发生事件的元素正好是我要操作的元素时可以省略。完成了，干饭去！我是𝒆𝒅. 的 gitee。
2022-09-17 17:28:45
541
原创 13、react 使用 refs
前面两篇博客介绍了 react 的两大模块 state 和 props。然后呢，今天来介绍最后一个 ref。学习过 vue 项目的宝子们应该对于 ref 不是很陌生，那在 react 里面 ref 的作用和 vue 是差不多的。
2022-09-17 15:28:05
472
原创 12、react使用 props
上一篇博文写了 react 使用 state 进行状态管理，状态是 react 一个常用的模块，今天说一下 props 这个模块，也是在开发 react 过程中必不可少的。
2022-09-16 17:16:49
359
原创 11、react 使用 state
之前说函数式组件和类式组件的时候我们说过，主要实现的定义，主要实现的定义，那什么是简单组件，什么是复杂组件，其实很简单，就是我们今天要了解的 。简单点说：好了，我们知道通过 的有无来判断你的组件是不是复杂组件，那新的问题又来了，什么状态 ？【理解一下】打个比方：OK，仔细理解上面这个例子，我们可以得出一个结论： 是有 的，人的 状态 会 。同样， 也是有 的，状态 会 。简单理解：接下来写一个案例，然后我们通过这个案例把 state 相关的基础东西都说一下。一个页面，内容很简单，就是一个单纯的
2022-09-15 21:08:47
402
原创 10、react 类式组件
第一，解析组件标签，找到 Demo 组件；第二，发现组件是使用类定义的，随后new出该类实例，并通过改实例调用到原型上的render方法。第三，将返回的虚拟dom转为真实dom呈现在页面。今天就到这里，没啥好说的，下面讲一下三大模块，下篇博文开始。拜拜了！我是𝒆𝒅. 的 gitee。
2022-09-15 15:06:01
261
原创 9、react 复习类相关知识
这篇博文和 react 没有关系，只是单纯的回顾一下类的相关知识，以免后边用到不知所措。这里就写两个案例，创建一个类调用，然后再写一个类继承，进行调用和复写方法。
2022-09-15 14:28:00
124
原创 8、react 函数式组件
上一篇博文我们稍微说了一下 react 开发者工具的安装，主要目的是使用他才管理组件很好用，那啥是组件呢？本篇博文稍微说一下。
2022-09-15 13:39:56
224
原创 7、react 开发者工具 React Developer Tools 的安装
今天给大家推荐一个 react 的开发者工具，这个大家应该都知道，可以帮助我们快速的查阅组件、状态、路由的工具，就像是 vue 里面的 dev-tools 工具一样，今天说一下安装和使用。这里说谷歌浏览器的哈，然后呢，需要外网，不然访问不了谷歌应用商店。但是像是 360浏览器 或者是其他浏览器操作也类似，那些浏览器的应用商店应该也是有的。
2022-09-14 20:32:13
924
原创 5、react 基础案例
前面几篇博客都说了一些 jsx 的基础知识，那么现在这篇博文主要是分享一个小的练习，主要是把前面的东西综合一下，案例很简单。
2022-09-13 20:38:32
84
原创 4、JSX 基本语法规则
JSX 全称是 JavaScript XML。react 定义的一种类似于 xml 的 js 拓展语法：js + xml。本质是 React。createElement(component, props, … children) 的语法糖。作用：- 写法：var ele = 我是𝒆𝒅. - 他不是字符串，也不是 HTML/XML 标签- 他最终产生的就是一个 js 对象标签名任意：html 标签或者是其他标签。
2022-09-11 17:51:45
311
原创 3、react 虚拟 DOM 与 真实 DOM
本质是一个 Object 类型的对象，也就是一般对象。虚拟 dom 比较“轻”，真实 dom 比较“重”，因为虚拟 dom 是 react 内部自己使用，不需要真实 dom 那么多的属性。虚拟 dom 最终会被 react 转化成 真实 dom 渲染在页面上。好了，今天的内容就到这里了吧，也没啥可以在说的了，就简单了解一下真实 dom 和虚拟 dom 的区别。OK，结束了，拜了个拜！下篇博文见！【本博文相关代码资料】：我是𝒆𝒅. 的 gitee。
2022-09-11 16:35:07
224
原创 2、react 两种方式创建 dom
原因就是 js 创建虚拟 dom 可能会遇到很繁琐的情况，jsx 的出现，就是解决 dom 创建繁琐问题，可以是开发人员快速的实现开发工作。其实还有一个小问题想说一下，就是我们使用 jsx 开发的时候，我们发现我们写的代码都在一行上，谁家开发的代码都写在一行啊，那肯定是有瑕疵的，所以说他有一个写法可以更好的优化我们的代码，看下面代码。
2022-09-11 16:04:35
685
原创 1、react 基础学习前言
# react 基础学习前言## react 前期知识储备- javascript 基础知识储备。- ES6 相关基础知识储备。- 与是否掌握 Vue 编程无关。## react 学习的好处- 众所周知，小厂使用 vue，大厂使用 react。- react 的维护团队有点厉害，由 facebook 团队进行维护。- react 咋国际上的地位相比于 vue 或者是 angular 框架高一些。- react 更是纯组件开发的代表，即一切皆组件。
2022-09-11 15:25:24
58
原创 openlayers实现热力图效果
这个在之前的博客里面分享过了，再稍微说一下。先说效果，最终实现的效果就是下面这个样子的，如果需要的话就接着看，如果不是这个样子就不要看了。
2022-09-08 11:50:57
1400
2
Web端高德地图离线包
2022-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人