2022年5月24日

vue keepAlive+include动态缓存

摘要：首先，做这个目的是产品多次提出页面缓存的问题，导致客户抱怨，一直没有解决，那能怎么办，只能我上了网上找了很多方案，发现通过条件控制include的值是最好的方案，而不是之前的判断meta里面的值使用include的方案也差不多是通过传参去判断，但是不怎么优雅，相对于新项目可以这样，但是老项目就是阅读全文

posted @ 2022-05-24 18:20 Favour丶in 阅读(1982) 评论(0) 推荐(0)

2022年2月19日

three.js导入模型自适应居中展示

摘要：用于导入模型后，自动调整模型的缩放比例 //适合模型观察的缩放比例 setScaleToFitSize(obj) { const boxHelper = new THREE.BoxHelper(obj); boxHelper.geometry.computeBoundingBox(); const 阅读全文

posted @ 2022-02-19 11:44 Favour丶in 阅读(1808) 评论(0) 推荐(0)

2022年1月24日

three.js加载3D模型zip文件

摘要：加载后台返回的GLTF格式的zip包 1.下载zip包，转成二进制数据 2.二进制数据转成blob存储，本地调用 3.运行加载器，加载blob文件 import * as THREE from 'three' import {OrbitControls} from 'three/examples/j 阅读全文

posted @ 2022-01-24 16:48 Favour丶in 阅读(1430) 评论(3) 推荐(0)

2021年12月16日

记录下tinymce编辑器遇到的问题

摘要：最近需要使用编辑器，选了这款，说实话一般般，凑合用下面记录下问题 1.编辑器不出来引入皮肤样式 import 'tinymce/skins/ui/oxide/skin.css' 2.icons报错引入图标库 import 'tinymce/icons/default/icons' 3.语言包报阅读全文

posted @ 2021-12-16 18:43 Favour丶in 阅读(1563) 评论(0) 推荐(0)

2020年11月26日

uni-app canvasToTempFilePath画布问题

摘要：最近在做一个截图功能，发现uni-app分享自定义图片还是有点问题 APP端的分享和微信小程序分享还是有点不同的，这里APP测试用的是安卓手机下面列举下我遇到的问题 1.draw函数的回调不执行一般都是ctx.draw(false,()=>{})的方式执行，但是打印半天都不进入，发现是回调函数的阅读全文

posted @ 2020-11-26 21:38 Favour丶in 阅读(9717) 评论(0) 推荐(0)

2020年10月20日

vue打包本地运行以及跨域问题

摘要：最近项目打包需要本地测试，这里记录下 1.创建项目创建一个新项目来运行dist的文件参考 https://www.jianshu.com/p/79c2512b42de 创建express项目并运行这里需要注意下，如果在vue.config.js里的publicPath的值是有层级的‘/form 阅读全文

posted @ 2020-10-20 22:08 Favour丶in 阅读(2041) 评论(0) 推荐(0)

2020年10月4日

css 精灵图

摘要：以前一直在想坐骑是怎么让人和宠物结合的，后面问了些大佬，发现是精灵图实现的，在此也尝试了下精灵图：多张图片放入一张大图片，然后通过background-position这个属性去调整图片位置获得想要的图片，可以添加animation实现动画效果以下是对以前玩的一个游戏做了个测试 <div cla 阅读全文

posted @ 2020-10-04 15:27 Favour丶in 阅读(159) 评论(0) 推荐(0)

2020年8月29日

mescroll-uni下拉刷新、上拉加载的使用

摘要：在开发uni-app项目时，mescroll组件是一个很好解决下拉刷新、上拉加载的组件，它的流畅性很好，现在还没发现啥大问题链接：http://www.mescroll.com/api.html?v=20200807 最好下载引用包，不要使用npm，全局会报错这里只是借用了它的方法，没有按它原始阅读全文

posted @ 2020-08-29 22:22 Favour丶in 阅读(6615) 评论(2) 推荐(1)

2020年2月28日

模仿虎牙App 导航栏切换

摘要：昨天看虎牙直播，发现导航栏挺有意思，自己也做个玩玩 <view class="tab_list row"> <view class="tab_item center" wx:for='{{tab_list}}' data-index="{{index}}" bindtap="tab">{{item} 阅读全文

posted @ 2020-02-28 14:45 Favour丶in 阅读(648) 评论(0) 推荐(0)

2019年12月12日

linear-gradient()的用法

摘要： linear-gradient() 函数用于创建一个线性渐变的 "图像" 它的语法是 background: linear-gradient(direction, color-stop1, color-stop2, ...); direction 用角度值指定渐变的方向方向值：常用的是to top 阅读全文

posted @ 2019-12-12 22:39 Favour丶in 阅读(29371) 评论(0) 推荐(5)