- 博客(25)
- 收藏
- 关注
RSS订阅原创 html与markdown相互转换(ts)
1、html转markdown（turndown @types/turndown。2、markdown转html (marked。下载依赖、引入、使用。
2025-03-17 21:23:13
238
原创 three模型动画vue页面的简洁实现，@tresjs/cientos、@tresjs/core
3.3 假如你自己使用的gltf文件是压缩文件，会报错Failed to load resource Error: THREE.GLTFLoader: No DRACOLoader instance provided.则需要添加使用,{draco:true}TresJS 是用 Typescript 编写的，是完全类型化的。cientos扩展包，包含了现成助手和组件的集合，这些助手和组件不属于核心包的一部分。3.1换成自己的动画模型的时候，注意动画的名称的更换actions.xx。
2025-02-24 11:28:58
404
原创 websocket展示输入数据，心跳机制(本地node.js+react)
2.1 react项目中创建api文件夹，创建websocket.js文件，写入下面的代码。将websocket信息封装起来，具体有更新的时间，请求内容的分类，获取服务器数据的处理。1.2 在hbulider编译器（用其他也行）中打开项目文件夹，终端中下载依赖，express、cors 、ws、echarts，下载后会出现在node_modules文件夹。项目文件夹中新建components文件夹，创建echarts文件夹，创建index.js，写入以下代码封装echarts组件。1、搭建node服务器。
2025-02-12 11:29:51
293
原创 全局组件注册uniapp+vue3,defineExpose暴露子组件属性，父组件中使用
分为1、全局注册插件，可以类似elementui中的警告提示，在js代码中调用进行显示和隐藏。可用于加载的loading，某些弹窗提示，无需写在template中，按js逻辑使用。2、nav.js,注册全局组件，写了两种，1、插件形式可以用js调用，2、组件形式可以在template内使用。2、全局批量注册组件，就在template中使用组件，用于固定样式。方法调用时执行，并接收 Vue 应用实例作为参数。方法的对象，该方法会在插件被。4、使用，在index.vue中。1、组件nav.vue。
2025-01-17 14:58:48
470
原创 react 使用context
1、新建context.js存放内容和定义修改方法，mall.js是父组件引入封装的context包裹子组件，mallson.js子组件可以获取调用传入的数据和方法。’2、context.js，这里创建名为MyContext 的context，后续子组件使用的时候名字要相同才能找到这个。3、mallson.js使用context数据。3、mall.js引入context。
2024-12-30 17:51:55
249
原创 vue3 axios请求封装，全局使用
下载axios ,新建index.js存放域名，新建request.js写请求响应、拦截信息，api.js请求地址管理，main.js中provide全局设置变量，a.vue中inject引入使用接口api。request.js,引入域名信息，设置请求头信息。api.js,写了两种方式，按自己喜欢选择。全局设置定义，main.js中设置。
2024-12-22 16:09:23
255
原创 uniapp scroll-view隐藏滚动条show-scrollbar失效
【代码】uniapp scroll-view隐藏滚动条show-scrollbar失效。
2024-12-12 12:16:09
194
原创 uniapp+vue3，Vue3去掉了this.$on、this.$emit功能，用其他两种方法实现App.vue微信小程序登陆（vue3选项式）
3、在app.vue中登陆，配置数据完成后，that.$event.$emit("login");1、因为vue3取消$emit\$on,所以单独编写一个。4、在每个vue页面进去的时候$on。2、在main.js中引入。
2024-11-25 10:40:17
490
原创 uniapp+vue3获取微信头像、昵称
input设置type="nickname"获取昵称，但是通过v-model无法响应获取，所以@blur获取。button 设置open-type="chooseAvatar"获取头像。不通过提交表单形式，用createselectquery获取昵称。
2024-11-25 10:30:59
342
原创 canvas绘制路线可撤销+放大镜跟随效果，uniapp+vue2
1、首先绘制区域的主要的bigCanvas=需要一个装有背景图的firstCanvas+再需要一个绘制路线的secondCanvas，这几个canvas的尺寸都应一致，尺寸通过图片加载完成后getImg函数获取尺寸进行赋值。3.5假如修改放大倍数为x，getMoveData函数中this.canvasw * 2的2就是放大倍数也要修改为x，css中的 transform: scale(x);1、全局设置，在app.vue中设置rem比例，375宽度下，1rem=10px。控制台输出绘制的图片。
2024-06-12 12:08:01
489
4
原创 uniapp图片转为base64，用 uni.request设置参数responseType: ‘arraybuffer‘
【代码】uniapp图片转为base64，用 uni.request设置参数responseType: 'arraybuffer'
2024-06-04 11:38:16
417
原创 uniapp实现微信小程序内嵌h5页面的相互跳转
1.1微信小程序页面实现点击跳转，将h5部署地址url拼接进跳转的页面PageWebview.vue。1.2 PageWebview.vue页面用webview标签展示h5页面。用uni.webView.navigateTo跳转到小程序页面。 2.h5用uni.webView.navigateTo跳转到小程序页面
2023-03-14 12:35:16
4255
原创 uniapp视频取消控件展示，使用slider自定义视频进度条
通过uni.createVideoContext('myVideo')获取video对象，视频初始化结束的时候@endLoading获取到视频的时长endTime， 视频帧刷新的时候@timeupdate获取当前视频播放的时长startTime。图片资源：control_play.png/control_pause.png。思路：video标签 :controls="false"，不展示自带的控件，代码：需要自己添加图片和视频地址。slider标签进行数据展示。
2023-03-14 10:09:03
2670
原创 movable-view内容在transform后在ios微信浏览器模糊的问题
参考：【报Bug】movable-view放大图片在微信浏览器图片模糊的问题 - DCloud问答需求：在movable-view内容背景放大的时候，字体不变大，因此需在movable-view完成缩放后将缩放值scaleData记录下来，字体的大小为1/scaleData但是这时候ios系统字体会模糊，所以增加translateX(0px) translateY(0px) translateZ(0px)，问题解决。...
2022-06-13 15:15:40
752
原创 uniapp video视频铺满容器，不显示控件
1、video标签的属性参考video | uni-app官网enable-progress-gesture：是否开启控制进度的手势，bool值show-center-play-btn：是否显示视频中间的播放按钮，bool值object-fit：当视频大小与 video 容器大小不一致时，视频的表现形式。contain：包含，fill：填充，cover：覆盖show-center-play-btn：是否显示视频中间的播放按钮，bool值<video :enable-prog.
2022-05-31 15:05:40
3648
原创 css字体渐变
一、css代码： background-image:-webkit-linear-gradient(left, red, pink);//开始方向，渐变颜色 -webkit-background-clip:text;//以盒子内的文字作为裁剪区域向外裁剪，文字之外的区域都将被裁剪掉。 -webkit-text-fill-color:transparent;//把文字变透明首先：给外层div（就是装着"----->"的div盒子）来一个背景渐变。其次：用webkit-backgrou
2022-04-11 11:57:04
4753
原创 图片转base64 用canvas.toDataURL()
function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, img.width, img.height); var ext = img.s.
2022-03-31 18:03:30
618
原创 uniapp下拉刷新，上拉更新
参考：uni-app官网1、pages.json在配置所需页面可以下拉加载enablePullDownRefresh：true{ "path": "banner/index/index", "style": { "navigationBarTitleText": "目的地电子明信片", "enablePullDownRefresh": true }},2、我声明了页面请求的条件变量data(){ return{ // 收到.
2021-12-22 18:20:51
3782
2
原创 vue项目打包后的img图片地址动态赋值报错
<img :src="imgUrl"/>原因：因为imgUrl使用了本地图片的路径。解决方案：将图片放在目录src下的static文件夹内原理：用build打包后的dist文件夹下，文件的位置发生了变动，但是static文件夹原封不动，即static文件夹为服务器暴露出的静态资源目录......
2021-12-15 21:23:00
2078
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人