- 博客(41)
- 收藏
- 关注
RSS订阅原创 threejs官方demo解析（二）
threejs官方demo——webgl_animation_skinning_additive_blending ——站立的人
2024-01-17 16:47:01
437
原创 实现围绕某圆环旋转的效果，类似行星围绕地球旋转
如下图所示，虚线圆环上的文字已经打码，实际效果就是文字围绕圆环旋转，并到背面的时候文字虚化。利用动画的时间差，都让元素在同一个位置开始动画，运动轨迹使用塞尔曲线。注意：动画时间用负数，在第一次渲染的时候才不会出问题。将透明度变高，让元素类似被遮盖一样。来定义，到元素背后的时候使用。
2023-12-14 11:23:56
927
原创 vue签字实现
<template> <el-dialog title="电子签名" width="850px" :visible="visible" append-to-body destroy-on-close :close-on-click-modal="false" :before-close=" () => { visible = false; }"> <div> <!-- 画布对象 -->
2023-09-14 14:10:17
242
原创 vue+vite+pinia+ts遇到的问题
它会监听引用数据类型的所有属性，不需要具体到某个属性，一旦运行就会立即监听，组件卸载的时候会停止监听。深度监听的需要是这个引用数据类型自身，而不是其中的属性。并且，他只能获取到新值，而获取不到旧的值。在vite.config.ts中设置，缺点不灵活，推荐使用①。watch两个参数，第一个是要监听的值，第二个是个回调函数。如果手动引入，则也要引入他的css，否则样式出现问题。接下来就可以写单独的模块了，每个模块划分为一个文件。如果监听对象reactive里面的某个值，使用。在使用的地方引入以下。
2023-07-26 16:03:52
237
原创 reac18 和react-router-dom6 redux8在项目中的使用及部分知识累积
reac18 和react-router-dom6 redux8 项目过程记录
2023-07-26 16:02:14
169
原创 apk打包、开发launcher
找到属性为android:name=“io.dcloud.PandoraEntry” 的 activity 标签，该标签下有两个intent-filter标签，在第一个intent-filter下添加配置launcher的四行代码就行了，最好都加上。修改签名后文件名字update_signed.zip 改为 demo_signed.apk。2）修改文件名demo.apk 改为 update.zip。将apk和apktool放在了同一个文件夹下：没报错即可。4）完成，安装启动，安装后可选择作为桌面程序。
2023-07-18 09:22:24
67
原创 uniapp 安卓使用live-pusher实现人脸识别（拍照）功能
uniapp实现人脸识别，拍照功能。包含vue和nvue两种处理方式。
2023-07-17 11:48:02
2973
28
原创 使用element-ui预览图片（el-image-viewer）
想要不使用 `el-image` 组件，即为不想展示小图，想要点击按钮的时候预览图片。
2023-02-22 17:17:51
1533
原创 Element的el-table触底加载更多的实现
在项目中，有一个需求是el-table滚动到底部的时候再加载下一页的内容。使用自定义指令。自定义指令：通过v-loadmore使用。 // 监听表格滚动 directives: { loadmore: { bind(el, binding) { const selectWrap = el.querySelector(".el-table__body-wrapper"); selectWra
2022-05-10 11:18:15
3686
原创 vue项目中使用paper.js实现首页canvas绘制
由于项目的定制化，需要canvas绘制机器人及机器人轨道。1、初始化页面提前npm安装paper.js，并引入页面中import paper from 'paper'<template> <div> <canvas id="myCanvas" :width="canvasW" height="canvasH" ref="myCanvas"></canvas> </div></template>调用方法this.
2022-04-02 14:09:52
1911
1
原创 paper.js
PaperScript代码在它自己的范围内自动执行，不受全局范围的影响，仍然可以访问所有全局浏览器对象和函数，比如文档或窗口。默认情况下，paper .js库只将一个对象导出到全局作用域:paper对象。它包含标准库定义的所有类和对象。当使用PaperScript时，用户不需要关心这些，因为在PaperScript代码中，通过使用聪明的范围，所有的对象和函数看起来都是全局的。PaperScript还提供了项目、视图和鼠标工具对象的自动创建，并简化了这些对象的事件处理程序的安装。绘制一个线段<
2022-04-02 13:35:26
2255
原创 uniapp自定义突出tabbar以及安全距离问题
由于项目的定制化，tabbar想要中间一个底部菜单栏突出的效果，于是只能定制化tabbar。以及解决引出的底部安全距离的问题。
2022-03-19 22:50:02
1995
原创 uniapp中使用swiper无法触发触底生命周期onReachBottom
使用swiper导致onReachBottom生命周期不会触发。解决办法：使用scroll-view的scrolltolower方法具体使用：<swiper-item> <scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="ReachBottom"> 内容 </scroll-view></swiper-item>ReachBottom(e){ c
2022-02-28 14:05:52
1014
2
原创 Vue-cli3.0使用pdf.js详解
Vue-cli3.0使用pdf.js详解1. pdf.js下载官网：[http://mozilla.github.io/pdf.js/getting_started/#download]2. 放入项目中为了不让其被编译，放在public文件夹下。① 更改web文件夹下的DEFAULT_URL设置为' '更改为② 跨域问题：注释下面的代码即可 const { origin, protocol } = new URL(file, window.location.href); if
2021-11-29 20:54:05
1146
原创 export和export default区别与使用
export与export default均可用于导出常量、函数、文件、模块等。import用于在一个模块中加载另一个含有export接口的模块。//格式： import+(常量 | 函数 | 文件 | 模块)名export和export default区别export可以导出多个，可直接导出也可以先定义后导出。//直接导出export function getPage() {}//先定义后导出function getPage(){}export getPageexpor
2021-09-14 16:15:02
626
原创 双飞翼布局与圣杯布局的理解与实现
今天刷面试题，几处用到了双飞翼布局，故在此进行复习总结一下。如何理解双飞翼布局和圣杯布局？双飞翼布局和圣杯布局都是用于：两边宽度固定，中间宽度自适应的三栏布局，中间栏优先加载渲染。两者前面的处理都是相同的，将两边和中间都设置左浮动，只是对于中间部分自适应宽度的处理不同。不同：①双飞翼布局：用margin来实现，中间部分需要用一个<div>包裹；②圣杯布局：用定位和padding来实现；双飞翼布局实现方法：左、中、右三部分都设置左浮动；中间部分设置宽度为100%；设置负边距，
2020-07-22 17:40:18
120
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人