手可摘星辰~-CSDN博客

原创【H5】封装抽奖大转盘组件

<template> <div class="largeTurntable"> <div class="turntable_back"> <img :style="{ transform: 'rotate(' + change_angle + 'deg)' }" :src="turntable" /> </div> <div class="turntable_

2020-11-05 13:57:07 746

原创如何在h5中使用wx-open-launch-weapp

wx-open-launch-weapp的官方文档在这里：参考文档首先在index.html引入sdk <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>封装微信config文件：具体可看文档有详细说明import Reqs from "@api/common.js";export function wxSubscribe() { const url = window.

2021-07-02 11:27:44 1302

转载在微信小程序中如何使用wx.onLocationChange（）【转载】

参考文档：点这里其实我使用这个挨批之前用的是wx.getLocation文档点这里可是很无奈，产品的需求是要从首页点进去的时候获取一次用户坐标，可是如果用户频繁点击在真机上就会出现获取不到的情况，会报以下的错误，如下图所示所以很尴尬，我就打算试试用报错里面提供的API去实现获取坐标功能，刚开始弄我发现文档里面的例子太少了，加上百度里面的例子也不多，所以就自己试着弄。//这个函数是一开始点击事件触发的：async authorization() { let self = this .

2021-06-16 19:13:39 9973 1

原创微信开放标签wx-open-subscribe的使用和样式修改

这里是官方参考文档：参考文档首先在index.html引入sdk <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>封装微信config文件：具体可看文档有详细说明import Reqs from "@api/common.js";export function wxSubscribe() { const url = window.location.href.split

2021-04-26 20:20:16 4104

原创 vue分环境打包经验总结

首先新建四个文件，分别是本地环境，预发环境，生产环境，测试环境这里我以注释分割，你们写的时候是分开文件分别写//.env.dev:NODE_ENV = 'development'VUE_APP_CURENV = 'dev'//.env.pretestNODE_ENV = 'production'VUE_APP_CURENV = 'pretest'//.env.productionNODE_ENV = 'production'VUE_APP_CURENV = 'prod'/..

2021-02-22 10:07:03 381

原创【小程序】如何在内嵌h5的小程序里面跳转到别的小程序的页面？

支付宝小程序内嵌H5页面，然后在里面有两个点击事件是跳转到别的小程序的不同页面的方法<view> <web-view id="web-view-1" src="这里是地址" onMessage="jumpXCX"></web-view></view>这里是嵌套部分，传递到h5页面用的是onMessage，参考官方文档然后看到小程序里面的js部分// 接收来自H5的消息 jumpXCX(e) { console.log(e); .

2020-09-01 15:03:26 4935 2

原创【总结】小程序只请求一次授权登录接口，并且页面内部函数在请求完登录接口后调用

首先在app.js新建一个对象globalData，因为我这边的需求是点击查询按钮才调用主动授权，也就是有事件去承载授权这件事情，所以我自己新建了一个appLogin函数作为主动授权的工具，如果是想要页面载入后就静默授权，可以在onLaunch里面使用。App({ data: { resetRender: false, }, globalData:{ userInfo: null, firstIn: true, userInfoReadyCallbackPa.

2020-08-27 16:33:11 1145

原创【纪念】微信公众号H5如何解决无法长按保存图片的问题

首先全局搜索有没有img标签下使用了pointer-events：none这个样式当时我全局是搜到了这个样式，然后就把它注释掉，但是我写的那个弹窗的图片还是长按不了，中间修改并且测试，又换了base64，简直是摧残人的心灵，改了好久最后还是通过改样式才好，折腾了好久，我下面贴一下我写的代码：css部分img { pointer-events: auto;}.share-box { position: fixed; width: 16rem; height: 20.4rem; b

2020-08-24 01:43:06 3598

原创前端压缩图片文件的封装函数（面向对象）

这篇代码是最近接触到图片上传的时候后台要求传参为base64改成了file文件流格式，这份js同时也可以做到获得图片文件上传时的压缩后的base64或者file文件流/* * ldf-img * @author: ldf * githup: https://github.com/Gump8/ldf-img.git * */// require('core-js(/library)/fn/object/assign');/* eslint-disable */(function (windo

2020-08-16 22:47:34 303

原创如何把vue下的所有组件全部挂载到全局，不需要在页面内引用

首先在js目录下新建一个js，比如：global.js这里面写上这些const requireComponent = require.context( '@c-c',//这个是目录简写指的是你的组件存放的路径， false, /\.vue$/ // 找到components文件夹下以.vue命名的文件)requireComponent.keys().forEach(fileName => { const componentConfig = requireC..

2020-08-14 16:45:55 2544

原创 vue 关闭vue项目中的ESlint

1.首先找到这个文件2.把这段代码注释，就不会有那么多格式警告记得改完配置文件后记得重新 npm run dev重新运行**

2020-08-14 14:07:22 511

qq_38212421的博客