akko

原创 纯css+html实现拟态开关按钮面板

适合智能家居的开关面板UI参考：https://drams.framer.website/

原创 记一个大坑: 树莓派上docker运行motioneye找不到摄像头

【代码】记一个大坑: 树莓派上docker运行motioneye找不到摄像头。

原创 raspi_os 32-bit lite下使用摄像头

将SD卡放回树莓派启动，键入命令添加到文件末尾键入命令，以打开树莓派配置页选择选择选择，finish，重启设备最后键入命令测试拍照：

原创 ssh配置端口映射

出于安全考虑，如果 SSH 服务器 没有开启允许 GatewayPorts 选项，则即使指定了 远程 IP，也仍然只会绑定到 127.0.0.1.在 /etc/ssh/sshd_config 配置文件中找到 GatewayPorts，设置为 yes，并重启 sshd 服务。重启sshd方法：sevice ssh restart 或者 /etc/rc.d/init.d/ssh restart。如有需要可以开启tcp转发： AllowAgentForwarding yes。

原创 nginx反向代理第三方图片链接

【代码】nginx反向代理第三方图片链接。

原创 小程序vant weapp 封装下拉分类搜索框

vant weapp 下拉分类搜索框

原创 原生小程序中，使用ts开发并封装防抖

使用防抖

原创 小程序arraybuffer转base64

【代码】小程序arraybuffer转base64。

原创 微信小程序拖拽填词演示

小程序拖拽填词

原创 树莓派使用docker搭建owncloud私有云--外挂硬盘

owncloud for Raspberry Pi

原创 vue3 + vite + 科大讯飞 实现语音测评 踩坑记录

vue3+vite中 webworker 及科大讯飞对接

原创 小程序表单校验封装

小程序表单校验

转载 uniapp离线打包安卓未配置appkey或配置错误

按照这4步检查都没问题1、查看签名文件是否配置到了主APP的build.gradle。 signingConfigs { config { keyAlias‘newPt’ keyPassword ‘123456’ storeFile file(‘newPt.keystore’)storePassword ‘123456’ v1SigningEnabled true v2SigningEnabled true } }2、查看离线项目中dcloud_control.xml文件中的appid是否与申请A.

原创 JS异步回调方法转同步

在调用第三方工具库的时候，有时别人封装的方法是通过方法的回调去执行，但是我们如果想遍历调用就不好控制调用的顺序，面对这种情况有如下解决方法： // 普通匿名函数实现 (function test(i) { if (i == objects.length) { return; } fabric.Polygon.fromObject(objects[i], (e) => {

原创 记录fabricJS的坑，多边形填充图案，移动端兼容

应用场景：抠图，点选出多边形，填充图案为背景图片，偏移遮盖住当前位置，形成视觉效果上的选区遮挡住了其他图形当前模拟设备：ipone12pro解决思路：通过fabricJS选择圆点，根据圆点列表生成多边形，向多边形中填充图片，再将图片根据多边形距离视口左侧上侧距离计算图片在多边形中的偏移形成改效果遇到的问题：在长屏手机上横屏时，图片的缩放比例跟计算比例有误差—图片缩放的bug为fabric的bug代码： // 多边形点列表 let points = []

原创 小程序分享朋友圈和好友

微信小程序实现分享到朋友圈和好友功能1.分享到好友onShareAppMessage() 方法在用户点击右上角分享功能触发回调，返回一个对象 /** * 用户点击右上角分享 */ onShareAppMessage: function () { return { path: "/pages/mine/exerciseDetail/index?isShare=true&id=" + this.data.exercise_id

原创 微信小程序InnerAudioContext.onTimeUpdate 失效问题

在使用小程序做音乐播放器控制时需要获取当前音频的总时长跟当前时长做进度显示，所以用到了wx.createInnerAudioContext(Object object) 这个类底下的 onTimeUpdate(function callback) 方法但是在实际使用中，当加载音频并且播放的时候这个方法却没有调用 initAudio() { this.audio = wx.createInnerAudioContext() this.aud

原创 解决Visual Studio 2022安装无法下载问题

原创 fabric.js图层换位，多对多

例如有如下画布层级，四张图片 添加顺序分别为 0、1、2、3，越后面的层级越高，呈现出依次盖住的效果。这里想实现0、1为一组然后换位置到2、3的上面，但是保持0、1的层级关系，如果直接用fabric提供的group对象进行层级上下移动会造成不能拆分的情况，而且就算拆分了group变为了原来的对象层级还是跟原来的一样由此我想到了使用集合这个属性，fabric.Collection，这是一个静态属性，不需要new出来下面copy出来我的代码function up(index)为当前集合上移，func

原创 fabric.js中文文档

http://funcion_woqu.gitee.io/fabric-doc/api/#basebrush

原创 fabric.js对象转json存储并通过json转fabric klass对象添加到画布中

fabric对象转JSON：JSON对象转fabric对象[klass]：这个是对于图片对象的 从图片对象JSON转 klass对象我自己经过测试发现 fabric.object.fromJSON(jsonObject)方法 可以对json对象进行实例化成klass对象，这个方法返回一个kalss对象实例，并且能直接使用canvas.add()方法添加到画布中JSON对象直接渲染到画布[会清除当前画布内容]：方式1：canvas.loadFromJSON(json, canvas.ren

原创 vue的history模式下刷新当前页面404解决

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({ mode: 'history', routes: [...]})当你使用 history 模式时，URL 就像正常的

原创 nginx配置图片跨域代理

/uploads/picture/ 为请求地址段例如访问：https://xxx.com/uploads/picture/a.png访问被代理成了：https://xxx.xxx.com/uploads/picture/a.png也就是从xxx.com域名访问 代理到了 访问 xxx.xxx.com 域名location ~ /uploads/picture/.*\.(jpg|jpg|jpeg|png|bmp)$ { proxy_pass https://xxx.xxx.co

原创 小猫banner.txt

／＞　　フ | 　_　 _ l　 　　　／` ミ＿꒳ノ　　 　 /　　　 　 |　　　 /　 ヽ　　 ﾉ ／l、　 　 │　　|　|　| （ﾟ､ 。 ７　／￣|　　 |　|　| 　 l、 ~ヽ　| (￣ヽ＿_ヽ_)__) 　じしf_, )ノ　＼二つ...

原创 springboot整合activiti6学习笔记

引入依赖pom文件配置就先跳过了启动时可能会遇到的问题:org.springframework.beans.factory.BeanDefinitionStoreException: Failed to process import candidates for configuration class [com.ruoyi.RuoYiApplication]; nested exception is java.io.FileNotFoundException: class path resource

原创 springboot整合activiti6时遇到的报错

2.0的start中默认也有一个spring-boot-autoconfigure-2.0..RELEASE.jar，如果你还引用了activiti的activiti-spring-boot-starter-rest-api.jar包，需要将两个包中的 SecurityAutoConfiguration.class 都排除写在启动类里面@SpringBootApplication(exclude = {DataSourceAutoConfiguration.class, org.a

原创 vue在请求后改变数组中的对象 视图不刷新

this.$set(数组中的对象,'属性',想改变的值)

原创 关于css兼容各浏览器

-moz代表firefox浏览器私有属性；-ms代表IE浏览器私有属性；-webkit代表chrome、safari私有属性；-o代表Opera私有属性。

原创 Vue-print-nb 伪类打印失效，页眉页脚

在需要打印的标签上加上该样式即可解决伪类失效[其实打印的时候->更多设置->背景图形 勾上也可以打印出伪类]-webkit-print-color-adjust: exact;去掉页眉页脚@page size: auto margin: 3mm

原创 小程序vant weapp 封装下拉框

封装下拉框：xml：<van-field label="{{label}}" model:value="{{ value }}" placeholder="{{place}}" border="{{ true }}" readonly right-icon="{{icon}}" bindtap="tap" /><van-popup show="{{ popShow }}" position="bottom" custom-style="height: 50%;overflo

原创 前端设计配色网站

Fresh Background Gradients | WebGradients.com ????

原创 小程序map组件多边形点击演示

原创 微信小程序navigateBack如何带参数

给上一页data设置值：var pages = getCurrentPages();var prevPage = pages[pages.length - 2]; prevPage.setData({ id:1})返回上一页方法：wx.navigateBack()返回上一页后取值：this.data.id //注意 data里面要写上id这个属性...

原创 小程序 view给100%width 加上margin超出屏幕 解决

宽度设置为如下即可[对于position:absolute;情况也适用]：width: -webkit-fill-available;

转载 SpringBoot整合mybatis-plus全流程

https://www.jianshu.com/p/0e39b41ce728

原创 小程序封装请求工具http.js

封装请求：//封装 请求let rootPath = 'http://192.168.0.118:1888/api/'//参数签名function sign(data) { data['ram'] = new Date().getTime(); var pars = []; var parameter = ''; var arr = new Array(); for (var p in data) { arr.push(p); } arr.sort();

原创 小程序解决高度适配问题

顶部距离这里算的结构跟上面的好像不太一样，我也不知道是怎么回事蒙混过关 ค(TㅅT)ค底部距离84 - 50 = 34 and 896 - 862 = 34 成立这个高度是取自 这里let sys = wx.getSystemInfoSync()console.log(sys)safeArea 这个属性好像是手机的 安全区域 ，在iphone上见的多 (๑òᆺó๑)...

原创 vue中表单select组件使用 this.form.xxx 去清空option时表单验证失效问题

this.$set(this.form, 'county', '')使用这段代码即可解决问题

原创 mysql控制台不同端口登录

mysql -p3306 -uroot -prooot [第一个是端口，第二个是用户名，第三个是密码]

转载 在vue-cli项目中使用echarts

https://www.cnblogs.com/Smiled/p/7686316.html