- 博客(25)
- 收藏
- 关注
RSS订阅原创 C-Lodop使用及常见错误排查
c-lodop算是国内前端较为常用的一款打印控件,官方也在持续维护.特此记录使用方案和日常出现的问题.控件信息 C-Lodop 4.141(32位) 项目框架 vue-cli 3 安装建议在官网直接下载最新稳定版32位安装包(兼容64位),以管理员身份安装.默认端口如下:引入思路:以动态插入<script>标签的形式引入本地js,initLodop(){ let lodopJs = document.createElement("script".
2021-09-28 10:27:56
9157
原创 IntelliJ IDEA运行Applet
(1)基础信息IntelliJ IDEA 2018.3.3 (Ultimate Edition)JRE: 1.8.0_152-release-1343-b26 amd64JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.oWindows 10 10.0(2)IDEA配置以HelloWorld.java为例:点击工具栏-Run-Edit Configurations,选择新建的applet,运行即可.成功√...
2021-09-07 16:28:36
1823
原创 vue路由切换后数据及滚动条保持不变
场景Vue移动端单页面应用,首页→列表(刷新)→详情,详情→列表(不刷新)→首页.思路利用<keep-alive>缓存列表页实例,通过列表页的beforeRouteLeave导航守卫存储参数isRefresh到localStorage,从而在每一次进入列表页组件的active生命周期依据isRefresh进行刷新或滚动条scrollTop设置.keep-alive<keep-alive>可以缓存其包裹的动态组件实例,但它本身只是一个抽象组件,并不会在页面渲染,props
2020-07-06 09:56:44
937
原创 日程表组件FullCalendar(V4.4.1)使用小结
FullCalendar是一款功能强大，用法简单的js日程表组件，目前已支持React，Vue和Angular三大主流框架。最近Vue项目需要日程表进行数据的增删改查，通过官方文档和demo顺利完成，在此特意记录下使用FullCalendar的踩坑过程。1.组件下载FullCalendar属于用啥下啥模式，官网罗列了各组件包详情，支持Package，zip和CDN三种下载方式，直接npm下载npm install --save @fullcalendar/vue @fullcalendar/i
2020-06-08 16:45:23
1377
4
原创 一个很奇怪的ajax同步方案---回调+循环定时器
一个很奇怪的ajax同步方案------回调+循环定时器ajax请求回调很多,使用setInterval监听,记得一定要清除let result = {};//嵌套的连续ajax请求function myAjax(){ let resObj = {}; //success或error回调里判断并操作返回值后执行下一步请求 //嵌套太深,没有使用return $ajax(.....
2019-12-04 10:57:38
218
原创 ES6---Promise对象解决异步编程
ES6---promise解决异步编程自2015年6月ECMAScript 6.0正式发布以来,块级作用域,解构赋值,async函数等新特性让js编程有了更多可能.其中的重磅------Promise对象更是异步编程的更强大更完善的解决方案.小demo如下: let p = new Promise(function (resolve, reject) { let res ...
2019-12-04 10:05:34
196
原创 前端soap实例---发送请求+解析响应
前端soap实例---发送请求+解析响应近日项目中调用webservice服务需要使用soap(简单对象访问协议).简单总结一个demo,主要是soap的结构,请求头的设置和响应的解析,按接口要求拼接soap的xml串,/*基础结构<soapenv:Envelope xmlns:soapenv="..."><soapenv:Header></soapen...
2019-11-08 14:49:05
1500
原创 vue+axios实现带文件表单上传
vue+axios实现带文件表单上传最近vue项目中需要实现带图片的表单上传功能,业务场景如下:使用element-ui的upload组件,当然也可以利用原生input标签设置type='file’结合jquery实现文件选择和获取,重点在于获取file对象并使用FormData对象传参,代码如下: <el-upload style=...
2019-10-23 15:17:01
490
原创 vue项目调用activeX控件
vue项目调用activeX控件最近的vue前端项目中需要使用aciveX控件,结合网络资料摸索后进行了小整理,成功实现’引入-获取-调用’.本地成功安装控件后操作步骤如下:1. Internet Explorer浏览器设置点击ie浏览器右上角齿轮图标(工具)—Internet选项—安全—自定义级别—activeX控件和插件,依据相关提示勾选’提示’或’启动’,并在保存完成后重启计算机.此时...
2019-10-21 14:50:33
3999
3
原创 修改element的table-row
element表格的tr默认hover样式是这样写的,.el-table--enable-row-hover .el-table__body tr:hover>td{background-color: #f5f7fa;}如果需要调整,直接加!important就可以了, >>> .el-table--enable-row-hover .el-table__bo...
2019-09-20 10:42:27
302
原创 win10下安装软件报错1500解决方案
今天在win10环境下尝试安装jdk8的时候反复报错’当前有程序正在安装’的1500错误提示,尝试了以下办法均无效:重启计算机删除C盘下user/AppData/LocalLow里面和java相关的所有文件清理注册表in-Progress既然提示有程序正在安装,打开任务管理器-详细信息,结束所有msiexec.exe程序,然后再次安装,成功.应该是计算机有软件自动更新持续占用进程的原因...
2019-09-19 15:40:50
944
原创 Element下拉框自定义搜索方法
Element下拉框自定义搜索方法根据官方文档的api,自定义element的select组件输入提示需要配置filter-method(自定义搜索方法)和filterable(是否可搜索),html代码如下:<el-select filterable :filter-method="myFilter"> <el-option v-for='item in copyUse...
2019-09-16 16:19:26
1214
原创 vue路由守卫修改浏览器title
vue路由守卫修改浏览器titlevue的单页面应用在某些业务场景下需要展示不同页面的title,可以利用路由守卫完成,目录结构如下:代码如下:index.jsimport routes from './router'// 引入路由列表配置// 全局路由守卫，动态改变tillerouter.beforeEach((to, from, next) => { window.do...
2019-09-06 09:19:13
326
原创 vue组件通信---父传子如何实时更新数据
vue组件通信—父传子如何实时更新数据如果需要在子组件中利用props获取父组件实时更新的数据并进行对应操作,可以使用watch的监听方法.代码如下:export default { data () { return { child:"", } }, props:["father"], watch:{ "father":{ funct...
2019-07-17 18:14:20
1299
原创 Element组件---带输入建议的input小坑
组件el-autocomplete小坑不再赘述使用方法,这个组件的api文档非常齐全,可以参考官方地址------element-input从文档里扒下来:fetch-suggestions="querySearch"如下,querySearch(queryString, cb) { var restaurants = this.restaurants; va...
2019-07-04 12:05:41
402
原创 Element带可输入元素表格/表单的回车跳跃功能
element带可输入元素表格/表单的回车跳跃功能有时表格或表单内的可输入元素太多,用户使用鼠标的点击行为太过频繁,不太友善.所以对vue框架下element的table封装了一个简单的回车跳跃功能,可以在同一行内敲击回车键移动到下一个可输入元素.(PS.拒绝把浏览器tab键自带功能粗暴的绑定在回车事件上.太不优雅谢谢 )如果你使用的是表格,并且混合输入框/下拉框/级联选择器,可以参考第...
2019-06-29 16:42:33
858
4
原创 js踩坑笔记
js引用类型的踩坑笔记众所周知,js数据分为原始类型和引用类型,关于它们区别的资料太多,在此不做赘述.本文只是记录自己抓码时遇到的小坑.两个目测一模一样的数组不相等let arr1=[1,2,3,4,5];let arr2=[1,2,3,4,5];console.log(arr1 == arr2); //false业务背景是需要通过2个简单数组是否相同进行条件判断执行不同代码...
2019-06-20 12:13:22
88
原创 js实现对象数组内依据键值自定义计算---主键去重+指定属性求和
js实现对象数组内依据键值自定义求和计算考虑这样的业务背景:通过接口获取某公司当月所有员工的每日考勤数据如下,[{id:1,score:2,date:"2019.06.19"},{id:1,score:5,date:"2019.06.20"},{id:1,score:7.6,date:"2019.06.21"},{id:1,score:3,date:"2019.06.22"},{i...
2019-06-19 13:26:18
992
原创 数组去重---Set
数组去重—Set常见的数组去重方法大多考虑遍历+indexOf,例如var arr1=[1,2,3,4,5,6,6,6];function unique(arr){ let newArr=[]; for (let i = 0; i < arr.length; i++) { if(newArr.indexOf(arr[i])==-1){ newArr.push...
2019-06-17 09:09:32
220
原创 解构多维数组—some()+…
解构多维数组—some()+…提到解构数组,一般会想到遍历或循环.但是当数组层数过多时性能消耗会比较大,可以使用ES6的…拓展运算符+数组api的some()来解构. let arr = [1,2,3,[4,5],[6,[7,8]]]; function reArr(arr){ let newArr = [].concat(...arr); return ...
2019-06-14 16:00:25
932
原创 判断对象是否为空---Object.keys()
判断对象是否为空—Object.keys()ES6的对象新增方法,可以用于判断一个对象是否为空.let tom = {age:10,id:1};console.log(Object.keys(tom)); //[age,id]let length = Object.keys(tom).length;if(length>0){alert(`该对象非空`);}else{aler...
2019-06-12 17:08:58
1175
原创 vue事件的.native属性
一个原生input输入框的敲击回车事件可以使用@keyup.enter="addNew()"当使用非原生的input输入框时,当上一种方法无效,可以使用@keyup.enter.native="addNew()"
2019-05-29 09:07:43
748
原创 Axure pr8 使用小贴士
Axure pr8激活在官网购买授权码------支持正版官网地址:https://www.axure.com2019.05验证可用的激活码License:zd423Key:LrZoHQetrL7OK8XOVWgvTFn+XOR32hQkrxkYj0CkbDUsvvENp6GCS38B8GiOS1ec...
2019-05-25 09:41:35
302
原创 Form Data与Request Payload
Form Data与Request Payload正常情况下,利用ajax发送异步请求,观察请求头信息可以发现get与post的传递的参数是以下2种形式:getpostQuery String ParametersForm Data但是,post偶尔会发生奇怪的问题,传递的参数会以’Request Payload’(请求有效载荷)方式传递,这样的参数在后台中会发生接...
2019-05-13 19:23:13
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人