ElementUI设置Table的行间距
ElementUI 设置 Table 的行间距ElementUI 的 Table 组件默认的是行与行挨着，需要更改组件的样式
123456789::v-deep .el-table { &::before { height: 0; } .el-table__body { //-webkit-border-horizontal-spacing: 13px; // 水平间距 -webkit-border-vertical-spacing: 13px; // 垂直间距 }}
.table-wrap {
margin: 0;
overflow: hidden;
}
.el-table::before {
height: 0;
}
.el-table .el-table__body {
-webkit-border-vertical-spacing: 13px;
}
.el-table .warning-row {
background: oldlace;
}
.el ...
Javascript 生成word文档
Javascript 生成word文档1234567891011121314151617181920212223242526<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>word</title> </head> <body> <button id="btn">下载</button> <script> ...
Javascript 录制麦克风声音
Javascript 录制麦克风声音需求: PC端录制声音,通过websocket保存到服务器
服务端代码12345678910111213141516171819202122232425262728293031const WebSocket = require('ws')const fs = require('fs')const ws = new WebSocket.Server({ port: 4000 })ws.on('connection', function (inst) { inst.on('message', function (msg, isBinary) { if (isBinary) { console.log('message') const time = new Date().getTime() fs.writeFile('audio/' + time + ...
uniapp管理APP缓存
uniapp管理APP缓存1234567891011121314151617181920212223242526272829303132// 获取getCacheSize() { // #ifdef APP-PLUS plus.cache.calculate((size) => { const sizeInt = parseInt(size) if (sizeInt < 1024) { this.cacheSize = '0KB' } else if (sizeInt < 1048576) { this.cacheSize = `${(sizeInt / 1024).toFixed(2)}KB` } else { this.cacheSize = `${(sizeInt / 1048576).toFixed(2)}MB` } }) // #endif&# ...
uniapp管理APP更新
uniapp管理APP更新123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113// 获取import { upgrade } from '@/api/user'export default function upgradeApp(latestTip = '') { plus.runtime.getProperty(plus.runtime.appid, (widgetInfo) => { let packageName = '' if (plus.os.name = ...
uniapp踩坑心得
uniapp踩坑心得node-sass安装失败
现象:使用cli构建的uniapp项目依赖的是node-sass,这个玩意儿要从github下载文件,而且安装依赖还会检查python环境vsbuild-tools等等,挺难安装成功的.
解决方案:使用dart-sass替代:
12npm un node-sassnpm i node-sass@npm:dart-sass -D
替换依赖以后,还需要用::v-deep替换全局代码中的/deep/样式穿透
全局样式加载报错
现象:在main.js全局引用样式文件时,打包会报错
1App平台 v3 模式暂不支持在 js 文件中引用"xxx.scss" 请改在 style 内引用
解决方案:删掉main.js中的相关import,修改App.vue
123<style lang="scss">@import '@/assets/styles/common.scss';</style>
打包APP资源无法批量注册自定义的全局组件
现象:在电脑上开发调 ...
解决macOS下VS Code启动时报错的问题
解决macOS下VS Code启动时报错的问题问题复现MAC升级到macOS Monterey,每次重启电脑之后打开VS Code,右下角都有一个错误弹窗:Unable to resolve your shell environment in a reasonable time. Please review your shell configuration.
而且重启电脑后,打开terminal时,也有很长时间卡住的现象(这时zsh的标题窗口一直卡在xcodebuild上)
解决问题由于terminal卡在xcodebuild上,推断是系统升级后xcode的问题,百度了一番,说是内置git的问题,解决方案如下:
通过homebrew安装git
1brew install git
编辑.zshrc,将新装的git路径加入PATH中
1vim ~/.zshrc
.zshrc文件内容如下:
123456789101112131415export ZSH="/Users/williampeng/.oh-my-zsh"ZSH_DISABLE_COMPFIX=" ...
在电脑上下载Google Play上的APP安装包
在电脑上下载Google Play上的APP安装包
开启翻墙软件
访问https://apkpure.com
搜索要下载的APP
下载apk文件
使用nodejs编写cli(命令行)
使用nodejs编写cli(命令行)背景在之前的开发中，使用过vue-cli等命令行工具生成项目模板，极大地方便了日常工作的展开。但是有时候一些十分特别的需求，我们是找不到适合的cli工具去做的。比如说，在同一个后端鉴权逻辑下，登录等功能是一样的，前端项目可能采用Vant、ElementUI、AntDesign、AntDesign Mobile等，目前npm仓库中现有的cli工具基本都不会涉及业务逻辑，即使对业务很熟悉，每次新建项目要处理起登录逻辑来也是要改很多文件的。所以呢，何不为自己项目写一个cli？就专门做这些繁琐的活？
项目实战声明入口，安装依赖
修改package.json,添加一个bin字段,bin字段里面写上这个命令行的名字，也就是vite-helper-cli，它告诉node，里面的js脚本可以通过命令行的方式执行，以vite-helper-cli的命令调用。
chalk.js可以为console.log()的输出信息配置不同的显示颜色和样式
execa 相对于内置的 Node.js child_process 模块来说，execa 公开了一个基于 promise 的 ...
MacOS下部分App多语言切换
MacOS下部分App多语言切换在终端执行以下命令后,重新打开App即可
1234567891011# sketch切换为中文defaults write com.bohemiancoding.sketch3 AppleLanguages '(zh-CN)'# 喵影工厂切换为中文defaults write com.wondershare.filmoramac AppleLanguages '(zh-CN)'# sketch切换为英文defaults write com.bohemiancoding.sketch3 AppleLanguages '(en-US)'# 喵影工厂切换为英文defaults write com.wondershare.filmoramac AppleLanguages '(en-US)'