- 博客(28)
- 问答 (1)
- 收藏
- 关注
原创 vue项目根据word模版导出word文件
也就是编辑一个word文档,文档中需要动态取值的地方用{变量}取值,表格数据可以进行循环,以{#数组变量名}开始,以{/数组变量名}结束,图片以{%图片base64变量名}展示,{%%图片base64变量名}表示图片居中。word模版放在public下,如果是需要动态添加的背景图,可以直接将图片的base64码赋值给img1变量。ECHARTS图表的图片并转为base64格式,在图表加载完成时。二、创建word模版。
2023-08-17 15:41:40
2469
原创 vue项目中使用思维导图jsmind
其中, require('jsmind/js/jsmind.draggable-node.js')有时用require('jsmind/js/jsmind.draggable.js'),如果引入时路径错误,在node_modules中找到相应文件夹看一下文件名字是否对应正确。以上所述只是实现了思维导图的展示和展开收起功能,若想要了解更多功能请查看。
2023-04-21 08:41:12
5062
1
原创 vue项目中可使用天气预报小组件推荐vue-mini-weather
该部分内容引自基于Vue开发的迷你实时天气预报组件由于该组件在2021.4.24日刚上传到npm仓库,请用npm安装!1、安装npm i vue-mini-weather --save2、引入// 1. 全局引入//main.js 项目入口文件import Vue from 'vue'import weather from 'vue-mini-weather'Vue.use(weather)//app.vue 项目文件<template>......
2022-05-16 15:47:56
11909
24
原创 vue兼容IE11浏览器空白页等一系列问题之踩坑全过程
兼容IE对于一个菜鸡前端来说,简直是噩梦般的存在。我先哭为敬!😭😭😭好了,话不多说,摸索中解决问题之路即将开启,我们准备出发~👊(建议将文章全部看完之后再进行尝试,因为中间有很多尝试没有成功)重要提醒:1、改完代码记得清浏览器缓存,再去看结果,尤其是在坚信自己写得没错的时候,不行就把浏览器关了再打开(好几次都是清完缓存没反应,关了重新打开就好了,就很迷)2、安装依赖时能用npm就别用cnpm,别问我为什么🙄️问题产生原因及解决思路:IE浏览器不能显示vue页面,主要原因是IE无法读取es
2022-03-31 19:52:32
4677
11
原创 vue页面中存在大量数据时,input输入搜索框在输入时卡动问题解决
问题场景:在vue页面中渲染五百多条数据后,在前端实现关键字搜索的功能,数据加载和页面渲染都很快,只是在输入框打字或删除时卡顿(数据量有二三十条时无明显卡顿),输入框使用iview的Input的search属性输入框问题排除:1、首先去除掉对v-model绑定值的监听事件,问题没能解决2、然后将iview的Input组件换成原生input输入框,问题依然存在3、去除掉输入框的查询事件,让该输入框没有任何功能,问题还是没能解决由于页面数据量的多少不同,输入框卡顿的程度也不同,所以就陷入了寻
2021-05-13 10:26:33
4588
3
原创 vue父组件通过v-for循环多次调用同一个子组件,改变被循环数组个数,各子组件显示数据混乱
场景是这样的,动态添加子组件,在父组件中循环显示,可以随时增加活删除子组件<div class="itemTemplate" v-for="(item,index) in templateList" :key="index"> <Icon type="ios-close-circle-outline" size="32" @click="deleteTem(index)"/> <child :data="childData[index]" />&l
2021-03-10 14:27:53
8434
1
原创 vue与iframe之间的交互,一看就会!
首先介绍一下使用背景,前端采用html单页面引用vue的方式(逼不得已这么做,否则直接用vue不香嘛),废话不多说页面大致是这样,现在需要做的是在iframe页面里面触发事件跳转页面,并且使父级vue页面的左侧菜单选中相应页面的菜单,当然iframe子页面也是vue,但是其他页面也不影响一、子页面向父页面传值1、在iframe页面里触发事件,找到他的父级页面的dom元素,用postMessage传值,里面所有的都是参数,cmd是为了能在父级vue页面区分该操作的用途2、在父级vue页
2020-11-18 11:32:45
7504
1
原创 vue项目中使用高德地图获取用户当前位置信息
项目背景是用vue开发的小程序,需要获取当前用户的地理位置,折腾了好久终于弄好了,今天分享给大家,话不多说,let's go!第一步:在index.html页面引入高德地图<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己申请的key"></script>注意:引入地图的js一定要放在引用js的前面,不让会报'AMap' is not defined的错
2020-07-28 11:35:10
6878
6
原创 系统中持续报错:The image argument is a canvas element with a width or height of 0
完整报错:Layer.js?e2f0:197 Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0,系统中有生成二维码的drawImage,我一直以为是生成二维码的报错,而且开始我觉得这个报错出现的完全没有规律,一报错就疯狂报,一刷新就没了,修改了生二维码的代
2020-06-15 15:08:42
6301
3
原创 vue项目中满屏报错:TypeError:Cannot read property length of null
改别人的代码,满屏报TypeError: Cannot read property 'length' of null,这种报错根本定位不到出错代码,小小崩溃。改就改吧,一个2000行代码的编辑页,代码格式乱到没眼看,呼~深呼吸,静下心来慢慢找。首先我把页面中所有的.length数据找到,在标签里加上了v-if="data && data.length > 0",在js代码中也加上了if判断,然后又找到所有的for循环,也加上了判断,先确定所要操作的数组元素是否存在,再去找它的l
2020-06-08 15:11:52
2453
原创 Form表单二级联动功能正常,报错Invalid prop: type check failed for prop "value". Expected String, Number, got Null
这里是用iview组件做一个二级联动,接口返回的数据是一个二维数组,而且选择一级的某些项是不报错的,但是报错的项二级下拉菜单的数据也是有的,感觉功能上没问题,但就是报错。网上搜索说是因为数据的某个值没有,经过仔细排查,发现报错的项获取到的二级菜单中的某些值为null所以报[Vue warn]: Invalid prop: type check failed for prop "value"...
2020-04-03 11:52:07
2778
原创 vue中有table切换时echart图不显示或者显示不合适的情况
问题说明:问题是这样,echart图在第一页,初次进入显示正常,但是切换到第二页,再点回第一页,图就不显示,或者是第一页的图出现在了其他页解决:v-if换成v-show详细说明:其实问题很简单,就是学习基础的时候经常见到的v-if和v-show的区别v-if:元素不存在,用于不频繁的切换v-show:元素存在,只是通过display属性将其隐藏,用于频繁的切换可能也会有人说v-...
2020-03-16 17:55:56
739
原创 微信小程序入门踩坑记(妥妥的干货,新手快快看过来)
初次上手微信小程序,各种踩坑各种百度,草草扫过官网的文字,呃。。。。表示记不住不想看,然后看了一本入门基础,诺,就这本啦(链接:https://pan.baidu.com/s/15hKlDNpowUdNvMEZ9mHCHQ 密码:if8y),是这本书的实例深深吸引了我,快速看完前面的基础然后开始了后面的实例,很棒,GitHub上有完整的代码,然后,我就抄了下来,还是觉得一无所获。然后我发现个...
2020-01-15 15:04:17
3335
原创 SourceTree提交时没有暂存文件,没有内容可以提交解决
出现这种情况应该是和创建者的环境存在冲突,在SourceTree中点击设置,高级,编辑,在打开的记事本中将这些文件全部忽略# adcss-module/*assets/*node_modules/*config_bak/*test/*将这些文件存在记事本中保存,点击确定即可。...
2018-07-06 10:25:11
11102
原创 安装Photoshop CC时出现由于找不到MSVCP110.dll,无法继续执行代码,下载安装vc++2015也无法解决问题
也是苦苦折腾了好久呀,废话不多说,上方法首先是这样,上网找了好多解决办法,下载了安装vc++2015也不行,然后发现C:/windows/system32目录下确实少这个文件,网上没找到方便下载的,就在别的电脑上拷了一个,放在了C:/windows/system32目录下,还提示我缺少MSVCPR110.dll文件也一起拷过来了,然后安装这两个错误提示没有了,但是又提示程序无法正常启动(0xc00...
2018-06-13 12:11:56
18426
原创 JSON基本知识
JSON1、概念:JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式,它基于ECMAScript规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据2、优点:层次结构简洁清晰,易于人阅读和编写,也已于机器解析和生成,并有效的提升网络传输效率3、JSON数据格式的四个规则:(1)对象表示为键值对,用冒号(“:”)表
2017-10-30 20:04:40
1689
原创 AJAX基本概念
AJAX异步通信1、概念:AJAX全称是Asynchronous JavaScript and XML(异步的JavaScript和XML),AJAX不是最新的编程语言,而是一种使用现有标准的新方法。是在不重新加载整个页面的情况下,浏览器与服务器交换数据并更新部分网页的技术。2、从概念看包括三部分内容:一是异步、二是JavaScript、三是XML3、异步和同步是对应的关系,同步指
2017-10-30 20:03:34
1721
原创 jQuery基本概念(一)
jQuery框架1、概念:jQuery是一个快速、简洁的JavaScript框架(JavaScript代码库);2、设计宗旨:“Write Less,Do More”,即写更少的代码,做更多的事情;3、组成部分:核心、UI、插件4、特点:(1)快速获取文档元素;(2)提供漂亮的页面动态效果;(3)创建AJAX无刷新页面;(4)提供对JavaScript语言的增
2017-10-27 20:58:04
1420
原创 正则表达式基本概念
正则表达式:1、概念:正则表达式就是用于描述字符串规则的工具,即记录文本规则的代码;***注:可用于各种编程语言中(Servlet注解也支持正则表达式)2、常见的正则表达式:(1)^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ Email格式(2)^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)
2017-10-27 20:56:59
422
原创 ==与equals()方法比较
简单来说,“==”用来比较基本数据类型,equals()方法用来比较引用数据类型原理:基本类型数据存放在栈中,可直接用“==”用来比较,而引用类型数据存放在堆中,在栈中存放的是内存地址,用“==”来比较引用类型比的是内存地址,没有意义,所以要用“==”来写equals()方法来比较引用类型。最常见的是在字符串中用equals()来比较,那是因为在Java源码中已经帮我们重写了equals()方
2017-10-22 12:35:31
319
原创 JavaScript基本知识
一、JavaScript1、概念:JavaScript是一种基于对象和事件驱动的脚本语言,在客户端运行。2、功能:主要在客户端实现数据验证和页面特效,大大提高网页的浏览速度和交互能力。3、组成:(1)ECMAScript:描述了语言的语法和基本对象;(2)文档对象模型(DOM):描述处理网页内容的方法和接口;(3)浏览器对象模型(BOM):描述与浏览器进行交互的方法和接口;
2017-10-18 20:52:43
433
原创 Server Tomcatv8.5 Server at localhost failed to start
出现Server Tomcatv8.5 Server at localhost failed to start时的处理方式 出现这种情况是因为同时重复访问Servlet而使服务器发生不可访问的异常,Servlet类里面的注释@WebServlet(urlPatterns="/HelloWorld")和web.xml中配置的serv
2017-09-27 14:40:46
890
1
原创 Servlet的生命周期
Servlet技术1、Servlet是能够接收请求并向客户端相应的Java类;2、开发Servlet的步骤:(1)创建类并继承Servlet类,重写doGet()或doPost()方法;(2)配置URL与Servlet的映射,可通过web.xml配置,也可通过注解配置。(URL映射是指用户通过浏览器输入URL向服务器发出请求时,将请求映射到Servlet类)**注:在web.x
2017-09-26 20:34:24
287
原创 部分内置对象
一、application内置对象1、是javax.servlet.ServletContext接口的对象,作用与session类似,用于共享数据;2、application与session的区别:session中用户只能访问和自身关联的session中的内容,session相当于有个用户的私有存储空间;application对象代表一个web应用程序的上下文,所有用户都可以访问appli
2017-09-22 21:44:09
330
原创 session内置对象
内置对象session1、session是JSP的内置对象,是javax.servlet.http.HttpSession类的对象;2、session被称为会话,从用户进入一个网站浏览开始到浏览器关闭被称为一次会话;3、服务器为session在内存中分配一块独立的空间;4、session的作用是数据共享;5、服务器是通过SessionID知道数据是哪个用户存储的;6、Ses
2017-09-21 20:17:03
1183
原创 会话跟踪
会话跟踪技术一、http无状态:每次请求和响应都是独立的,相互没有关系,并且不能共享数据;解决办法:(会话跟踪)1、URL重写;2、表单隐藏域;3、cookie;4、session;二、会话:从用户进入一个网站到退出这个网站或者浏览器关闭称为一次会话;会话跟踪:在会话的过程中,浏览器与与服务器的多次请求与响应之间保持数据共享技术。三、cookie:1、Coo
2017-09-20 18:34:08
330
原创 jsp内置对象
一、JSP的九大内置对象:(ace opp rrs)分别为:aplication、config、exception、out、page、pagecontext、request、response、session二、request内置对象的基本内容:1、内置对象是指:由web容器创建的对象,开发人员不需要进行实例化就可以直接使用的对象;2、request内置对象的作用:服务器用于获取
2017-09-19 21:30:10
415
空空如也
a:link,a:visited,a:hover,a:active
2017-11-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人