艾路菲尔-CSDN博客

导出的数据表格数量是动态的。可以是多个也可能是单个。于是想到了定义不同的sheet来放置不同的表格数据。但是这里表格的数量不确定意味着声名的sheet变量也不确定查了动态变量的定义有通过eval实现 for(var i=1;i<=8;i++){ eval("var set_" + i + "=" + i); }但是这种占内存一般选用的数组定义 let sheetArr = []; for (let i = 0; i < tlength; i++) { sheetArr

2022-03-11 11:30:07 567

原创小程序wx.onLocationChange向下兼容wx.getLocation

由于wx.getLocation新版有了频率限制，好好的定位接口不能再频繁调用。只能用新版的wx.onLocationChange，但是新版的wx.onLocationChange必须在2.8.1以上才能使用。最后没办法只能做向下兼容首先判断当前微信的版本号，这里我用了当初判断ios机型的api来获取版本号，存储在全局里面wx.getSystemInfo({ success: (res) => { if(res.platform == "ios" || res.s

2022-02-17 18:29:22 1727

原创 gulp4.0构建自动化项目

gulp的官网虽然提供了api说明，但实际构建一个自动化项目还需要安装各种依赖。网上查询了很多资料，大部分不完整或者但具体构建的时候总会因为各种依赖版本原因报出异常。这里通过参考资料再结合自己的需求做了一套基本的配置加说明首先安装依赖方面package.json{ "name": "glupdemo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "gulp de

2021-12-30 15:48:27 735

原创 vue中使用组件时事件想要传递其他参数的问题

今天在用ant design 的组件时其封装好的事件已经包含了参数，而我需要在该事件中传index判断点击的第几个元素的事件经过查询资料结果 <a-tree-select :disabled="!items.change" size="small" :value="items.departmentId" :replace-fields="re

2021-12-23 19:26:51 359

原创小程序图片裁剪组件基于image-cropper（修改版）

公司的小程序产品突然让把之前做的压缩图片上传加一个裁剪缩放选中功能。我…从微信社区里找了一下，目前最火的image-cropper插件地址有一说一这款插件的功能文档描述得挺全的（不像某信写的文档）,看了一下源码，用的小程序的自定义组件直接复制组件到compoents里就可以使用了。不过样式明显不符合自己的需求。经过一番修改最终的效果：正当我以为弄完了，结果在保存图片的时候发现了一个问题：裁剪保存的图片会有一定程度的失真，分析了一下原因。这里我注意到在生成图片的时候是基于裁剪框乘以固定的比例

2021-09-30 10:56:51 6028 2

原创 vue多个表格数据合并导出excel（sheetjs或exceljs）

最近公司有个需求每周要查看一次数据统计，页面有个四个表格内容其中一个需求要求把四个表格的数据导出到一个excel里面

2021-09-28 14:42:06 4682 10

原创小程序顶部自定义标题栏高度自适应

因为不同手机状态栏的高度不同，首先需要在一开始的app.js里面获取当前设备的状态栏高以及机型App({ onLaunch: function () { this.getVersion() }, globalData: { version:'', // 小程序基础库版本号（兼容小程序api用） barHeight: 0, // 手机状态栏的高度 isIos: false, // 是否为ios }, getVersion() { let _se

2021-08-31 10:39:06 1606

原创 css展开收起动画

需要展开的div.floatbg{ transform: scaleY(0); transition: transform 0.2s; transform-origin: top center; } 点击展开时追加acitve .active{ transform: scaleY(1); transition: transform 0.2s; transform-origin: top center; }...

2021-03-23 14:16:06 3788

转载 vue非vuex全局属性

因为之前开发小程序可以在app.js里面定义一个全局变量，调取非常方便nvue状态管理使用vuex,如果项目不大，逻辑不多，name我们没必要用vuex给项目增加难度，只需要用$root设置vue实例的data就行了，如下main.jsnew Vue({ data(){ return{ loading:true } }, router, store, render: h => h(App)}).$mount('#app')a.vuecrea

2021-02-24 15:40:43 127

转载 web前端响应式网站图片优化

https://www.jianshu.com/p/b55e951e9f03

2021-01-19 10:15:00 102

转载 js根据身份证获取年龄

// 根据身份证获取年龄const GetAge = function(identityCard) { let len = (identityCard + "").length; let strBirthday = ""; if (len == 18) { //处理18位的身份证号码从号码中得到生日和性别代码 strBirthday = identityCard.substr(6, 4) + "/" + identityCard.substr(10, 2) + "/" + i

2021-01-12 16:07:32 2087

转载小程序热启动更新热更新

具体实现原理：微信小程序app.js 里面的onLaunch生命周期是会在切换到后台超过5分钟后切回前台时触发此时调取更新api即可更新转载代码

2021-01-04 17:01:36 1290

转载 vue动态生成表单

转载(https://www.jianshu.com/p/5bb791ba303d)思路先写好各个可能会出现的表单或者自定义的组件，引入。此时后端可能会给到一个对象型数组，每个对象有要渲染组件的一个类型标识利用component is 动态组件，根据不同的组件类型标识，渲染展示不同的组件在利用组件的数据通信去收集各个子组件的数据实现demo三个表单组件，用了element-ui，此处用了自定义组件的v-model来收集子组件的数据//InputComponent.vue 要渲染的子组件

2020-12-28 10:55:59 1322

转载？可选链操作符es6

当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有帮助的。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/%E5%8F%AF%E9%80%89%E9%93%BE...

2020-12-02 10:24:08 473

原创小程序wx.downloadFile下载pdf并保存

查了很多资料，小程wx.downloadFile(Object object)下载的pdf文件只能保存在小程序的文件目录内（藏得很深用户一般找不到），跟随小程序的删除而被清理。图片和视频倒是可以通过api保存到系统相册中。pdf这类的文件只能通过wx.openDocument预览的时候开启右上角转发或者引导用户复制下载链接用浏览器打开来下载。按官方的说法下载的本地文件分三类链接地址这里选择的是pdf下载下来让用户预览的时候自己选择是否转发保存出来。一开始我参考了百度的方法通过 wx.downlo

2020-11-27 16:16:14 17889 6

原创小程序get请求多个同名参数（适用于h5请求）

经测试需要用到qs的格式化数组的方法qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })// 'a[0]=b&a[1]=c'qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })// 'a[]=b&a[]=c'qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })// 'a=b&a

2020-11-25 15:56:52 1148

原创 flex 换行每行子元素对齐

display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;

2020-11-10 09:50:03 791

原创小程序横向周月历，js计算当前时间后一个月对应日期

项目要求实现这样的效果网上找了一下，感觉都比较繁琐，与实际预期有差距，于是自己尝试写了一下首先js计算出下一个月的日期 // 计算当前后一个月的日期 initDate(){ let weekArrFont = ['周日','周一','周二','周三','周四','周五', '周六']; let oneDay = 24 * 60 * 60 * 1000; let monthDate = []; let newDate = new Date().getTime();

2020-10-10 11:45:08 701 1

原创可视化数据大屏echarts地图省份地区绘制并轮播切换地区数据

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-09-30 10:17:45 2946

原创正则去除括号内容

item.name = item.name.replace(/[\（(].+?[)\）]/g, '')

2020-09-24 10:20:36 1376

原创网页能打开接口访问不了

昨天项目上线测完正常，结果晚上回去突然群里发消息服务器挂了，赶紧打开网页查看，页面能访问，但是请求全部访问超时，也不报错。悲催的后台老哥被领导急匆匆喊去修复，排查了半天，就是没问题，在一次打开微信开发工具调试接口发现正常。才发现是证书过期了...

2020-09-10 09:15:46 571

原创微信小程序注意事项

1.小程序自定义组件嵌套组件id选择器样式开发工具有效，真机上无效，应用class选择器2.自定义组件一些方法要生命this

2020-09-09 09:59:55 285

转载 vue定制地图Openlayers

https://blog.csdn.net/u012413551/article/details/102635300

2020-09-09 09:56:14 420

转载 vue svgaplayerweb 引用svga实现动态背景图

https://www.cnblogs.com/wxx-17-5-13/p/12936107.html

2020-09-04 15:52:50 1594

原创小程序离线消息通知、消息推送

公司管理小程序需要做到关闭小程序后能收到审核通过或驳回得消息通知，短信推送的成本太高，查询了一下小程序的文档，有一个订阅消息，但是只能一次性订阅点一次订阅只能接收一次推送，微信没有对一般企业开放长期订阅的模板消息，明显不符合业务逻辑需求。而统一服务消息查询官方公告已经下线，不知道为什么文档上还有。于是考虑采用公众号模板消息推送：（）具体思路是通过小程序webview授权拿到公众号openid并绑定对应小程序的用户。然后服务端根据小程序发送的审核通过请求去找下一个人的公众号openid进行模板消息发送。接

2020-08-26 13:39:59 2038 1

imagecropper修改版.rar

空空如也