- 博客(28)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue项目根据word模版导出word文件
也就是编辑一个word文档，文档中需要动态取值的地方用{变量}取值，表格数据可以进行循环，以{#数组变量名}开始，以{/数组变量名}结束，图片以{%图片base64变量名}展示，{%%图片base64变量名}表示图片居中。word模版放在public下，如果是需要动态添加的背景图，可以直接将图片的base64码赋值给img1变量。ECHARTS图表的图片并转为base64格式，在图表加载完成时。二、创建word模版。
2023-08-17 15:41:40
2096
原创 vue项目中使用思维导图jsmind
其中， require('jsmind/js/jsmind.draggable-node.js')有时用require('jsmind/js/jsmind.draggable.js')，如果引入时路径错误，在node_modules中找到相应文件夹看一下文件名字是否对应正确。以上所述只是实现了思维导图的展示和展开收起功能，若想要了解更多功能请查看。
2023-04-21 08:41:12
4969
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
11566
24
原创 vue兼容IE11浏览器空白页等一系列问题之踩坑全过程
兼容IE对于一个菜鸡前端来说，简直是噩梦般的存在。我先哭为敬！😭😭😭好了，话不多说，摸索中解决问题之路即将开启，我们准备出发～👊（建议将文章全部看完之后再进行尝试，因为中间有很多尝试没有成功）重要提醒：1、改完代码记得清浏览器缓存，再去看结果，尤其是在坚信自己写得没错的时候，不行就把浏览器关了再打开（好几次都是清完缓存没反应，关了重新打开就好了，就很迷）2、安装依赖时能用npm就别用cnpm，别问我为什么🙄️问题产生原因及解决思路：IE浏览器不能显示vue页面，主要原因是IE无法读取es
2022-03-31 19:52:32
4596
11
原创 vue页面中存在大量数据时，input输入搜索框在输入时卡动问题解决
问题场景：在vue页面中渲染五百多条数据后，在前端实现关键字搜索的功能，数据加载和页面渲染都很快，只是在输入框打字或删除时卡顿（数据量有二三十条时无明显卡顿），输入框使用iview的Input的search属性输入框问题排除：1、首先去除掉对v-model绑定值的监听事件，问题没能解决2、然后将iview的Input组件换成原生input输入框，问题依然存在3、去除掉输入框的查询事件，让该输入框没有任何功能，问题还是没能解决由于页面数据量的多少不同，输入框卡顿的程度也不同，所以就陷入了寻
2021-05-13 10:26:33
4516
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
8303
1
原创 vue与iframe之间的交互，一看就会！
首先介绍一下使用背景，前端采用html单页面引用vue的方式（逼不得已这么做，否则直接用vue不香嘛），废话不多说页面大致是这样，现在需要做的是在iframe页面里面触发事件跳转页面，并且使父级vue页面的左侧菜单选中相应页面的菜单，当然iframe子页面也是vue，但是其他页面也不影响一、子页面向父页面传值1、在iframe页面里触发事件，找到他的父级页面的dom元素，用postMessage传值，里面所有的都是参数，cmd是为了能在父级vue页面区分该操作的用途2、在父级vue页
2020-11-18 11:32:45
7197
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
6811
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
6080
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
2385
原创 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
2752
原创 vue中有table切换时echart图不显示或者显示不合适的情况
问题说明：问题是这样，echart图在第一页，初次进入显示正常，但是切换到第二页，再点回第一页，图就不显示，或者是第一页的图出现在了其他页解决：v-if换成v-show详细说明：其实问题很简单，就是学习基础的时候经常见到的v-if和v-show的区别v-if:元素不存在，用于不频繁的切换v-show:元素存在，只是通过display属性将其隐藏，用于频繁的切换可能也会有人说v-...
2020-03-16 17:55:56
730
原创 微信小程序入门踩坑记（妥妥的干货，新手快快看过来）
初次上手微信小程序，各种踩坑各种百度，草草扫过官网的文字，呃。。。。表示记不住不想看，然后看了一本入门基础，诺，就这本啦（链接:https://pan.baidu.com/s/15hKlDNpowUdNvMEZ9mHCHQ 密码:if8y），是这本书的实例深深吸引了我，快速看完前面的基础然后开始了后面的实例，很棒，GitHub上有完整的代码，然后，我就抄了下来，还是觉得一无所获。然后我发现个...
2020-01-15 15:04:17
3316
原创 SourceTree提交时没有暂存文件，没有内容可以提交解决
出现这种情况应该是和创建者的环境存在冲突，在SourceTree中点击设置，高级，编辑，在打开的记事本中将这些文件全部忽略# adcss-module/*assets/*node_modules/*config_bak/*test/*将这些文件存在记事本中保存，点击确定即可。...
2018-07-06 10:25:11
11012
原创 安装Photoshop CC时出现由于找不到MSVCP110.dll，无法继续执行代码，下载安装vc++2015也无法解决问题
也是苦苦折腾了好久呀，废话不多说，上方法首先是这样，上网找了好多解决办法，下载了安装vc++2015也不行，然后发现C:/windows/system32目录下确实少这个文件，网上没找到方便下载的，就在别的电脑上拷了一个，放在了C:/windows/system32目录下，还提示我缺少MSVCPR110.dll文件也一起拷过来了，然后安装这两个错误提示没有了，但是又提示程序无法正常启动（0xc00...
2018-06-13 12:11:56
18396
原创 JSON基本知识
JSON1、概念：JSON（JavaScript Object Notation，JS对象标记）是一种轻量级的数据交换格式，它基于ECMAScript规范的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据2、优点：层次结构简洁清晰，易于人阅读和编写，也已于机器解析和生成，并有效的提升网络传输效率3、JSON数据格式的四个规则：（1）对象表示为键值对，用冒号（“：”）表
2017-10-30 20:04:40
1670
原创 AJAX基本概念
AJAX异步通信1、概念：AJAX全称是Asynchronous JavaScript and XML(异步的JavaScript和XML)，AJAX不是最新的编程语言，而是一种使用现有标准的新方法。是在不重新加载整个页面的情况下，浏览器与服务器交换数据并更新部分网页的技术。2、从概念看包括三部分内容：一是异步、二是JavaScript、三是XML3、异步和同步是对应的关系，同步指
2017-10-30 20:03:34
1706
原创 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
1416
原创 正则表达式基本概念
正则表达式：1、概念：正则表达式就是用于描述字符串规则的工具，即记录文本规则的代码；***注：可用于各种编程语言中（Servlet注解也支持正则表达式）2、常见的正则表达式：（1）^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ Email格式（2）^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)
2017-10-27 20:56:59
403
原创 ==与equals（）方法比较
简单来说，“==”用来比较基本数据类型，equals（）方法用来比较引用数据类型原理：基本类型数据存放在栈中，可直接用“==”用来比较，而引用类型数据存放在堆中，在栈中存放的是内存地址，用“==”来比较引用类型比的是内存地址，没有意义，所以要用“==”来写equals（）方法来比较引用类型。最常见的是在字符串中用equals（）来比较，那是因为在Java源码中已经帮我们重写了equals（）方
2017-10-22 12:35:31
316
原创 JavaScript基本知识
一、JavaScript1、概念：JavaScript是一种基于对象和事件驱动的脚本语言，在客户端运行。2、功能：主要在客户端实现数据验证和页面特效，大大提高网页的浏览速度和交互能力。3、组成：（1）ECMAScript：描述了语言的语法和基本对象；（2）文档对象模型（DOM）：描述处理网页内容的方法和接口；（3）浏览器对象模型（BOM）：描述与浏览器进行交互的方法和接口；
2017-10-18 20:52:43
426
原创 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
888
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
281
原创 部分内置对象
一、application内置对象1、是javax.servlet.ServletContext接口的对象，作用与session类似，用于共享数据；2、application与session的区别：session中用户只能访问和自身关联的session中的内容，session相当于有个用户的私有存储空间；application对象代表一个web应用程序的上下文，所有用户都可以访问appli
2017-09-22 21:44:09
325
原创 session内置对象
内置对象session1、session是JSP的内置对象，是javax.servlet.http.HttpSession类的对象；2、session被称为会话，从用户进入一个网站浏览开始到浏览器关闭被称为一次会话；3、服务器为session在内存中分配一块独立的空间；4、session的作用是数据共享；5、服务器是通过SessionID知道数据是哪个用户存储的；6、Ses
2017-09-21 20:17:03
1172
原创 会话跟踪
会话跟踪技术一、http无状态：每次请求和响应都是独立的，相互没有关系，并且不能共享数据；解决办法：（会话跟踪）1、URL重写；2、表单隐藏域；3、cookie；4、session；二、会话：从用户进入一个网站到退出这个网站或者浏览器关闭称为一次会话；会话跟踪：在会话的过程中，浏览器与与服务器的多次请求与响应之间保持数据共享技术。三、cookie：1、Coo
2017-09-20 18:34:08
325
原创 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
409
空空如也
a：link,a:visited,a:hover,a:active
2017-11-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人