前端
关注
分享
扫一扫
文章平均质量分 52
Code神之手
人生辗转，起伏无常。活在当下。
1.01的365次方=37.78343433289>1；
0.99的365次方= 0.02551796445229<1
展开
-
vue table复杂表格导出excel（支持多表头、合并单元格、边框、居中、背景等自定义样式）
需要导出的table表格样式常规导出的excel效果图复杂(多表头、合并单元格等等)导出的excel效果图安装npm install file-saver --save npm install xlsx --save npm install xlsx-style --save引入import XLSX from "xlsx";import XLSXStyle from "xlsx-style";import FileSa...原创 2021-10-13 19:05:11 · 8079 阅读 · 9 评论 -
vue el-table表格数据,不分页,鼠标滚动实现数据懒加载
当前有一个需求，页面不分页，又想在一页显示全部数据，这个时候其实就可以用数据懒加载。随鼠标滚动到滚动条末尾，自动加载下一页的数据。create的时候默认加载20条数据这里差不多到末端了鼠标滑到末端后，触发加载第二页数据代码实现：先定义个table (getPageBodyHeight 方法是我通过页面自适应监听页面宽高变化，之前帖子有栗子，计算table的高度，简单点的可以自己设置固定高度)<el-table border .原创 2021-10-13 11:20:18 · 11616 阅读 · 1 评论 -
Vue前端开发页面高/宽自适配 js中动态获取页面的高度和宽度
问题描述前端页面往往由于屏幕分辨率大小不一,导致样式错乱,使得在不同分辨率的电脑上,数据也因此变成乱成一堆.正常情况下显示条件宽度不够导致异常显示情况下(按钮被挤到下一行了)因此,计算table的高度时,就必须动态获取页面的高度和宽度js动态获取页面的高度和宽度<div id="css_page_adapter"> <div style="width: 100%; min-width: 1300px;"> <sp..原创 2021-08-19 16:51:15 · 3618 阅读 · 1 评论 -
vue中字符串文本长度超出显示省略号...及悬浮显示全部文本
效果图<el-form-item :label="$t('operationStockInAccept.reasonForReturn') + '：'"> <span class="spanStyle" :title="warehousingEntry.enterReason">{{warehousingEntry.enterReason}}</span></el-form-item>ps:需要设置span 的title属性，这个属性.原创 2021-02-04 10:03:45 · 8468 阅读 · 6 评论 -
关于js search函数用法()不匹配/没有检索到指定的子字符串中包含有括号的问题
js 的search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。stringObject.search(regexp)返回值stringObject 中第一个与 regexp 相匹配的子串的起始位置。注释：如果没有找到任何匹配的子串，则返回 -1。问题：关于js search函数用法()不匹配/没有检索到指定的子字符串中包含有括号测试字符串 t-万克士(ValueMax)木头直柄麻花钻头如图解决办法：用 indexOf...原创 2021-01-25 18:08:01 · 1127 阅读 · 0 评论 -
前端element-ui Loading全屏全局加载动画(路由跳转和拦截请求触发)及自定义Loading图标
目录自定义加载Loading图标效果图基于封装axios请求的request.js实现自定义Loading图标集成Loading后的request.js完整代码基于Vuex的方式实现全屏全局加载官网element-ui的loading组件介绍自定义加载Loading图标效果图基于封装axios请求的request.js实现未集成loading的request.jsimport axios from 'axios';import {Messag...原创 2021-01-21 15:42:40 · 10063 阅读 · 1 评论 -
前端表单填写复杂场景,el-form中嵌套table进行表单必填字段自定义校验规则,column中用slot-scope=“scope“插槽方式定义列
目录效果图前端代码实现效果图触发自定义el-form-item中的定义的校验规则其他移动类型的页面前端代码实现<template> <div id="businessBatchOperation"> <page-back-header :page-name="$t('sidebar.businessBatchOperation')"></page-back-header> ..原创 2020-12-31 10:26:03 · 1742 阅读 · 0 评论 -
前端之el-tree＋el-Popover 弹出框联动，封装成供选择信息的弹窗Dialog
效果图图一图2：选择的数据回显图3：已选的数据，如果重新打开分类下的Popover 弹出框，会自动打上勾。如果点击删除数据，会自动出去打勾。页面描述当选择分类树的某一个分类后(如苹果手机)，判断是否为叶子节点，如果非叶子节点，则不加载Popover 弹出框。如果为叶子节点则加载第一个Popover 弹出框。第一个Popover为产品某个分类下的产品(如苹果12)。当选择了某一产品后，则加载第二个Popover 弹出框，显示产品下对应的产品规格属性列表(如苹果12的颜色：白原创 2020-12-31 10:08:47 · 4832 阅读 · 0 评论 -
el-button之slot=“prepend“和slot=“append“ 用法及区别
<el-button slot="append"></el-button> 里的 slot="append" 就是一个UI摆放的位置,其实就是封装的样式布局。append：代表放在紧贴在依赖组件的后面prepend：代表放在紧贴在依赖组件的前面前端vue文件部分代码：<template> <div id="material_stock"> <page-back-header :page-n...原创 2020-10-20 10:02:15 · 19327 阅读 · 2 评论 -
vue npm install拉取phantomjs-2.1.1-windows.zip慢问题解决
PhantomJS not found on PATHDownloading https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zipSaving to C:\Users\mocar\AppData\Local\Temp\phantomjs\phantomjs-2.1.1-windows.zip百度云盘下载链接:https://pan.baidu.com/s/1l1..原创 2020-08-18 10:02:46 · 1432 阅读 · 0 评论 -
postman能请求到后端接口,.HttpMessageNotReadableException: I/O error while reading input message； nested exce
postman能请求到后端接口,.但是前端发送请求，怎么请求，后端接口都没响应....前端项目是vue-element-admin报错信息：HttpMessageNotReadableException: I/O error while reading input message; nested exception is org.apache.catalina.connector.ClientAbortException修改mock-server.js文件修改两部分内容,具体内容.原创 2020-08-07 00:21:09 · 7042 阅读 · 1 评论 -
前端js localStorage存取对象
对于对象的localStorage存储，需要先JSON.stringify(对象) 将对象转成json取的时候需要JSON.parse()将json转成对象即可localStorage.setItem("jumpEditOrderRowData",JSON.stringify(this.orderDetail)) //存console.log("路由进入activated赋值:" ,this.orderDetail)console.log("jumpEditOrderRowData:" , .原创 2020-07-30 18:52:20 · 2389 阅读 · 0 评论 -
vue之父子通信，父调子方法和子调父方法写法
子调父的方法先设置一个变量定义方法 <ContactDialog :defined-dialog-width="definedDialogWidth" :dialog-table-visible="dialogTableVisible" :editFlag="editFlag" :contactCustomerInfo="contactCustomerInfo"原创 2020-07-27 16:47:06 · 2067 阅读 · 0 评论 -
Linux安装NodeJS和Elasticsearch-head插件
Elasticsearch-head插件 ：git下载地址https://github.com/mobz/elasticsearch-head#running-with-built-in-serverElasticSearch 7.2版本elasticsearch.tar.gz百度云盘下载IK分词器 elasticsearch-analysis-ik-7.2.0百度云盘下载kibana-7.2.0.tar.gz百度云盘下载logstash-7.2.0.tar百度云盘下载node.原创 2020-07-23 02:34:09 · 353 阅读 · 0 评论 -
Linux npm install Saving to /tmp/phantomjs/phantomjs-2.1.1-linux-x86_64.tar.bz2非常慢解决
下载phantomjs-2.1.1-linux-x86_64.tar.bz2链接：https://npm.taobao.org/mirrors/phantomjs//phantomjs-2.1.1-linux-x86_64.tar.bz2下载 好PhantomJS 文件后，将该文件拷贝到 /tmp/phantomjs 目录下：[root@localhost ~]# cd /tmp/phantomjs/[root@localhost phantomjs]# ls[root@localhost原创 2020-07-23 02:00:51 · 778 阅读 · 0 评论 -
vue封装element组件库中的封装通用table，是否启用多选、按钮及是否分页,样式可自定义设置
页面效果封装的组件4个重要变量:columns：传入需要显示的列数组options：设置table属性样式数组operates：行数据操作按钮数组pagination：分页数组页面:<template> <div class="report-body"> <div class="filter-query"> <el-form :inline="true" :model="queryForm..原创 2020-07-20 01:32:39 · 947 阅读 · 0 评论 -
关于通过前端xslx解析excel日期格式数据转化问题以及自定义时间格式YYYY-MM-DD转化
如果excel中内容如下，需要解析时间格式的内容XLSX.read会默认解析为天数的时间戳字符串（从1900年算起到当前日期的天数）如果想让xlsx帮我们解析时，就完成解析时间格式，只需要加上如下配置即可 const workbook = XLSX.read(data, { type: "binary", cellDates: true,//设为true，将天数的时间戳转为时间格式});再看转换后的结果（转成了中国标准时间）我...原创 2020-07-16 09:41:24 · 8087 阅读 · 9 评论 -
vue前端xlsx解析excel文件，前端校验数据格式，分流发送到后端校验数据冲突及插入
目录excelUtils.jsdemo（excel上传页面）自己封装解析excel文件的excelUtils.jsfunction excelUtils(){ async function getAllDataOfSheets(file) { return new Promise(function (resolve, reject) { const fileReader = new FileReader(); let excelName原创 2020-07-16 09:19:30 · 3966 阅读 · 0 评论 -
关于npm install解决Cannot download https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x6
直接执行下面语句即可npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/原创 2020-05-25 21:42:16 · 1872 阅读 · 0 评论 -
前端打包到私服和项目集成笔记
前端打包改版本号改readme文件先看项目是否能正常跑npm run buildnpm publish成功发布到svn的仓库上拉去一份前端代码（branches/tag/trunk）然后进入项目的trunk目录下打tag,Branch/tag 改个tag的版本号即可。aps（aps不用打包）改aps下的vslm的版本号，sider以及app.vuesys和ap...原创 2020-04-17 17:07:13 · 385 阅读 · 0 评论 -
使用uploadify插件的uploadifive上传对接fastdfs及文件回显，$('#file_upload').uploadifive异步请求以及参数的详细介绍
Uploadify的js和css样式git下载地址：https://github.com/RonnieSan/uploadifyUploadifys需要依赖于jq，所以在引入Uploadifys的js之前，需要先引入jq项目结构：$('#file_upload').uploadifive方法参数介绍：<script type="text/javascri...原创 2020-04-14 11:54:24 · 1487 阅读 · 0 评论 -
前端语法汇总笔记
日行积累...event.target.tagName：tagName属性，返回的就是元素标签的大写名称<button v-on:click="greet">Greet</button> methods: { greet: function (event) { // `this` 在方法里指向当前 Vue 实例 alert('...原创 2020-04-13 10:54:16 · 321 阅读 · 0 评论 -
前端页面布局，初步搭建论坛架子学习笔记
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div class="divbkg"> <div class="divside"...原创 2019-12-09 18:47:37 · 337 阅读 · 0 评论 -
前端页面布局div学习笔记
margin:div之间的间隔,不影响div的尺寸大小border :div边距，一般用于显示div的位置padding：一般用于调整div里的内容位置属性：left/right/top/bottom代码块：<!DOCTYPE html><html> <head> <style> /* 样式分为id和class样式...原创 2019-12-09 13:29:26 · 342 阅读 · 0 评论