自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp踩坑细节

解决办法(1)给scroll-view设置如下css样式(2)给scroll-view设置enhance属性和:show-scrollbar="false"2 uniapp中定义全局变量需要在根目录的uni.scss文件中定义,通过main.js中引入自定义的scss文件不会编译生效ps: scss文件中定义自定义函数如果带单位的话,需要做如下修改:

2024-03-26 17:41:02 484

原创 nest小结

同时应用RequestInterceptor和ResponseInterceptor,这样就能实现全局的路由拦截。提示:这里我们是针对某些具体的请求做了拦截处理,包括返回值格式化,如果要对全局所有接口都作统一的处理,这时候我们需要做如下更改。该命令将生成目录interceptor,且包含reqest和response两个函数。nest g middle name (生成中间件)如果header中没有token则会报错,而其他接口则不受影响。以上我们以list接口为例,请求。app.module.ts中。

2024-02-23 15:05:56 419 1

原创 uniapp中封装一个svg转base64的组件

uniapp中由于不支持svg--》base64,同时无法使用h5中atob,这里我们采用js-base64插件实现这样一个组件,只要传人svg的代码即可在uniapp中转为base64,同时支持自定义参数,比如宽度,高度等。我们在组件内部定义了一个函数用于处理px单位的转化,因为style的设置无法实现px自动转为vw。

2024-02-02 17:36:05 796

原创 angular踩坑之自定义组件

angular自定义组件

2024-01-19 16:25:49 425

原创 基于ts的node项目引入报错归纳

二:TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"解决办法:(注意:"ts-node"选项和complierOptions同级)解决办法:去掉pack.json中的type:module。这里通过nodemon运行service.ts报错。

2023-12-19 10:59:11 1010

原创 mysql踩坑

mysql 采坑总结

2023-12-14 08:33:34 483

原创 uniapp+vite+ts+express踩坑总结

2 'Response' is a type and must be imported using a type-only import when 'preserveValueImports' and 'isolatedModules' are both enabled.报错。解决方案:给 { NextFunction,Request,Response } 添加 type 关键词。在package.json中添加type:“module”选项。1 关于引入express包报。

2023-12-13 14:05:01 880

原创 uniapp全局拦截封装(一)

uniapp全局拦截器

2023-12-12 10:49:03 490

原创 angular状态管理方案(ngrx)

angular状态管理方案

2023-12-08 14:31:18 765

原创 uniapp中实现路由拦截

第二步:在app.vue中的onlaunch调用该函数。

2023-12-06 16:14:46 742

原创 uniapp中wx.getSystemInfoSync() 或 wx.getSystemInfo() 踩坑

wx.getSystemInfoSync踩坑

2023-12-05 14:03:26 1237

原创 uniapp实现多时间段设置

2 点击“新增时间文本”,弹出弹窗,选择时间,不允许开始时间和结束时间同时为00:00,1 点击新增时间,出现一个默认时间段模板,不能提交。

2023-11-24 11:18:11 1041

原创 基于typescript+express实现一个简单的接口权限验证

基于typescript+express实现一个简单的接口权限验证

2023-10-23 22:10:58 510

原创 vue3手写一个轮播图

vue3手写轮播图实现基本效果

2023-09-24 14:42:51 447

原创 angular表单踩坑之二

一:如何实现表单项blackList的toggle为true时,显示limitNumber和limitDay提交表单时这两个选项为必填项,如果toggle为false,则无需校验这两个字短。第三步:定义一个函数,接受toggle的值,当为true时,通过setValidators手动设置其为必填项,否则通过clearValidators()函数清除验证规则。

2023-09-23 11:02:01 232

原创 关于点光源踩坑的一点总结

1 点光源不能单独作用域几何体。需要有其他光源的辅助2 如果你添加了点光源,同时设置的是默认值,那么界面上很可能展示的几何体没有任何光源效3对于点光源特别注意它的属性光照距离的衰退量也就是decay。其默认值为2.,如果我们设置一个较小的值就能在界面中看见效果:

2023-09-10 11:42:59 144

原创 angular中多层嵌套结构的表单如何处理回显问题

angular中多层嵌套结构的表单如何处理回显问题

2023-09-08 14:24:56 624

原创 threejs特殊几何体(一:文字几何体对象)

threejs中文字几何体通过newTextGeometry()生成,它被单独作为一个类存在于threejs中const txtGeo = new TextGeometry("threejs", { ...opts, font: font });注意点:1 文字几何体font必须要引入。可以使用three库默认的字体。该字体位于three/example/fonts/文件夹下,默认字体采用了json文件格式2 给TextGeometry添加配资的时候,font选项不是普通的字体对象而是three里面的字体

2023-08-26 09:15:04 515 1

原创 threejs纹理加载三(视频加载)

threejs中除了能把图片作为纹理进行几何体贴图以外,还可以把视频作为纹理进行贴图设置。纹理的类型有很多,我们可以用不同的加载器来加载,而对于视频作为纹理,我们需要用到今天的主角:VideoTexture。我们先看效果

2023-08-24 14:43:54 1223

原创 threejs纹理加载(二)

通过threejs提供的加载器我们去加载一些贴图作为几何体的纹理,非常方便。我们以本地一张图片作为例子来实现这个效果

2023-08-24 11:16:18 280

原创 threejs贴图系列(一)canvas贴图

threejs不仅支持各种texture的导入生成贴图,还可以利用canvas绘制图片作为贴图。这就用到了CanvasTexture,它接受一个canas对象。只要我们绘制好canvas,就可以作为贴图了。这里我们利用一张图片来实现这个效果。

2023-08-24 10:46:05 948

原创 angular实现全局组件

之前我们实现全局组件的第一种方式。我们是在定义了组件的时候通过在declares:[component],然后exports出该组件。最后在页面中每次导入该组件,而这次我们将采用另一种方式来实现。2 新建一个share.module.ts,在该module中引入我们所有的公共组件,本例中只有一个导航组件NavbreadcrumbComponent。3 在需要用到该组件的页面中引入share.module.ts模块(home.ts.about.ts分别引入)

2023-08-18 17:00:04 1193

原创 angular中如何定义一个全局组件?

1 ---nav-breadcrumb.module----------这个文件时一定要的。angular和vue/react不同,module>component,对于任何页面而言,要引入其他组件,只需要引入该模块就可以了。,第二步:在其他页面引入该组件:比如我们在storegGenerate.ts文件中引入它,我们只需要导入nav-breadcrumb.module这个模块即可。我们这个全局组件是一个面包屑导航,我们用到的时候只需要传u一个路由数组就可以了。第三步:我们要封装组件。

2023-08-18 15:51:27 2028

原创 vue3多页面配置你一定会遇到的问题,踩坑指南

就能正常访问page1,和page2了,展示的内容分别是page1项目和page2项目的app.vue的内容。但是我们的page1和page2项目可不止一个app.vue,我们要通过路由配置不同的路由访问不同的页面。这是我们配置的最原始的一个结构,如图,带+的是新增的文件(文件夹)特别注意新增的page1.html和page2.html,这两个模版文件是一定不能忘记的。我们在page1和page2这两个项目下分别新增了一个views文件夹,用来存放页面,同时新增了一个home和list页面,用来测试。

2023-08-11 10:46:40 382

原创 vue3封装一个下拉刷新组件

vue3封装一个下拉刷新组件

2023-08-06 22:14:30 267

原创 如何实现一个左滑出现删除按钮的功能

利用uniapp实现一个左滑出现删除按钮的效果。实现平滑的动画效果

2023-08-05 21:52:20 490

原创 vue3 实现一个下拉刷新

利用移动端事件touchstart,touchmove和touchend实现移动端下拉刷新。并封装成全局组件。

2023-08-05 17:05:06 1193

原创 angular中如何实现一个多层复杂的表单

angulart中表单与html结构对应关系,复杂表单的生成

2023-07-26 11:09:48 211

原创 angular踩坑

angular路由守卫,angular中formgroup/formcontrol和formArray要注意的问题

2023-07-24 14:45:37 1279

原创 angular表单的一些概念和方法

方法用于将 FormGroup 标记为 “pristine”(未修改)状态。这意味着表单控件的值没有被修改过。通常在表单提交后或者在重置表单时使用该方法来重置表单状态。方法用于更新 FormGroup 及其下所有的控件的验证状态。它会触发验证规则对每个控件进行验证,并根据验证结果更新控件的。UntypedFormGroup 是一个类型安全的 FormGroup,它是一个表单控件容器,用于组织和管理一组表单控件。方法是 FormGroup 提供的两个常用方法,用于管理和操作表单控件的状态和验证。

2023-07-12 14:24:54 1179

原创 threejs实例之十:汽车模型展览

three加载模型并实现模型皮肤切换效果

2023-01-30 17:23:04 703 3

原创 threejs 基础案例之四:点光源,移动光源旋转的小球

three实现移动点光源照射投射阴影

2023-01-30 17:17:58 470

原创 threejs基础案例之十:模拟点击事件

threejs中模拟点击事件

2023-01-30 17:13:45 2558

原创 mongodb踩坑系列

mongodb踩坑

2022-12-08 17:56:29 582

原创 mongodb入门之安装篇(win10)

window安装mongodb数据库

2022-12-04 17:33:17 916

原创 自定义文件上传第二次点击无效

自定义文件上传第二次点击无效

2022-12-02 18:23:27 586

原创 vue3 弹窗开发之三,完善版

vue3+typescript实现图片预览和上一张下一张切换

2022-11-29 16:31:13 2255

原创 css 踩坑记录

css动画以及css遇到的问题

2022-11-16 17:08:36 187

原创 react18+react-router-dom v6实现路由鉴权

react-router-dom v6实现路由鉴权

2022-10-24 16:32:30 2299

原创 eslint与prettier,到底是咋回事,怎么用?

elsint与prettier到底怎么用?如何实现保存vscode自动格式化

2022-10-15 15:23:33 1483

空空如也

空空如也

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

TA关注的人

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