公告

由于中文域名续费比较贵，所以域名逐渐转为huangliangbo.com

中文域名访问截止时间2023-12-23


关注公众号

微信公众号：HLB_Blog

海南机动车摇号查询

海南机动车摇号查询

博客小程序

博客小程序
  • 最新文章

程序开发 利用canvas进行图片压缩

<input type="file" name="file" id="upload"> <script> const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 3 *　1024 * 1024 const MAXSIZE_STR = '3MB' function converImageToBase64(file, callback){ let reader = new FileReader(); reader.addEventListener('load', function(e){ const base64Image = e.target.result callback && callback(base64Image); reader = null; }) reader.readAsDataURL(file); } function compress(base64Image, callback){ let maxW = 1024 let maxH = 1024 const image = new Image() image.addEventListener('load', function(e){ let ratio; // 图片压缩比 let needCompress = false; // 是否需要压缩 if(maxW < image.naturalWidth){ needCompress = true; ratio = image.naturalWidth / maxW maxH = image.naturalHeight / ratio; } if(maxH < image.naturalHeight) { needCompress = true; ratio = image.naturalHeight / maxH maxW = image.naturalWidth / ratio } // 不需要压缩 if(!needCompress) { maxW = image.naturalWidth maxH = image.naturalHeight } const canvas = document.createElement('canvas') canvas.setAttribute('id', '__compress__') canvas.width = maxW; canvas.height = maxH; canvas.style.visibility = 'visible' document.body.appendChild(canvas) const ctx = canvas.getContext('2d') ctx.clearRect(0,0, maxW, maxH); ctx.drawImage(image, 0, 0, maxW, maxH); const compressImage = canvas.toDataURL('image/jpeg', 0.8); callback && callback(compressImage) canvas.remove(); }) image.src = base64Image

2020-07-14 19:18:51 44 0 0
阅读详情

电脑&系统 树莓派开机启动 适用于带桌面环境

1、在/home/pi/.config/目录下新建一个名为 autostart 的文件夹： mkdir .config/autostart 2、在 autostart 目录下新建mqtt.desktop （后缀必须是.desktop）： vi .config/autostart/mqtt.desktop 文件内容如下： [Desktop Entry] Type=Application Name=mqtt NoDisplay=true Exec=/home/pi/service/iot-service/run.sh 3、重启 reboot 注意：这个方法除了依赖桌面之外，如果开启了多个桌面则会导致自定义的程序多次启动。比如系统启动桌面会调用一次testboot.sh脚本，如果再用远程桌面登录到树莓派，脚本会再执行一次。 其他方法试用还是无效，只有桌面的有效，树莓派4b的设备 参考：【教程】树莓派程序开机自启动方法总结

2020-06-28 16:51:32 104 0 2
阅读详情

电脑&系统 树莓派安装Ubuntu系统、设置阿里镜像、安装桌面环境

1、下载树莓派Ubuntu镜像包 https://ubuntu.com/download/raspberry-pi 2、下载树莓派镜像烧录软件 https://www.raspberrypi.org/downloads/ 3、解压镜像包 取得 ubuntu-20.04-preinstalled-server-arm64+raspi.img 文件（.img格式的） 4、打开树莓派镜像烧录软件，选择操作系统 5、选择自定义镜像 6、然后选择SD卡 7、点击烧录 8、等待烧录完成 9、弹出SD卡，拔出并插入树莓派 10、启动树莓派，自动进入安装界面 11、安装完成 12、登录账号，默认账号ubuntu,密码ubuntu 13、修改密码，上面登录后需要你修改密码。先输入原密码回车，输入新密码，再次输入新密码。 14、获取设备ip: ip addr 15、然后使用自己电脑ssh连接 ssh ubuntu@ip 16、输入密码链接 17、备份源文件 sudo cp /etc/apt/sources.list /etc/apt/sources.list.back 18、修改sources.list文件sudo vim /etc/apt/sources.list 19、把里面的所有域名改成阿里的域名 mirrors.aliyun.com 20、运行 sudo apt-get update 更新源，如果报错，请复制报错信息百度 21、安装Ubuntu桌面环境 22、执行 sudo apt install ubuntu-desktop 23、点y 继续安装，如有报错，重新执行安装命令重新安装（安装时间有点长，请耐心等待） 24、安装完成 25、重启电脑 sudo reboot 如需设置GPU显存 查看 树莓派4安装raspi-config并设置GPU显存 这篇文章 文档下载：https://blog.huangliangbo.com/file/2020/06/树莓派安装Ubuntu.docx

2020-06-24 10:50:36 126 0 1
阅读详情

程序开发 Vue.js中provide/inject实现响应式数据更新方案

provide() { return { tb: () => this.data }; }, inject: ["tb"], computed: { list() { return this.tb(); } }, watch: { list: { deep: true, handler(e) { console.log("watch", e); } } }, 方案来自：Vue.js中provide/inject实现响应式数据更新

2020-06-18 17:14:10 131 0 0
阅读详情

电脑&系统 树莓派4安装raspi-config并设置GPU显存

树莓派4在ubuntu系统下 安装raspi-config, 先去下载raspi-config deb包 wget http://mirrors.ustc.edu.cn/archive.raspberrypi.org/debian/pool/main/r/raspi-config/raspi-config_20200601_all.deb 安装依赖 sudo apt install whiptail parted lua5.1 alsa-utils psmisc 安装raspi-config sudo dpkg -i raspi-config_20200601_all.deb 启动raspi-config sudo raspi-config 如果上面设置无效的话，把SD卡把出来，用读卡器在电脑中打开，在boot分区里面修改 config.txt 文件，搜索 下面的参数，如果没有则新增，数字为显存大小，单位应该是mb gpu_mem=16

2020-06-18 15:07:59 120 0 0
阅读详情

网站建设 shell备份mongodb脚本,适用于宝塔面板

使用shell脚本定时备份mongo数据库,借助宝塔面板的定时任务来执行 # 在文件中编写如下内容 ## 指定到你安装的Mongodb bin目录下的mongodump dump=/www/server/mongodb/bin/mongodump ## 填写你创建dump_bak文件的绝对路径 out_dir=/www/wwwroot/yh.dev20.cn/dump_bak ## 填写你创建tar_bak文件的绝对路径 tar_dir=/www/wwwroot/yh.dev20.cn/tar_bak ## 记录备份时间 sysdate=`date +%Y%m%d_%H%M%S` ## 设置删除期限，删除30天前的备份 days=30 ## 设置最终压缩的文件名称，带有日期 tar_bak="mondodb_bak_$sysdate.tar.gz" if [ -d $out_dir ];then cd $out_dir else ## "文件夹不存在" sudo mkdir -p $out_dir cd $out_dir fi if [ ! -d $tar_dir ];then ## "文件夹不存在" sudo mkdir -p $tar_dir fi # 删除之前的dump文件 sudo rm -rf $out_dir/* # 创建新的文件夹存放dump文件 sudo mkdir -p $out_dir/$sysdate # 导出127.0.0.1机器上的hnyh库的所有表到$out_dir/$sysdate文件夹 $dump -h 127.0.0.1 -d hnyh -o $out_dir/$sysdate # 压缩$out_dir/$sysdate到目标文件夹 sudo tar -zcvf $tar_dir/$tar_bak $out_dir/$sysdate # 删除指定期限钱的备份文件 sudo find $tar_dir/ -mtime +$days -delete echo "===数据库: hnyh 备份完成===" # 退出 exit 执行数据库备份那里(dump -h 127.0.0.1 -d hnyh -o $out_dir/$sysdate)根据自己需求来修改 然后在宝塔的定时任务那里添加shell任务 如果脚本不是在宝塔用的话,需要修改 dump=/www/server/mongodb/bin/mongodump 地址为你安装mongo的地址

2020-06-17 10:03:17 115 0 0
阅读详情

包罗万象 琼摇号查询（海南机动车摇号查询）小程序正式上线1.0版本

琼摇号查询（又名海南机动车摇号查询）支持名字和编号查询，提供比官网更便捷的查询服务 1.0版本比较简陋，后续继续优化。 下个版本计划上线企业摇号结果查询（同样支持名称和编号）、个人中心（包含查询记录）等功能 2020-07-21更新： 新增企业指标查询添加顶部banner图

2020-06-16 21:34:07 90 0 0
阅读详情

电脑&系统 docker 下备份和恢复mongodb

备份 进入docker容器： docker exec -it mongo /bin/bash 使用mongo命令备份 有密码： mongodump -h 127.0.0.1 --port 27017 -u=用户名 -p=密码 -d test -o /home/dump 参数 作用-h host--port 端口-d 指定数据库-o 指定备份到哪个目录，不指定应该是直接备份到根目录的/dump文件夹-u 用户名-p 密码test 数据库名称 系统备份成功会在/home/dump目录下自动生成一个数据库名的文件夹/test，里面是全部Collection备份的bson和json文件。 无密码： mongodump -h dbhost -d dbname -o dbdirectory -h：MongDB所在服务器地址，例如：127.0.0.1，当然也可以指定端口号：127.0.0.1:27017-d：需要备份的数据库实例，例如：test-o：备份的数据存放位置，例如：/home/dump，当然该目录需要提前建立，在备份完成后，系统自动在dump目录下建立一个test目录，这个目录里面存放该数据库实例的备份数据。 打包备份文件 tar czvf test.tar test 退出容器 exit 从容器复制到电脑 docker cp mongo:/home/dump/test.tar /home 恢复 恢复和备份差不多，就把mongo备份命令改为恢复的命令 mongorestore -h <hostname><:port> -d dbname <path> 复制文件到容器： docker cp /home/test.tar mongo:/home/dump

2020-06-08 11:24:42 118 0 0
阅读详情
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 48
前往
页

公告

由于中文域名续费比较贵，所以域名逐渐转为huangliangbo.com

中文域名访问截止时间2023-12-23


关注公众号

微信公众号：HLB_Blog

海南机动车摇号查询

海南机动车摇号查询

博客小程序

博客小程序

最新评论

站点统计

  • 标签：603个
  • 文章：381篇
  • 页面：3个
  • 评论：364条
  • 分类：5个
  • 最后更新：2020-7-21

标签云

更多