自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(156)
  • 收藏
  • 关注

原创 ArcGis JS天地图 暗色地图

如果需要在地图上进行打图层的操作,滤镜会对图层也造成影响。

2024-10-11 09:22:27 450

原创 threeJS 模型过大加载速度慢优化体验

模型一般都比普通的前端项目要大,普通的模型要在1MB,大一点的就上不封顶了。模型越大,电脑加载的时间就越长。为了避免用户判断为bug,或者随便点击导致产生其他bug。我们需要增加进度条来提示用户。

2024-07-11 09:55:38 1309

原创 threeJS 点击模型出现弹框

需要实现点击模型出现弹框展示模型详细信息。

2024-07-11 09:52:21 1540 4

原创 threeJS 为模型增加精灵图

之前使用css3DRender创建图片弹框,在旋转模型到背面时,弹框也背对模型,这与UI要求的效果有出入。考虑将css3DRender换成css2Drender,但是可能是模型的问题,将弹框加入到模型的子集,旋转模型时弹框发生比较明显的偏移,最终考虑使用css3Dspirits来实现功能。

2024-07-11 09:49:46 490

原创 three.js 后期处理,物体高亮

【代码】three.js 后期处理,物体高亮。

2024-07-05 10:16:55 448

原创 THREEJS 使用CatmullRomCurve3实现汽车模型沿着指定轨迹移动

使用的是gltf类型的模型。

2024-04-20 21:59:28 816 1

原创 threejs 加载glb模型 Error: THREE.GLTFLoader: No DRACOLoader instance provided.

最近在学习threeJS,在加载模型的过程遇到如下错误这是因为通常我们 glb/gltf里面都是非常大的场景,有些工具它会因为过大做了压缩,导 我们开始是用不了的,需要借助draco解码察来解压模型。

2024-04-03 14:09:14 1228

原创 xm-select多选下拉框实现拼音、首字母搜索匹配

最近项目中遇到需要下拉框能实现根据首字母进行模糊搜索,下拉框使用的是xm-select,而xm-select支持中文的搜索,后端接口也仅支持中文的。因此需要借助其他插件来完成功能。

2024-03-28 14:36:39 992

原创 高德地图 鼠标移入infowindow时取消地图滚轮缩放

想实现鼠标移入点位弹框时, 取消地图滚轮缩放。鼠标移出时,添加地图滚轮缩放。

2024-03-14 16:44:44 596

原创 报错:元素隐式具有“any”类型,因为类型为“string”的表达式不能用于索引类型“{name:string;title:string;content:string;}。在类型......

在 TypeScript 中,如果你想使用字符串来索引一个对象,该对象的类型必须具有字符串索引签名,这意味着你需要明确告诉 TypeScript,这个对象可以接受字符串键并返回某种类型的值。你可以使用keyof关键字来判断给定的键是否存在于对象中,例如使用key is keyof typeof object来判断给定的键是否是对象的有效键。在使用对象的索引时Typescript无法确定对象的类型,因此默认将其类型设置为any。对对象的类型进行限制后,通过获取key访问属性值报错,如上图所示。

2024-02-26 11:41:15 4006

原创 RuoYi点击菜单出现空白页面,无报错

最近在使用若依框架(vue3版本)进行开发的过程中有时会出现切换菜单或者tab,页面空白的情况,刷新页面后又恢复正常。出现这种情况一般是在页面停留了几分钟再操作或者短时间多次跳转来回切换页面等。通过在网上搜寻资料发现问题是出现在如下图所示的组件中:该组件使用transition加跳转动画,keep-alive用作缓存,可能是由于在AppMain中用了transition,组件内又使用了transition才导致了这个问题。

2024-02-22 11:19:20 2054 5

原创 Canvas实现3D效果

【代码】Canvas实现3D效果。

2023-08-30 17:56:56 1995

原创 React从入门到实战-react脚手架,消息订阅与发布

创建项目并启动​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存中…(iQ6hEUgAABpQAAAD1CAYAAABeIRZoAAAAAXNSR0IArs4c6QAAIABJREFUeF7smQm0XVWV7YYQmkcgpCekIQkJxgBBIdJJmTjQElM2gI-DtFQ0dkBRZoi/RCnRr1Ao5RcH9l9LUEEEob7Nr4rwhWFAJAKhS6QYuiQEQvqEkPAIXfLHPLgu6+2399nNOfe+e1/ZGcNheHe3c63drbnX2rud

2023-07-29 21:32:21 1395 1

原创 React从入门到实战-生命周期

初始化阶段:由ReactDOM.render()触发----初次渲染render()更新阶段:由组件内部this.setState()或父组件render触发render()卸载组件:由ReactDOM.unmountComponentAtNode()触发卸载组件函数:ReactDOM.unmountComponentAtNode()

2023-07-12 19:39:41 659 1

原创 React从入门到实战-事件处理,受控组件与非受控组件

常见的高阶函数有:Promise,setTimeout,arr.map()等等。通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。通过event.target得到发生事件的DOM元素对象。通过onXxx属性指定事件处理函数(注意大小写)

2023-06-27 17:27:51 722

原创 React从入门到实战 -组件的三大核心属性(2)props

当组件内部的属性是动态生成的时候,就不能使用state,而是要使用Props。与html标签类似,我们把对应的键值对放在标签上,react会自动替我们进行收集,将收集到的属性放在props里,如下图所示。在React组件挂载之前,会调用它的构造函数,在为React.Component子类实现构造函数时,应在其他语句之前调用。这种直接把属性值一个个传递过去的方法,适用于属性比较少的时候,当属性比较多的时候,我们可以使用。总之,类式组件的构造器能省略则省略。(展开运算符)来简化代码。

2023-06-24 18:46:44 515

原创 React从入门到实战 -组件的三大核心属性(1)state

组件中render方法中的this为组件实例对象组件自定义的方法中this为undefined:强制绑定this,通过函数对象的bind()箭头函数状态数据,不能直接修改或者更新,通过this.setState()进行修改。

2023-06-18 13:16:19 1226

原创 React从入门到实战 - React初体验

根据JSX语法规则,如果标签首字母小写,则为html同名元素,由于html中不存在标签叫做demo的元素,所以报错。因为在定义组件的时候我们应该首字母大写。函数式组件是个组件,应该使用标签,而不是直接写demo。

2023-05-10 21:56:41 860 1

原创 基于 JQuery和Weui的上拉加载和下拉刷新

top : 0;left : 0;left : 0px;width : 0;margin : 0;} }

2023-03-03 15:35:54 853

原创 Vue3+Ts实现贪吃蛇小游戏

启动必须在DOM渲染完成之后再启动即Mounted,否则无法获取到DOM元素。

2023-02-23 10:44:13 629 1

原创 一起从零开始学VUE(18)TypeScript

使用继承之后,子类将会拥有父类所有的方法和属性,通过继承可以将多个类中共有的代码写在一个父类中,这样只需要写一次就可以让所有的子类都同事拥有父类的属性,如果在子类中添加了与父类重名的方法,则会重写父类对应的方法。上述所讲的属性是在对象中设置的,属性可以任意的被修改,会导致对象中的数据变得非常不安全,通过在属性前面添加属性的修饰符可以限制属性的访问。接口用来定义一个类结构,在定义类时,限制类的结构,接口中的所有的属性都不能有实际的值,在接口中的所有方法都是抽象方法。npm i -D sass 下载处理器。

2023-02-07 15:56:18 1055

原创 vite 安装配置ts遇到的常见问题

【代码】vite 安装配置ts遇到的常见问题。

2023-02-07 10:21:15 2022 3

原创 一起从零开始学VUE(17)VUE3.0新的组件

在Son组件中添加一个div,点击按钮出现此div模拟出弹框效果。等待异步组件时渲染一些额外内容,让应用有更好的用户体验。但是发现弹框会将组件撑开,无法达到预期效果。

2022-12-29 15:48:06 122

原创 一起从零开始学VUE(16)生命周期与组合式API

hook本质是一个函数,把setup函数中使用得composition API封装,能够更好的复用代码,让setup中的逻辑更加清楚易懂。

2022-12-27 11:33:58 750 2

原创 一起从零开始学VUE(15)初识VUE3

在模板中使用ref的值不需要通过value获取,vue会自动给ref的值加上.value。在js中使用ref的值必须使用.value获取。作用:定义一个响应式数据结构。

2022-12-16 10:09:22 1408

原创 hint: Updates were rejected because the tip of your current branch is behind(github上的版本和本地版本冲突的解决方法)

1、在本地创建一个版本库(即文件夹),通过git init初始化仓库;2、在文件夹中创建项目后,再通过git add *把项目添加到仓库;3、再通过git commit -m "注释内容"把项目提交到仓库;4、新建一个远程仓库,通过git remote add origin 仓库地址将本地仓库和远程仓库进行关联;5、最后通过r把本地仓库的项目推送到远程仓库;如果远程仓库不为空可能会出现标题所述错误。

2022-10-20 09:42:35 1754

原创 VUE+Nodejs 商城项目练习项目(Node部分)

总共是12张表,但是sp_category这块没有做,所以暂时用不到,activities对应的是前台部分的那些促销活动,channel对应的是购物首页右侧导航栏中的数据,goods_pic用来存储上传的商品图片的地址。

2022-10-19 09:59:51 2623 3

原创 VUE+Nodejs 商城项目练习项目(后台管理)

用户管理用户列表查看角色对应用户分配权限编辑/新增商品

2022-10-18 10:48:40 1915 2

原创 JS 截取视频某一帧图片 实现视频截图

3, 调用canvas元素中的 getContext() 方法(返回一个用于在画布上绘图的环境)。将得到的base64格式的图片地址添加到网页中,这样就完成视频截图功能了!1,定义创建一个 canvas 标签;2,指定 canvas 标签的宽高;

2022-10-17 14:59:20 6542 3

原创 ant vue table表格数据动态合并

3.如果是一次性获取所有数据进行分页的话,计算columns的时候需要进行修改一下。1.在computed节点下动态计算每次要合并的行数。2.在methods节点下定义合并单元格的方法。

2022-10-13 11:39:12 5383 2

原创 VUE+Nodejs 商城项目练习项目(前台购物)

vue和node的学习基本已经结束了,由于是新手脱离视频教程的第一个实践项目所以代码上面还有很多问题,请多指教。有些页面后台部分写了一些所以测试的数据我替换成接口了,有些页面还没有。### 首页(@/view/shop/index.vue)

2022-10-10 13:56:40 3055 2

原创 Vue动态设置img的src不生效的问题

在VUE项目中有时会遇到需要动态修改Img的src的情况,如果直接修改会使得图片无法显示出来。这是由于src被当做静态资源处理了,并没有进行编译。

2022-09-22 11:52:56 6582

原创 一起从零开始学VUE(14)组件之间的通信

组件之间的通信

2022-09-16 09:23:44 180

原创 Node.js的基本使用(四)项目实战——项目初始化及用户注册登录接口的实现

运行如下的命令,安装生成 Token 字符串的包。

2022-08-29 16:36:57 613

原创 Node.js的基本使用(三)数据库与身份认证

Cookie是存储在用户浏览器中的一段不超过4KB的字符串,由一个名称,一个值和其他几个用于控制Cookie有效期、安全性、适用范围的可选属性组成。不同域名下的Cookie各自独立,每当客户端发起请求时,会自动把当前域名下所有未过期的Cookie发送到服务器。几大特性自动发送域名独立过期时限4KB限制。......

2022-08-02 17:00:48 820

原创 Node.js的基本使用(二)Express

Express的作用于Node.js内置的http模块类似,是专门用来创建web服务器的Web网站服务器,专门对外提供web网页资源的服务器API接口服务器,专门对外提供API接口的服务器console.log("中间件");8888");})可以使用app.use()连续定义多个全局中间件,客户端请求到达服务器之后,会按照中间件定义的先后顺序依次进行调用。可以在路由中,通过如下两种等价的方式,使用多个局部中间件。.........

2022-07-19 08:53:37 580

原创 Node.js的基本使用(一)初识Node

Node.js是一个基于ChromeV8引擎的js运行环境官方地址httpsfs模块是Node.js官方提供的,用来操作文件的模块,提供了一系列的方法和属性,用来满足用户对文件的操作需求引入fs模块使用require指令来载入fs模块。...

2022-07-18 11:51:22 367

原创 解决layui弹窗下的下拉选择框被遮挡或显示不全问题

在使用layui弹出层时,需要用到下拉框,但在选择时选项被遮挡出现滚动条从而不得不预留更大的空间。一开始以为是层级问题,但是无论怎么修改层级,问题都没有得到解决。后来通过博客了解到layui样式设置的问题,在layui弹出层的内容区域中,设置了overflow:auto,使得内容超出后会自动出现滚动条。因此只要将overflow的值改成visible就行了。直接修改layui-layer-content的样式,会发现根本不起作用,我们需要自定义layer皮肤来修改样式在打开弹框时,为弹窗增加skin样

2022-07-14 10:10:26 9180 1

原创 async await 在map中使用

在做微信小程序的练习时,需要遍历数组中的元素,获取各个元素的id并发起请求来请求对应的资源。这就需要将map循环遍历与async await 进行结合。由于是异步操作,async函数返回的是一个promise对象,则map遍历返回得到的是一个promise对象的数组,我们需要等到获取到所有promise之后在进行后续操作。Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失

2022-07-01 17:42:04 1519

原创 微信小程序开发实战 云音乐

微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/EventChannel.html尚硅谷微信小程序开发:https://www.bilibili.com/video/BV12K411A7A2?p=1&vd_source=4c39d5508943c58ce334d714f68f2df7微信小程序_云音乐官方API文档:https://developers.weixin.qq.com/miniprogram/dev/compon

2022-06-27 17:09:28 3225 8

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除