HqL丶1024-优快云博客

效果1.文件目录引入的painter文件地址2.引入的posterView.jsconst getPoster = (qrcodeText) => { const poster = { "width": "256px", "height": "256px", "background": "#f8f8f8", "views": [{ "type": "qrcode", "c

2022-01-08 11:22:19 2818

原创 @vue/cli 无法卸载并升级到最新版本问题解决

运行了 npm uninstall @vue/cli -g没用，电脑还是有解决办法：1.查找npm config ls -l找到该文件夹，删除该文件2.删vue原始文件cmd输入where vue,删除这两个文件3.再次检查4.再次安装npm install-g @vue/cli 安装完在看下，可以了5.现在就可以创建vue2或者vue3的项目了vue create vueDemo...

2021-11-04 10:35:09 322

**问题描述：**想要用脚手架快速新建一个react app的时候使用 npx create-react-app project 命令后查看文件夹，文件夹下只有node_modules,package.jsonand packageloack.json 三个项目，其他如 src, public and scripts folder 都没有。并且安装报错A template was not provided. This is likely because you're using an outdated

2021-10-18 17:12:39 457

原创 Vue后管的无限层级菜单栏

官网：https://github.com/yaminncco/vue-sidebar-menu官网进不去进这里：https://www.vue365.cn/vue-sidebar-menu/演示：https://www.vue365.cn/code_demo.php?id=410Vue2 # Yarn $ yarn add vue-sidebar-menu # NPM $ npm install vue-sidebar-menu --saveVue3 $ npm i vue-.

2021-08-12 15:11:40 1714

原创 Vue+TypeScript入门第三篇（类型）

1.对象的类型——接口 created() { interface Person { readonly id: number; //只读属性 name: string; age ? : number; //可选属性 [propName: string]: any; //任意的属性 } let tom: Person = { id: 334, name: 'Tom'

2021-07-30 17:20:21 463

原创 Vue播放audio，获取播放进度，时长，拖拽音乐进度

<template> <div class="home"> <audio @canplay="getDuration" @timeupdate="updateTime" @durationchange='shichang' controls autoplay="autoplay" id="player" :src="audiourl" hidden=true> </audio> <div class="music.

2021-06-16 10:11:06 5221

原创 Vue+TypeScript入门第二篇（编写规范）

如果代码有eslint严格模式，可以再在根目录新建一个vue.config.js文件关闭严格模式// vue.config.jsmodule.exports = { lintOnSave: false, publicPath: './',}1.页面模块<template> <div class="home"> <div class="xiaobing" @click="add('132456')">我是一个函数</div>

2021-06-04 15:52:18 163

原创 Vue+TypeScript入门第一篇（构建项目）

1.打开cmd构架2.选择第二个自定义3.自己需要的选择5.选择需要的构建完成。。。

2021-06-04 15:37:56 173

原创 UniApp使用Painter画图

1.导入到项目去插件市场导入到项目（1）我是下载了zip压缩放到项目2.页面引入插件 import lPainter from '@/utils/painter' export default { components: {lPainter} }3.根据插件规则编写JSON生成图片<template> <view class="box"> <view class="imgShar"> <l-painter isRender.

2021-05-31 15:44:10 1878 4

原创获取安卓App的activity全路径

1.下载adb.exe链接: https://pan.baidu.com/s/1g9HOaKrz4_Y6WWwGCo14Cg 提取码: 6v84 复制这段内容后打开百度网盘手机App，操作更方便哦2.环境变量增加你adb所装的计算机位置3.打开命令行，查看是否安装成功及版本号adb -v4.手机连接上电脑5.再次输入adb logcat | findstr START6.然后打开手机你的AppCMD界面，cmp= 后面的值就是包名/activity名称例如： cmp=com.s

2021-05-28 14:08:34 1548 1

原创 Uniapp苹果登录

1.勾选2.申请苹果登录的证书文件3.点击事件// 苹果登录getApple() { uni.login({ provider: 'apple', success: (loginRes) => { uni.getUserInfo({ provider: 'apple', success: (res) => { let data = { login_type: this.login_type, fromUniApp: 1

2021-04-21 10:55:48 5534 3

原创 UniApp常用功能

1.推送消息方式一（1）前端自己推送// unipush消息推送getpush() { let option = { title: '主标题', sound: 'system', } void plus.push.createMessage('您的商品已经发货啦，可点击查看物流状态！', 'push=/pages/myOrder/index?id=123', JSON.stringify( option));},（2）前端获取推送消息传过来的参数app.vue的onshow

2021-04-20 10:53:22 2454 1

原创微信浏览器内点击跳转到APP

1.微信官方文档2.根据文档去登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名“和移动应用的appid和名称3.前端代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2.0/npm/vant@2.2/li

2021-04-08 15:40:43 1027

原创 UniApp使用UCloud一键登录获取手机号

1.新建云函数，我选的是腾讯云2.新建云函数3.编写云函数方法，这个是官网开发文档复制过来的，信息自己在开发者中心复制过来即可4.关联云服务器，没有就点弹窗的新建，我目前选的是免费版的2G容量5.上传部署，部署成功后就开始在页面调用了6.点击一键登录调用登录授权，获取token一级openid传值到云函数解密手机号注意：（1）下方云函数名称一定要和上面的文件名一致（2）记得去ucliud开发者中心的一键登录那里充钱，使用一次两分钱// 手机号一键登录getIphone()

2021-04-06 17:29:13 3339 1

原创 UniApp打包上架App Store

方案一、使用Teansporter在App Store下载Transporter软件，并登陆，使用App Store Connetc对应的账号密码登陆（账号：apple8@xxx.com，密码：xxx ）在Hbulider X工具上点击发行选择云打包（云打包日次数最高7次，超过限制只能隔天再次打包，或使用本地打包+xcode进行打包）填写包名及上传证书，开始打包打包成功点击控制台中提供的链接下载下载成功之后打开Transporter，上传上述下载的ipa文件点击交付即可完成(交付成功

2021-03-30 17:54:26 2984 4

原创 Vue使用WebSocket服务端向前端发送请求

1.点击事件开启 // 点击连接websock connectWebsocket () { if ('WebSocket' in window) { this.websocketWaiting = true //防抖 const socketUrl = `${WS_BASE_HOST}/api/ws/required_data/balance?token=${ this.$store.state.user.access_token

2021-03-16 11:51:39 1827 3

原创 element循环form的input表单验证

<template> <div class="box">  <el-form :model="formInline" :rules="rules" ref="setra" l

2021-03-12 11:19:29 621

原创 js多维数组合并成一维数组

const treeData = [ { title: '0-0', key: '0-0', children: [ { title: '0-0-0', key: '0-0-0', children: [ { tit...

2021-03-05 23:51:47 468

原创 Vue/cli代理axios请求接口跨域

在vue.config.js文件配置module.exports = { devServer: { // 设置代理 proxy: { "/api": { target: "请求域名", ws: true, changOrigin: true, pathRewrite: { "^

2021-02-01 16:28:03 241

原创 Vue3页面基本结构

<template> <div class="box"> <div class="demo" @click="go">{{testMsg}}</div> </div></template><script>import { reactive, toRefs, onMounted, onActivated } from "vue";export default { setup() { con

2021-01-19 15:28:32 2923

原创 Vue3生命周期及事件写法

生命周期1、beforeCreate -> 使用 setup()2、created -> 使用 setup() 3、beforeMount -> onBeforeMount4、mounted -> onMounted //在渲染完html后执行5、beforeUpdate -> onBeforeUpdate6、updated -> onUpdated //第二次进入页面执行7、beforeDestroy -> onBeforeUnmount

2021-01-19 12:00:34 4005

空空如也

空空如也