上传文件对象
ele和vant上传文件都会出现一个file对象var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function() {
console.log(reader.result);
_this.imgurl = reader.result;
};
npm 环境变量
使用npm安装包，包安装完成后显示命令不存在.npmrc是npm的配置文件，可以通过npm config list 命令查看
echo -e "export PATH=$(npm prefix -g)/bin:$PATH" >> ~/.npmrc && source ~/.npmrcnpm 源.npmrc
registry="http://registry.npmmirror.com/"
http://registry.npmjs.org/
uniapp 页面配置
"scrollIndicator":"none", 是否显示滚动条
经纬度定位
使用高德地图的逆地理编码，key申请类型为Web API服务https://lbs.amap.com/api/webservice/summary/ 类型需要为web类型const mapKey = 'xxxxxxxx'
axios.get(`https://restapi.amap.com/v3/geocode/regeo?key=${mapKey}&location=${lon},${lat}`).then(res=>{
})
照片信息查看
import EXIF from 'exif-js'http://code.ciaoca.com/javascript/exif-js/ 文档EXIF.getData(document.getElementById('imgElement'), function(){
EXIF.getAllTags(this); 全部属性
EXIF.getTag(this, 'Orientation'); 某个属性
});经纬度const imgLon = EXIF.getTag(this, 'GPSLongitude')
const imgLat ...
移动端滑动
按下:touchstart
移动:touchmove
松开:touchend判断左右滑动: 按下记录X轴位置, 划动的过程中判断clientX大于还是小于即可判断左右滑动. 在滑动的过程中持续记录clientX的位置
UNIAPP 打包APP 图标和启动图
图标配置(logo)可以使用一键配置功能启动图Android: 使用 .9 文件。一个尺寸就可以,我个人选择的是720的尺寸IOS: 自定义storyboard启动界面.9文件制作使用Android Studio来操作 启动界面尽量简单,横屏竖直。好定义可以拉伸的区域在制作页面是有一个像素的空白右边和底部全部涂黑. 左边的黑边和顶部的黑边分别控制 X轴 Y轴 可以拉伸的区域.这个是一个特别简单的启动图例子. 就中间是不能拉伸的区域.storyboard制作https://github.com/WishMelz/file/blob/master/Cu...
Nginx反向代理502
页面数据太大了,nginx处理不过来. proxy_buffer_size 64k;
proxy_buffers 32 32k;
proxy_busy_buffers_size 128k;
proxy_ssl_server_name on;
思源黑体 Noto Sans SC
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">font-family: "Noto Sans SC";静态资源库
https://cdn.baomitu.com/index/fonts
Vant List组件一直触发onload问题
在当前页面的最高层元素添加样式 overflow-y: auto;
height: 100vh;
IOS封装的H5移动端页面底部小黑条
ios封装的web端应用, 滚动到底部后还能继续朝下滚动,出现空白通过监听 touchmove，让需要滑动的地方滑动，不需要滑动的地方禁止滑动。App.vue页面
created() {
document.body.addEventListener(
"touchmove",
(e) => {
if (e._isScroller) return;
e.preventDefault();
},
{
passive: false,
}...
微信机器人PC
https://github.com/cixingguangming55555/wechat-bot在PC端使用工具注入DLL,后台会启动一个WevSocket,实时发送消息.通过监听对呀的消息做处理
浏览器打开小窗口
function openBlank(url) { //转向网页的地址;
var name = '' //网页名称，可为空;
var iWidth = 1200 //弹出窗口的宽度;
var iHeight = window.screen.height * 0.7 //弹出窗口的高度;
...
Nodejs对接微信公众号(订阅号)
公众号配置在开启服务器配置的时候需要验证自己的url.router.get('/api/send', (req, res) => {
let token = wxToken;
let signature = req.query.signature;
let timestamp = req.query.timestamp;
let nonce = req.query.nonce;
let echostr = req.query.echostr;
let arr = [token, timesta...
MAC 第三方软件安装
sudo spctl --master-disable
uniapp 地图和导航
高得地图SDK<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
</map>
data() {
return {
id: 0, // 使用 marker点击事件 需要填写id
title: 'map',
latitude: 39.913904,
longitude: 116.39728, //这个经纬度是打开地图显示的...
MySql in 就一条数据
where FIND_IN_SET(id,‘xxxx’)
类Vue项目文档
https://docsify.js.org/#/quickstartnpm i docsify-cli -g// 创建
docsify init ./docs
// 运行
docsify serve docs部署: Github Page docs目录
MacBook系统内存删除
主要目录: ~/Library通过 sudo du -sh * 查看内存占用情况
Server酱
NodeJs 封装一个简单的请求.key:server酱SCKEYtext:标题desp:内容(支持MarkDown)const https = require('https');
var iconv = require("iconv-lite");
function serverBot(key = '', text = '', desp = '') {
return new Promise((resolve, reject) => {
let url = `https://sc.ftqq.com/${key}.send?t...