响应式声明ref()
用来声明响应式状态,常用来包裹基础数据类型。也可以包裹层级不深的对象,script中使用时需要.value取值。import { ref } from 'vue' //引用
const count = ref(0) //声明
console.log(count.value) //在script中使用和修改实际值
reactive()
用于包裹对象类型的数据,与ref不同,不需要.vlaue取值。注意:不能直接对该对象重新赋值(修改引用地址),可以使用Object.assign()方法修改属性值。
reactive中引用ref定义的数据时不需要.value获取实际值import { ref, reactive } from 'vue' //引用
const count = ref(1)
const state = reactive({ count: 0 })//声明
console.log(state) //直接使用
Object.assign(state, {count:1, status: 0}) //修改值
setup
使用 <script ...
记录下前端对于图片文件的方法封装,包括 File对象转base64、base64转File对象、去除图片背景色、清除图片周围空白区域
起因是项目中遇到需要上传印章图片并自动截取有效印章区域并背景透明化处理。
思路
首先通过antd组件的 transformFile方法获取到用户上传的file对象。
对图片进行去除图片背景的操作,对应方法为removeImgBg。
清除图片周围透明色区域,截取图片主体内容,方法clearImageEdgeBlank。
将返回的base64转为file对象,返回一个file对象和base64。方便业务取用。
具体代码如下:
index.jsx
import { Upload, Button, Icon } from 'antd';
import {removeImgBg} from 'utils'
const props = {
action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
transformFile(file) {
return new Promise(( ...
一 、NPMP包管理工具pnpm 介绍
pnpm 指 performant npm(高性能的 npm),如 pnpm 官网所言,它是快速的,节省磁盘空间的包管理工具,同时,它也较好地支持了 workspace 和 monorepos。
举例来说,如果项目中,你使用了某个依赖项的多个版本,那么 pnpm 只会将有差异的文件添加到仓库。如果某个依赖包有 100 个文件,而它的新版本只改变了其中 1 个文件。那么 pnpm update 时只会添加 1 个新文件,而不会复制整个新版本的所有包。此外。所有文件都会存储在硬盘上的某一位置。 当依赖包被被安装时,其中的文件会硬链接到这一位置,而不会占用额外的磁盘空间。同时,项目中允许共享同一版本的依赖。接下来我们先了解下 pnpm 的使用效果
安装配置
使用 PowerShell安装:
iwr https://get.pnpm.io/install.ps1 -useb | iex
使用npm安装(Node.js版本需v14及以上)
npm install -g pnpm
设置仓库地址
pnpm config set store ...
文章来源:https://sao.ren/949.html注册商域名注册价格都不相同,我们注册域名时如何找寻最低价格入手呢?(例如:国内网域注册商有阿里云、腾讯云、新网、西部数码等)
通过比价网站查询域名注册价格。
国内比价网站:www.Nazhumi.com
国外比价网站:www.tld-list.com
国外比价网站:www.whtop.com (全球最大虚拟主机目录,他们提供全球各地主机商信息,也会提供域名注册服务。whtop查找两位国别后缀比较有用。你在网站输入CN,点击Try Google Custom Search for whtop.com下面Top 10 in China,国内有名的域名注册商便会详细呈现)
上述网站,你只需输入域名后缀,货比三家,一目了然。当然,此法也并非完美无瑕。
在注册局官网购买域名。
注册局管理注册商,我们可以通过注册局官网了解所有注册商信息,部分注册局也出售域名,价格相对低廉。
注册局官方网站一般为NIC.域名后缀。如果NIC.域名后缀无法正常访问,大家可以访问 www.iana.org/domains/root/db/xxxx.h ...
如题,本文将介绍如何白嫖GitHub Codespaces编译项目并上传阿里云盘
最近想升级下电脑上的WSA,遂打开了GitHub找到MagiskOnWSALocal准备打包,但是在本机的WSL上怎么也没法安装依赖正常编译。没办法探索出了这个方法。先简要说下思路。
先利用GitHub Codespaces免费给的Linux环境打包好你需要的项目
之后再利用大佬的alidrive-uploader工具将编译完成的文件上传阿里云盘。
可以解决编译项目时本地的各种环境问题。
下面是具体步骤
点击GitHub header上的Codespaces
点击新建codespace
点击创建codespace
点击三个点在VSCode中打开
打开控制台
打包MagiskOnWSALocal项目
首先拉取MagiskOnWSALocal代码,然后执行打包命令:cd /workspaces
git clone https://github.com/LSPosed/MagiskOnWSALocal
cd MagiskOnWSALocal
scripts/run.sh
...
准备工作:安装termux&&安装adb工具1. 需要一部安卓手机,安装termux应用,可以根据国光大佬的教程安装2. 使用如下命令自动替换官方源为 TUNA 镜像源。pkg update 卡住的话多按几次回车 不要傻乎乎的等sed -i 's@^\(deb.*stable main\)$@#\1\ndeb https://mirrors.tuna.tsinghua.edu.cn/termux/termux-packages-24 stable main@' $PREFIX/etc/apt/sources.list
sed -i 's@^\(deb.*games stable\)$@#\1\ndeb https://mirrors.tuna.tsinghua.edu.cn/termux/game-packages-24 games stable@' $PREFIX/etc/apt/sources.list.d/game.list
sed -i 's@^\(deb.*science stable\)$@#\1\ndeb https://mirrors.tuna.ts ...