- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js vue图片压缩
参考该压缩方法封装的压缩方法/** * 压缩图片 * @param {Object} imageSrc File文件对象 * @return {Object} blobFile Blob文件对象 * */ import compressnewVerson from '@/utils/compressImg';// 压缩图片质量--十几kb 0.2~0.5效果最好const compressorSettings = { quality : 0.5};export default f
2021-09-07 12:16:38
204
转载 js上传本地文件到oss
阿里云oss对象存储文档const OSS = require('ali-oss')const path = require("path")const client = new OSS({ // yourregion填写Bucket所在地域。以华东1（杭州）为例，Region填写为oss-cn-hangzhou。 region: 'yourregion', // 阿里云账号AccessKey拥有所有API的访问权限，风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维，请登录
2021-09-03 16:49:51
1155
原创 vue使用quill-editor富文本编辑器
quill-editor的npm地址封装成了一个组件<template> <div> <!-- Two-way Data-Binding --> <quill-editor ref="myQuillEditor" v-model="content" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEdito
2021-08-17 14:41:51
321
原创 vue-print-nb实现打印
安装vue-print-nbvue-print-nb官网npm install vue-print-nb --savevue2html<div id="printMe" style="background: red"> <p>葫芦娃，葫芦娃</p> <p>一根藤上七朵花</p> <p>小小树藤是我家 啦啦啦啦</p> <p>叮当当咚咚当当 浇不大<
2021-08-13 17:09:07
798
原创 vue 上传文件到阿里云OSS
步骤一：安装依赖ali-ossnpm install ali-oss -S步骤二：配置oss对象const OSS = require('ali-oss')const client = new OSS({ // yourregion填写Bucket所在地域。以华东1（杭州）为例，Region填写为oss-cn-hangzhou。 region: 'oss-cn-beijing', accessKeyId: '****', accessKeySecret: '***
2021-08-04 15:40:31
913
原创 vue-element-admin使用qrcode生成二维码
qrcode的npm地址使用mixin独立封装qrcode.js/** * * @description 生成二维码 * **/ var QRCode = require('qrcode') export const qrcode = { methods:{ getQRCode() { let opts = { errorCorrectionLevel: "H",//容错级别
2021-07-20 14:21:48
602
原创 微信小程序的自动更新（热启动时）
热启动是指如果用户已经打开过小程序，且在一定时间内再次打开，此时小程序并未被销毁，并不会检查最新代码。// 检查更新 checkUpdate() { if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function(res) { console.log('onCheckForUpdat
2021-07-14 16:03:04
916
原创 微信小程序文件的下载，保存与打开
这里涉及到的API:wx.downloadFile,wx.saveFile,wx.openDocument相应的官方文档这里需要注意的地方是：wx.openDocument的fileType文件类型需要写正确，否则微信小程序返回的文件类型是.exe类型，ios就会出现文件类型损坏，打不开文件。下面是相应的代码：let fileUrl = BASE_URL + '/api/manage/loadRoster?projectId=' + projectId//pdfLink指下载 wx.showLo
2021-07-14 14:50:08
3362
1
原创 uniapp上传图片（阿里云oss上传）
uniapp上传图片（阿里云oss上传）上传图片采用的API是uni.uploadFile。需要后台给oss的配置信息新建config目录，新建config.js，配置阿里云oss信息var aliyunConfig = { uploadImageUrl: 'https://xxxxxxx.oss-cn-beijing.aliyuncs.com/', // 默认存在根目录，可根据需求改 AccessKeySecret: 'xxxxxxxxxxxxx', // AccessKe
2021-07-06 18:00:43
2730
原创 实现函数的防抖与节流
函数防抖如果一个事件被频繁触发多次，并且触发的时间间隔过短，则防抖可以使得对应的事件处理函数只执行最后触发的一次。应用：搜索框搜索输入， 文本输入验证（手机号码，邮箱等），窗口大小resize（等窗口调整完成，再执行），滚动事件（等最后一次滚动再执行）等function debounce(fn, delay, scope) { let timer = null; // 返回函数对debounce作用域形成闭包 return function () { // se
2021-04-16 23:24:43
77
原创 深入理解apply、call、bind，并用手动原生实现。
深入理解apply、call、bind，并用原生实现第一步：this的指向问题根据下面方法，容易理解this的指向问题1、非严格模式下默认指向全局的window2、this指向调用者// this指向var name = "张三"; function a() { var name = "李四"; console.log(this.name); // windowsName console.log("inner:" +
2021-04-12 15:00:25
83
原创 微信小程序关于用户信息授权的接口调整，已经不能通过button的open-type来获取用户信息了
在开发微信小程序过程中，遇到了使用getUserInfo已经过去不到获取用户信息了。预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息。微信官方那边已经调整使用wx.getUserProfile(Object object)获取用户信息。页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo(注意：从2.10.4版本基础库开始支
2021-04-10 18:03:57
443
1
原创 .h5底部输入框被键盘遮挡问题，或者底部导航栏被弹起问题的解决办法
在h5页面中，当输入框在最底部，点击软键盘会出现输入框会被遮挡问题，或者是底部有一个固定定位的导航，然而每次一点击输入框，弹出输入法的时候，这个底部的导航会随着输入法被顶上去问题。解决办法：由于弹起输入法，会执行onresize 事件，根据窗口变化，将原先是固定定位的元素改为position:static;。当关闭输入法时再切换回position:absolute;。var getHeight = $(document).height();$(window).resize(function(){
2021-04-10 17:43:31
2234
原创 vuePress的初次使用
vuePress是什么？vuePress的两个组成部分一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。详细介绍请前往vuePress官网介绍安装创建并进入一个新目录安装为本地依赖(由于已经不再推荐全局安装 VuePress，因此安装本地依赖)yarn add -D vuepress # npm install -D vuepress3.快速初始化package.jsonyarn init # npm init开始使用新建文件夹，进入
2021-04-09 22:29:19
207
原创 js实现导航的tab切换
导航的样式直接上导航的html和样式<style type="text/css"> ul { width: 400px; margin: 50px auto; display: flex; align-items: center; list-style: none; } li { mar
2021-04-09 11:27:46
136
uniapp oss直传需要的文件资源（base64.js，crypto.js, hmac.js, sha1.js）
2021-07-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人