![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web
文章平均质量分 53
易01
软件开发工程师
展开
-
xlsx配合element-ui 中的table 多级表头导出excel
以前利用exceljs 做过 导出自定义样式的Excel文件,然而现在有需要表格的表头是多级的。这样会非常麻烦。要把没级表头重新拆开以最小表头为层级的数,还要去处理行与列的情况。这样工作量忒大了,直接裂开。所以这里直接用了xlsx 中的导table为excel的方式目录xlsx地址依赖安装引入`xlsx`和`file-saver`使用xlsx地址xlsx地址依赖安装1、安装xlsx依赖npm install xlsx -S2、安装file-saver下载excelnpm install.原创 2020-09-28 15:55:44 · 1408 阅读 · 1 评论 -
animejs基本使用
文章安装引入使用options动画参数更多安装npm install animejs 引入var anime = require("animejs/lib/anime");使用anime(options);例: 对一个id为 example 的 dom 高度进行从0 到 100的动画anime({ targets: '#example', height: [0, 100], duration: 300, easing: "原创 2020-09-11 17:02:12 · 2155 阅读 · 0 评论 -
Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#<Obj 解决方案
最近项目在 打包时出现错误:issue传送门造成这个的原因是因为:导入导出模块使用的规范不同,commjs和ES6的导出导入冲突解决方案在babel.config.js中增加sourceType选项module.exports = { presets: [ '@vue/app' ], sourceType: 'unambiguous'}千里之行始于足下...原创 2020-09-01 20:46:03 · 410 阅读 · 0 评论 -
微信公众号开发不能下载文件处理方式
在微信公众号网页开发,下载流文件,无效果。这里处理方式是直接打开连接在微信中预览~~~~使用window.open()打开连接预览(android是打开浏览器,ios是预览)~~~特此记录原创 2020-07-24 16:47:38 · 2501 阅读 · 0 评论 -
分享一款基于uniapp不错的UI框架
Dcloud 的产品早在mui,h5+的时候就在使用,当时的Dcloud ,文档混乱,示例混乱,社区混乱,导致出现很多问题。都找不到人解决。不过现在的Dcloud中uni-app横空出世,初步使用,虽然里面还是有不少问题,但是Dcloud的产品越来越向好的方向发展,社区也越来越壮大,这里也衷心希望Dcloud越来越好uView:uView的目标是成为uni-app生态最优秀的UI框架。组件:工具:模板:千里之行始于足下...原创 2020-05-15 15:43:06 · 23167 阅读 · 4 评论 -
分享一款模仿阅读器翻页的js插件
当年写android小说阅读器的时候的时候很多轮子。现在H5的时候也让我发现一款不错模仿阅读器翻页的插件Turn.js具体还没有接入使用,后面接入之后再分享使用原创 2020-05-14 22:58:29 · 2113 阅读 · 0 评论 -
覆盖一些组件库自己的样式
这里以Element UI为例方法一:在需要的 el 组件上增加自己的class比如,需要设置el-dialog的body背景色和高度.seller { .el-dialog__body{ background-color: #f5f5f5; height: 100%; }}又比如,这个seller下有两个dialog,一个全屏希望高度和背景色自定义...原创 2020-04-21 16:28:16 · 916 阅读 · 0 评论 -
NodeJs+Express+MySql服务搭建
记录基于Node的Web平台开发以及其框架的使用目录Node安装MySql安装Express连接数据库Node安装下载安装你所需要的node版本 node地址验证是否安装成功 node -v为了后面Express的安装不出问题,这里设置淘宝镜像永久使用 npm config set registry http://registry.npm.taobao.org通过npm con...原创 2020-03-10 16:59:10 · 574 阅读 · 0 评论 -
子组件内单流向改变为双流向改变父组件内的数据
以前用element分页的时候,有个sync一直没去想为啥要用这个<el-pagination @current-change="handleCurrentChange" :current-page.sync="pageNumber" :page-size="pageSize" layout="prev, pa...原创 2020-01-08 10:26:14 · 103 阅读 · 0 评论 -
VueCli3以下获取process.env.NODE_ENV数据
参考对于VueCli3配置不同环境变量,请参考: vue-cli3创建项目而对于Vuecli3以下的则要注意使用cross-env去设置变量!以开发环境说明运行脚本"scripts": { "dev": "cross-env node build/dev-server.js" }config中的dev.env.jsmodule.exports = { NODE_E...原创 2019-12-27 15:57:46 · 18689 阅读 · 0 评论 -
v-model 循环中绑定动态变量
最近遇到这么个场景的问题,一个页面中数量不定的报表,而每个报表不同点只是字段不同以及生产报表的地址不同而已,这个时候可以使用v-for去动态生成组件。字段也是动态生成,这时候就遇到了问题—>...原创 2019-12-25 11:25:21 · 14702 阅读 · 12 评论 -
Vue中使用axios下载流图片并显示
使用axios下载流验证码的图片,并显示。其中使用responseType为blob,具体参考我的博文:下载文件,跨域获取Response Headers中响应头,以及IE无法下载文件只不过这里是使用saveAs进行下载文件,而这里就需要去获取URL然后显示所以改造(其中fetch是axios的封装)Vue.prototype.$downloadFileAxios = functio...原创 2019-12-25 10:58:24 · 4213 阅读 · 1 评论 -
keep-alive中max的使用
现有一个系统A通过Iframe集成到t其他系统B中。而A系统使用了keep-alive。如果A系统单独运行是有小标签的,关闭小标签,就不缓存关闭的组件,而现在集成到B系统中,那么我打开一个页面就等于缓存一个页面,而又无标签关闭,导致在IE浏览器中卡死,现在就解决这个。方案一 :B系统关闭标签通过postMessage 信息传递到A系统,让A系统自己调用关闭标签栏的动作,其实就是配合exclu...原创 2019-12-17 11:14:23 · 3230 阅读 · 1 评论 -
动态更新进度条时,没有更新的过程,直接100%
最近有个后端同事在写更新进度条遇到了一个问题,进度条马不停蹄,直奔100%!!!!,这让我来了兴趣!他的代码大致如下:var todo=0;var progressNumber=0;//进度条do{ ajax(){//ajax已经设置为同步 更新progressNumber }}while(progressNumber<100)初看是没得问题。但是效果就是直接奔...原创 2019-12-13 15:02:38 · 1134 阅读 · 0 评论 -
Vue-CLI3 引入bootstrap以及Jquery等
Vue-CLI3引入boostrap以及jquery等第三方css以js等安装 bootsrapnpm install bootstrapmain.js全局引入 bootsrapimport 'bootstrap'import 'bootstrap/dist/css/bootstrap.min.css';启动运行,报错因为bootstrap会依赖jquery以及Popper...原创 2019-12-11 17:02:45 · 599 阅读 · 1 评论 -
FileReader中readAsBinaryString方法在IE中使用报错以及替代方法
最近使用了读取本地Excel,blob数据时,使用了FileReader中readAsBinaryString方法,然后报错查了资料才知道,这个方法17年就已废除,而且建议不要再生产环境使用(然而我还是大胆的使用了他,就这么刺激,哈哈~)而不能使用,自然也是给了可替代的方法==>传送门咻咻~...原创 2019-12-05 15:29:46 · 3425 阅读 · 0 评论 -
Element-UI配合xlsx提取Excel中的数据
配合Element中的el-upload组件进行提取Excel中的数据XLSX使用:1.npm install xlsx2.import XLSX from "xlsx"核心代码 /** * @description: 导入excel并进行数据提取 * @return: */ Vue.prototype.$importExcel = funct...原创 2019-12-03 18:03:53 · 1705 阅读 · 0 评论 -
IE浏览器下访问后端,后端代码无响应
近来遇到一个奇葩问题,在Chrome浏览器下,接口请求数据(get),后端Debug模式可以响应,而IE下一点反应都没有,一脸懵逼~~~~后查证得知IE下,get请求,若请求接口一致的情况下,它会直接从缓存里取所以解决办法有以下方式1、直接在url后面拼接时间戳例: http://xxxx?time_stamp=" + new Date().getTime()2、增加请求头 If-M...原创 2019-12-03 11:19:04 · 737 阅读 · 0 评论 -
下载文件,跨域获取Response Headers中响应头,以及IE无法下载文件
最近遇到一个在跨域的情况下无法下载excel文件的问题(我的项目通过Iframe集成到他人系统上)核心代码下载文件通过boldimport { saveAs} from 'file-saver';axios({ method:'get', url:'下载文件地址', responseType:'blob'}) .then(function(response) ...原创 2019-11-20 17:24:27 · 2151 阅读 · 2 评论 -
添加阿里巴巴矢量图标
增加阿里巴巴矢量图修改前缀上述图中重点就是前缀以及Font Family下载关键文件iconfont.css@font-face {font-family: "scmFontFamily"; src: url('iconfont.eot?t=1574155673020'); /* IE9 */ src: url('iconfont.eot?t=15741556730...原创 2019-11-19 17:34:06 · 611 阅读 · 0 评论 -
运行打包好的文件夹并运行
对打包好的项目进行运行。安装servenpm i -g serve返回到打包好的目录cd dist运行启动serve原创 2019-11-19 11:36:14 · 279 阅读 · 0 评论 -
匹配非特殊字符正则
对正则一直都不太熟悉,这里记录一则工作中遇到的正则,需要要求匹配汉字、数字、字母,而特殊字符排除在外而\u4e00-\u9fa5标识汉字0-9标识数字A-Za-z标识大写小字母 let charCode= ")" //模拟输入 let regx = /^[\u4e00-\u9fa50-9A-Za-z]*$/; if (regx.test(charCode)) { ...原创 2019-11-19 10:11:10 · 5220 阅读 · 0 评论 -
源码上传 github
安装git过程略一。新建repository填写信心之后,点击Create repository二。右键你要上传的项目点击Git Bash Here进入当前项目直接命令如下1.git init2.git add README.md3.git commit -m "first commit"4.git remote add origin https://github.com/w...原创 2019-10-31 16:41:40 · 239 阅读 · 0 评论 -
Vue cli3 插件开发并发布到 npm
目录开发配置发布遇到的错误开发Vue/cli3开发插件创建项目并新增目录结构编写index.js并导出import vueDialogservice from './dialog/dialog.vue'export default { install: function (Vue) { const vueDialogserviceInstance = Vue....原创 2019-10-31 16:22:38 · 719 阅读 · 0 评论 -
深拷贝与浅拷贝的区别和理解
深拷贝和浅拷贝区别使用浅拷使用循环遍历赋值sliceconcat深拷使用总结一般拷贝的使用场景主要是,将对象或者数组赋值到新的变量中。但是这样就会出现一个问题,当改变新的对象或数组时,源数组或对象也会发生改变,那么这个时候要根据实际情况使用深度拷贝,还是浅拷贝,这里不能一股脑的使用深度拷贝,毕竟深度拷贝对于性能的消耗还是蛮大的区别浅拷贝: 将原对象或者原数组直接赋给新的变量,这里赋值的对...原创 2019-10-15 17:35:40 · 391 阅读 · 0 评论 -
IOS和Android平台,移动web跳转百度、高德地图
最近项目遇到移动web需要跳转不同的地图进行导航。因为本项目是基于mui+h5+开发的,本以为[mui官网](http://www.html5plus.org/doc/zh_cn/maps.html#plus.maps.openSysMap)会有相应api,会很简单,岂料,真是一把血泪史。看mui官网也有不少人在这上面走弯路,我也再次记录之。原创 2019-04-28 15:29:36 · 4419 阅读 · 0 评论 -
element rules 表单验证遇到if-else问题
最近在做项目的时候,发现v-if来去做相同dom的显示与否的判断。显示是没问题的,但是配合Element-UI , Form做Rlue验证的时候,出现无法验证的问题。原因为 Vue中的虚拟Dom节点相同,一些dom节点复用问题。vue官网可知,使用key来加以区分...原创 2018-12-10 10:52:52 · 2116 阅读 · 0 评论 -
webpack 跨域代理设置
webpack跨域代理设置配合服务端说明:原创 2018-12-10 10:43:25 · 2138 阅读 · 0 评论 -
在Vue 单页面中做锚点定位
公司项目中,有个保存表单的页面有很多必填字段校验。而现在增加需求,点击保存的时候,自动跳转到必填的地方。撸起袖子干起来将要跳转的HTML页面 加个ref<template> <div class="app-container calendar-list-container company-form"> ...//省略 <tr ref="...原创 2018-11-29 15:59:05 · 7982 阅读 · 2 评论 -
Vue+webpack IE11兼容性问题
打开IE11空白页,存在兼容性问题,发现是IE无法转ES6转为ES5一般在webpack.base.conf.js加入以下代码entry: { app: ["babel-polyfill", "./src/main.js"] },实在不行再在main.js导入import 'babel-polyfill'//兼容IE11运行发现还是不行报错...原创 2018-09-12 17:57:17 · 7750 阅读 · 3 评论 -
Springboot 之文件上传下载
JAVA SpringBoot学习之文件上传下载客户端的图片下载分为两种,一种是以流的方式,一种是直接给个url地址进行展示。这里分别以两种方式记录,文件的上传下载文件上传:application.yml配置地址fileConf: savePath: C:\workspace\pragrammerFile\ visitPath: http://localhost:8760/...原创 2019-04-29 15:02:42 · 210 阅读 · 0 评论 -
vue-cli3创建项目
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。重新安装最新版...原创 2019-05-21 21:08:58 · 1821 阅读 · 0 评论 -
Angula8 开发(一)
目录大纲1.准备工作1.1.开发工具1.2.开发插件1.3.功能1.4.环境初试创建应用添加NG-ZORRO封装服务 http拦截和统一响应请求处理集成MoePlayer之Aplayer1.准备工作1.1.开发工具开发工具:node,vscode1.2.开发插件所需主要开发插件:Angular 8 Snippets,Angular Files、Angular LanguageSe...原创 2019-06-21 16:15:02 · 1485 阅读 · 1 评论 -
Angular8 开发(二)
前面已经说到了基本的集成可开发准备工作,Angular 开发(一)。接下来开始逻辑部分的编写目录大纲段子列表获取,路由跳转详情获取段子详情音乐列表搜渲染搜索的音乐列表和播放音乐总结段子列表获取,路由跳转详情新建段子列表的组件:ng g c newList 命令的方式会自动在app.module.ts中导入相关组件,declarations中自动声明 NewListComponent...原创 2019-06-24 14:19:35 · 7695 阅读 · 3 评论 -
Vue服务式全局调用弹出框插件
公司项目突然要增加一个这么一个功能:对添加的产品进行对照,如果产品不正确,那个对不正确的产品在弹出框中展示出来,而由于涉及的页面比较多,如果一个一个去写弹出框,在写逻辑太过于麻烦。方案一直接写个组件插件,然后在需要的地方引入组件:productCheckResult.vue:<template> <div> <el-dialog ...原创 2019-08-16 13:01:14 · 2701 阅读 · 2 评论 -
导出自定义样式的Excel文件
Excel导出功能准备工作引入项目建立导出模板核心导出逻辑使用准备工作这里因为sheetJs带样式的导出是需要付费的,那么这里就只能使用excelJs来做带样式的导出了ExcelJs官网引入项目excelJs主要多用于node服务端。这里我是Vue的单页面项目,要使用浏览器版本。那么可以如下方式引入1、直接cdn引入<script src="https://cdnjs.cl...原创 2019-09-10 15:05:20 · 2001 阅读 · 0 评论 -
构建项目node-sass报错>>Module build failed:Error:Node-Sass not yet current environment:windows 64-bit
最近因为要把项目在内网的云机上运行,所有的依赖都不能通过外网下载,所以需要把依赖直接copy到内网云机上,这个时候运行构建的时候报了一个错误错误Module build failed:Error:Node-Sass not yet current environment:windows 65-bit with Unsupported runtime(72)...For more inform...原创 2019-10-10 10:13:19 · 272 阅读 · 0 评论 -
Visual Studio Code离线安装插件
有些环境内网环境不能访问外网,要使用离线安装插件下载官网输入你要下载的插件,点击Download Extension打开VsCode 点击插件,选中你要安装的插件以上即可安装成功~...原创 2019-10-10 10:32:02 · 2747 阅读 · 1 评论 -
H5 移动端Input File 文件上传以及后端接收
前端部分前端部分主要用ajax 上传Base64字符串码$("#fileInput").live("change", function() { var path = $(this).val(); var showfilename = $(this).parent().parent().prev(); //展示...原创 2018-09-12 17:56:06 · 14074 阅读 · 0 评论