
笔记
前端阿皓
前端攻城狮
展开
-
前端项目规范搭建,vue使用husky强制码提交规范及eslint校验
vue使用husky强制码提交规范及eslint优化原创 2023-03-17 14:37:38 · 1968 阅读 · 0 评论 -
vsCode不显示git的远程分支
git上面已有的分支,vsCode不显示解决方式如下:git remote update origin --prune原创 2022-03-18 14:31:30 · 3575 阅读 · 1 评论 -
微信小程序分包
微信小程序分包处理微信小程序上传包的大小最大为2M,,超过之后就无法上传,那么我们如何解决较大的项目呢,那么就要采用分包配置了一、配置app.json文件"pages":[ "pages/index/index", "pages/logs/logs" ], "subpackages": [ //分包加载配置项 { "root": "packageA", //包的相对位置 "pages":原创 2021-09-29 15:51:15 · 727 阅读 · 0 评论 -
Vue图片放大缩小及拖动
直接上代码<template> <div class="boxsd left" @mousewheel.prevent="rollImg"> <div ref="imgDiv" class="img"> <img src="../../../assets/map.png" @mousedown="move"/> <div>标记</div> </div>原创 2021-09-10 15:09:42 · 1894 阅读 · 0 评论 -
echarts地图自定义区域(并添加标记)
一、安装echarts????npm i echarts --save二、引入注册????// main.jsimport * as echarts from 'echarts';Vue.prototype.$echarts = echarts三、绘制自定义区域并下载geojson????1、打开网站 http://geojson.io/2、项目中新建map.json,将geojson的内容复制到map.json里面四、使用????1、将map.json引入到当前页面import原创 2021-09-10 13:02:42 · 8702 阅读 · 0 评论 -
echarts省级地图展示(包含3D地图)
1、npm i echarts --save// main.jsimport * as echarts from 'echarts';Vue.prototype.$echarts = echarts2、下载省级地图json(下载地址)3、当前页面引入JSONimport chongqing from "./assets/chongqing.json"4、使用<template> <div id="mychart" style="width: 900px;height:原创 2021-09-07 15:37:31 · 1155 阅读 · 0 评论 -
H5唤起微信小程序
此文章讲述H5唤起微信小程序(可指定页面并携带参数)一、H5微信外部浏览器唤起小程序(App里面嵌入的H5也可以唤起)注意:生成URL Scheme的必要前提:小程序不能是个人的,小程序必须已经上线发布了1、第一种:携带静态参数或者不携带参数生成URL Scheme2、第二种:携带动态参数生成URL Scheme通过调用后台接口生成URL Scheme,将要跳转的小程序路径及动态参数传过去,后台返回一个URL Scheme调用demo3、生成URL Scheme之后,就可以进行H5跳原创 2021-08-04 22:14:48 · 22865 阅读 · 3 评论 -
微信小程序开发者工具提示“网络连接失败”
开发者工具一直提示网络连接失败解决方法如下:1、下载一个Charles.exe的软件,下载地址如下:链接:https://pan.baidu.com/s/17kgAvioOyAs8OHVnOASUHg提取码:45862、下载后直接打开软件,挂在后台。然后重启开发者工具 就行了...原创 2021-07-20 10:38:25 · 3140 阅读 · 0 评论 -
IOS证书申请、上传包管理教程(appuploader)
本次教程的证书申请是通过第三方软件直接生成,非常方便一、下载 appuploader二、登录IOS开发者账号1、可以通过此软件进行证书申请、描述文件、p12申请2、可添加测试设备3、也可以进行App的包上传,例如uniapp ios上架,就可以先打包成.ipa包,然后在此软件上面进行传包,传成功后就可以在苹果开发者网站里面进行包的管理。...原创 2021-07-20 10:24:40 · 1474 阅读 · 0 评论 -
Vue拖动截图功能实现
???? 拖动鼠标进行页面截图(也可指定区域拖动截图)一、安装html2canvas、vue-croppernpm i html2canvas --save //用于将指定区域转为图片npm i vue-cropper -S //将图片进行裁剪二、在main.js注册vue-cropper组件import VueCropper from 'vue-cropper'Vue.use(VueCropper)三、页面中引入html2canvas imp原创 2021-07-06 22:33:38 · 1994 阅读 · 25 评论 -
Vue开发VR项目
一、下载插件npm install photo-sphere-viewer原创 2021-06-11 14:48:59 · 1272 阅读 · 1 评论 -
uniapp仿抖音短视频
<template> <view> <view class="uni-padding-wrap"> <view class="page-section swiper"> <view class="page-section-spacing"> <swiper class="swiper" @change="changefun.原创 2021-06-11 09:43:58 · 2776 阅读 · 15 评论 -
Vue中使用高德地图
Vue中使用高德地图定位及poi搜索,以及其他插件的使用方法1、第一步安装 npm install vue-amap --save2、引入vue-amapmain.jsimport Vue from 'vue';import VueAMap from 'vue-amap';import App from './App.vue';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ //可全局初始化,也可按需初始化 key: '原创 2021-05-19 22:45:58 · 1204 阅读 · 2 评论 -
uniapp app版本升级
一、安卓var dtask = plus.downloader.createDownload( "apk下载地址", {}, function ( d, status ) { if ( status == 200 ) { // 下载完成 plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename),{},{},function(error){ uni.showToast({ title: '原创 2021-04-08 17:32:14 · 680 阅读 · 0 评论 -
uniapp打包的ios文件上传至appStore
1、打包成功后,下载保留ipa,打开xcode,点击左上角的Xcode 然后在点击tools,再点击Application Loader2、输入你的开发者账号,点击登录3、选去你已经准备好的ipa包,传进去.好了之后 ,所有点击下一步就行了,传好之后 我们就可以到后台(iTunes connect)内里看到自己上传的包了!4、上传完之后,就可以去填写app相关的信息了,填完之后就可以发布审核了...原创 2021-04-07 21:49:17 · 1171 阅读 · 0 评论 -
ios自定义启动图storyboard(适用于Uniapp)
1、新建项目想要全屏显示并适应所有尺寸的iPad和iphone 需要用750*1624 2X 和 1125 * 2436 3X大小的图片!](https://img-blog.csdnimg.cn/20210407212101831.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Rhbkhhbzg=,size_16,col原创 2021-04-07 21:30:53 · 5725 阅读 · 4 评论 -
Ios证书申请
1、申请IOS开发者账号2、点击配置文件3、创建AppId点击Identifiers-------添加Identifiers选择Add Ids选择AppDescription描述可以填写app名称(英文),BundleId一般由com.项目名.项目名App组成完成创建4、创建证书点击Certificates-----添加Certificates选择证书类型,一般选iOS Distribution (App Store and Ad Hoc)就行了选择CSR文件上传完成创建原创 2021-04-06 18:21:06 · 272 阅读 · 0 评论 -
Uniapp打包上架
一、安卓打包流程(windows下)1、安装JRE环境(推荐使用JRE8环境,如已有可跳过)下载地址2、打开命令行(cmd),输入以下命令:d: //目的是切换到D盘目录下set PATH=%PATH%;"C:\Program Files\Java\jre1.8.0_201\bin" //注意下载的版本是否相同,填写自己的版本3、生成签名证书,使用如下命令:keytool -genkey -alias testalias -keyalg RSA -keysize 2048原创 2021-04-01 20:57:51 · 1042 阅读 · 0 评论 -
uniapp真机运行
一、Ios真机调试(windows下)1、下载iTools软件,用于连接手机,下载地址2、下载HBuilder X,app开发专业版,下载最新包3、HBuilder直接运行到手机,选择当前的设备,如果没找到设备,重启HBuilder4、安装后会提示未信任,请前往设置-通用-设备管理中点击信任二、安卓运行直接插上数据线,打开usb调试,等待电脑识别,最后HBuilder中运行...原创 2021-03-31 21:14:26 · 950 阅读 · 0 评论 -
base64图片上传OSS
base64图片上传OSSfunction blods(urlData,type){ var arr = urlData.split(','); var mime = arr[0].match(/:(.*?);/)[1]||type var bytes = window.atob(arr[1]); var ab = new ArrayBuffer(bytes.length); var ia = new Uint8Array(ab); for(let i=0;i<bytes.l原创 2020-12-11 12:07:33 · 709 阅读 · 1 评论 -
微信小程序echarts使用,以及一些坑
小程序中使用echarts一.下载下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。放在项目根目录二.使用1、index.json 配置如下{ "usingComponents": { "ec-canvas": "../../ec-canvas/ec-canvas" }}2、index.wxml 中,ECharts创建了一个 组件<view class="content"> <ec-canvas id="charts"原创 2020-11-11 11:59:54 · 2965 阅读 · 7 评论 -
express使用socket.io 服务端推送消息的几种方式
const express = require('express');const http = require('http');const socketio = require('socket.io');const server = http.createServer(express());const io = socketio(server);// 使用默认nsp '/' ,io.on等效于io.of('/');io.of('/').on('connection', (socket) =&原创 2020-10-12 22:20:33 · 1242 阅读 · 0 评论 -
前端学习网站集合
0.js动效库:https://www.jsdaima.com/Index/js里面有许多jquery插件以及一些动画特效等等,很不错的一个网站1.CodePen:http://codepen.io/网站里有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,是一个非常不错的前端开发学习资源网站。这个是CodePen网站里的一个效果的源码截图,是不是很酷呀!2.RunJS:http://runjs.cn/点击广场,则可以看到很多开发者分享的一些效果源码,如果你想找资源,做项目,这个网站原创 2020-06-16 23:38:07 · 699 阅读 · 0 评论