seven-CSDN博客

qrcode 自定义二维码组件 vue 自定组件1、安装 qrcodenpm install --save qrcode2、介绍 toCanvas、toDataURL 用法// toCanvas(canvasElement, text, [options], [cb(error)])// 参数// canvasElement 画布element// text<String|Array> 需要编码的数据text// options<Object> 配置项// c

2021-11-23 15:16:27 2184

原创 vue 跨页面双向通信

vue 跨页面双向通信一、同源通信1、localStorage添加时间监听window.addEventListener('storage', function (e) {});改变 localStorage 值，触发 storage 事件window.localStorage.setItem('params', JSON.stringify(object));2、通过跳转 url 传参// 跳转路径带参数3、通过 BroadCast channel 广播实现通信// 创建一个广播

2021-11-11 17:40:20 5056

原创 Vue（web）服务端签名上传阿里云oss

Vue（web）服务端签名上传阿里云oss1、示例oss文档<template> <div class="upload-container"> <div style="padding-bottom: 10px">仅支持 .png,.jpg 格式的图片文件</div> <el-upload :multiple="false" :show-file-list="false" :http-reque

2020-10-01 02:42:05 510

原创 vue 打印功能

vue 现实打印功能示例<template> <div id="app"> <button @click="handlePrint"></button> <div v-html="content"></div> </div></template><script>export default { name: 'App', data(){ return

2020-09-09 23:33:07 280

原创小程序 ( uniapp ) WebSocket使用

小程序WebSocketuniapp官方文档：https://uniapp.dcloud.io/api/request/websocket小程序官方文档： https://developers.weixin.qq.com/miniprogram/dev/api/network/websocket/wx.sendSocketMessage.html示例：javascript<script>const rmg = uni.getRecorderManager();const appKey

2020-09-07 22:10:01 1028

原创 git分支拉取远程分支并创建本地分支

git分支拉取远程分支并创建本地分支1.情况一(本地、远程没有分支，创建本地分支并推送到远程)1.1新建本地分支并切换 devgit checkout -b dev // 新建并切换到分支dev(dev为分支名称)git branch -vv // 查看分支状态1.2.推送到远程git pull // 先拉取远程分支的更新（习惯）git push --set-upstream origin dev // 将本地分支dev推送到远程，并建立关联关系习惯：凡是提

2020-08-14 23:36:10 521

原创前端实现RSA加密（vue）

前端实现RSA加密（vue）记录之前一个项目用到的rsa前端rsa加密库API jsrsasign.js1.安装包npm install jsrsasign2.引入import jsrsasign from 'jsrsasign'// request.jsimport jsrsasign from 'jsrsasign';var url = ""function times(){ let date = new Date(); let Y = date.getFullYe

2020-05-18 09:51:06 2569

原创小程序录音功能实现

小程序录音功能实现最近接触到一个小程序语音识别功能，小弟也是第一次接触录音功能，为此记录一下（云知声接口）1、首先是建议使用小程序提供的更强大的apiwx.getRecorderManager 接口const recorderManager = wx.getRecorderManager()recorderManager.onStart(() => { console.log('recorder start')})recorderManager.onPause(() => {

2020-05-14 15:26:23 1743

原创小程序提示更新版本

小程序提示更新版本1.分析在小程序更新开发版本之后，用户本地并没有对之前版本的小程序进行删除，那么再进入小程序的时候的版本是不会发生变化的，这是由于发版是异步执行，因此新版本将会覆盖的比较慢，本质是小程序的启动方式分为两种，冷启动与热启动。冷启动：指的是用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加载启动。热启动：指用户已经打开过某小程序，然后在一定时间内再次打开...

2020-02-25 17:03:37 764

原创 uniapp 开发微信小程序订阅消息功能记录

uniapp 开发微信小程序订阅消息功能记录如图注意事项：1.开发者工具尽量是最新的2.调试基础库在 2.10.0 以上3.用户需要点击“总是保持以上，不再询问”，才可以获取到getSetting返回的用户授权信息4.微信开发文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subs...

2020-02-22 11:00:05 5462 1

原创 css实现滚动条的样式

css实现滚动条的样式代码演示html<div class="app app-scroll"> <div class="scrollbar"></div></div>css .app { width : 50px; height : 200px; overflow: auto; float : l...

2020-02-13 10:59:47 204

原创微信小程序使用npm包

微信小程序使用npm包 (vant)第一部1.初始化npm init2.在小程序中加载npm包npm install miniprogram-datepicker --production3.构建npm包在微信小程序开发工具的「工具」菜单下点击「构建 npm」命令，进行 npm 包的构建，此构建可以将 npm 包构建成在小程序中可加载使用的包。第二部1.安装vant wea...

2020-01-14 19:08:26 379

原创 h5移动端适配

h5移动端适配第一部分(项目中引入lib-flexible)1.下载安装 lib-flexiblenpm install lib-flexible --save2.在入口main.js文件引入 lib-flexibleimport 'lib-flexible'第二部门(使用px2rem-loader自动将css中的px转换成rem)1.安装 px2rem-loadernpm i...

2020-01-14 14:59:46 221

weixin_45076451的博客

原创 WIN11右键菜单默认显示更多选项

原创 qrcode 自定义二维码组件