weixin_45446474的博客

原创 微信小程序利用canva进行大图片压缩

微信小程序利用canva进行大图片压缩

原创 微信小程序绕开wx.uploadFile，上传图片，（直接把图片上传到服务器）

用wx.request是可以上传文件的，区别在于需要通过路径读取文件，上传文件，而wx.uploadFile的方法只需要用路径，无需读取文件。

原创 微信小程序下载图片的坑(包括获取保存图片的权限)

二、然后wx.authorize的弹窗在拉起一次拒绝申请之后就不会再触发，则需要进行权限判断去wx.openSetting跳转去设置，设置里面只会出现请求过的权限，只有允许访问保存图片功能才能成功调用 wx.saveImageToPhotosAlbum。一、一定要指定文件本地存储路径（不管图片还是文件），否则安卓机保存图片会一直失败，主要原因是微信临时路径带了.unkown后缀，而苹果机不会，

原创 【微信小程序】底部弹窗固定定位fixed+textarea，导致的adjust-position在安卓手机失效问题

然后我就尝试了第二种方法用scroll-view将高度设置为100vh时，将页面保持在视口高度，这个时候发现不管是弹窗是fixed还是absolute都无法让安卓手机的键盘弹出时textarea顶上去。对于底部弹出的组件我把它高度设置为正常高度+键盘高度，至于键盘高度则去监听键盘的弹出从而获取键盘高度,至于键盘高度变化这部分的动画效果用transition:all 100ms;安卓手机测试时候发现，fixed固定定位导致键盘弹出时，textarea无法正常被顶上去。

原创 微信小程序swiper使用

如果开发的时候swiper正常显示而上线时电脑端或者苹果手机用户出现看不到swiper-item里面的内容或图片问题，说明swiper没写高度或者swiper-item没写高度，写上高度一般就可以了，个人经验，仅供参考。

原创 微信小程序scroll-view+自定义导航栏+sticky元素吸顶

微信小程序scroll-view+自定义导航栏+sticky元素吸顶

原创 vue3 wangeditor富文本编辑器的基础使用

vue3 wangeditor富文本编辑器的基础使用

原创 vue3+elementplus切换成中文模式

vue3+elementplus切换成中文模式

原创 vue子父窗口监听

通过resolve和open打开新窗口，父窗口监听子窗口的关闭，如果关闭了进行其他操作

原创 css 滚动条样式修改以及动态显示

限定高度并overflow：auto时，溢出滚动时，滚动条出现，对滚动条的样式修改，并只有当鼠标经过时才显示

原创 移动端html适配

移动端html适配

原创 qq邮件html代码发送

qq邮件html代码发送

原创 vue项目跳转新页面滚动到顶部

vue项目跳转新页面滚动到顶部

原创 React NavLink高亮效果去除

React NavLink高亮效果去除

原创 wx.createCanvasContext 画布

wx.createCanvasContext 画布

原创 proxy反向代理

proxy反向代理

原创 vue局域网访问

vue局域网访问

原创 css变量--i，以及var(--i)的使用

css变量--i，以及var(--i)的使用

原创 小程序系统更新提示，并强制小程序重启并使用新版本

小程序系统更新提示，并强制小程序重启并使用新版本

原创 Echart学习简单配置

原创 node-xlsx导入导出

导出：nodejsconst NXlSX = require('node-xlsx')//导出 // 数据格式为[["hello","223"],["22","23"]];let buffer=NXlSX.build([{ name: name, data: datalist }])//把buffer返回给前端前端数据导出方法案例： let data = await this.$http({ method: 'get', url: '/接口', responseType

原创 nodejs实现从数据excel导出

nodejs：【1】npm inode-xlsx，引入，转为格式为[[],[],[]]的形式const NXlSX = require('node-xlsx') // const Mock = require('mockjs')module.exports = (headers, content, data, name) => { // console.log(data, 'kk') let datalist = [] for (let i = 0; i .

原创 自定义微信开发者工具swiper的指示灯样式

indicator-dots设置为false，关掉原生指示点 自己写个想要的指示点样式 <view style="position: relative;"> <swiper indicator-dots="{{false}}" autoplay interval="4000" circular style="height: 292rpx;" bind:change="dotchange"> <sw...

原创 vue项目使用webpack的require.context实现动态创建路由

autorouter.js文件function importAll(r) { let __modules = {} console.log(r.keys()) //可以得到一串数组，是所有以.vue为后缀的文件路径 r.keys().forEach(key => { let m = r(key).default let n = m.name || getfilename(m.__file) conso

原创 微信小程序eidtor富文本编辑器的使用，以及富文本插入图片传递到服务器

参考：EditorContext | 微信开放文档代码gitee地址https://gitee.com/kaka_333/editor富文本插入图片传递到服务器

原创 微信小程序getCurrentPages页面之间值的传递

通过getCurrentPages获得页面栈，页面栈可以拿到页面数据方法等等【1、当前页的数据给到前一页】prepagefunc(){let pages= getCurrentPages() let text='text' let pre=pages[pages.length-2] //前一页页面 pre.setData({ text }) wx.navigateBack({ delta: -1, })}【2、前一页的数据给到当

原创 nodejs文件上传

创建独立的uploadfile.jsvar path = require('path')var fs = require('fs')module.exports = (file, dir) => { // console.log(file) //创建写入流 const reader = fs.createReadStream(file.path) //以日期格式命名加随机数防止重名导致传入失败 let date = new Date()

原创 elementui图标表格

包含elementUI官网上的图标Element - The world's most popular Vue UI frameworkgitee代码地址：elementui-icontable: elementui的icon图标表格 - Gitee.com

原创 elementui的el-table的全部展开和全部折叠

//orgalist是数据数组，this.$refs.tablerefresh表单对象expandbtn() { this.expandall = !this.expandall //true console.log(this.expandall) this.orgalist.forEach((item, i) => { this.$refs.tablerefresh.toggleRowExpansion(item, this.expandall.

原创 nodejs数据库初始配置

npm install mysqlvar mysql = require('mysql')const pool = mysql.createPool({ host: 'localhost', user: 'root', password: 'root', database: '数据库名', port: 3306,})var query = function(sql, callback) { pool.getConnection(functio

原创 数据库SQL语句

1、连表查询`select resstatus.*,recruittext.* from resstatus join recruittext on resstatus.recruitid=recruittext.Id where recruitid in (${data.res}) and perid = ${data.userid}`2、模糊匹配`select * from recruittext where otitle like '%${search}%' or organame lik

原创 微信开发者工具笔记

1。触摸事件：bindtap，touch，click(延迟300s)2。长按时间：longtap，longpress3。阻止冒泡捕获：catchtap4。全局变量使用：在app.js里面globalData属性App({ globalData: { userInfo: '123', }})在其他页面使用//其他js文件var app = getApp();Page({ onLoad: function() { consol

原创 wxs文件

微信小程序中js函数中的一些的方法无法通过{{arr.indexOf（val）}}的形式使用，这个时候就需要通过自定义方法的方式实现在utils文件夹中创建wxs文件function indexOf(arr,val) { if(arr.indexOf(val)<0) { return false } else { return true }}module.exports.indexOf=indexOf在wxml文件中使用...

原创 uniapp图片头像剪裁kpsImageCutter

图片裁剪工具 - DCloud 插件市场单页面方式引入在vue页面文件引入import kpsImageCutter from "@/components/ksp-image-cutter/ksp-image-cutter.vue"; export default { components: {kpsImageCutter}, }<button @tap="chooseImage()">选择图片</button><image c

原创 html2canvas生成图片资源

npm ihtml2canvas在文件中引入中资源importhtml2canvas from ‘html2canvas’image() {html2canvas(this.$refs.workingarea, { //allowTaint: true是否允许跨域 //useCORS:true是否尝试加载跨源图像作为CORS服务，在返回到代理（用来解决图片跨域加载题） //width，height，宽高 allowTaint:..

原创 uniapp配置uview

插件市场：uView2.0重磅发布，利剑出鞘，一统江湖 - DCloud 插件市场配置之前要安装scss插件手动配置【1】在main.js中配置如下，一定要引入vue且引入uview一定在引入vue之后import Vue from 'vue'// 引入全局uViewimport uView from 'uview-ui'Vue.use(uView);【2】在App.vue文件中配置如下<style lang="scss" scoped> /*写在.

原创 高德地图获取定位

高德地图获取定位

原创 vue-amap简单使用

配置：npm install vue-amap --save【1】在main.js配置import VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({ // 高德key key: '自己申请的高德地图的key', // 插件集合 （插件按需引入） plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale',

原创 avue-input-map高德地图简单搜索（vue项目）

配置：在index.html配置如下，key 直接去高德地图申请即可<script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=自己的key值&plugin=AMap.Geolocation,AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder,AMap.PolyEditor'></script> <...