- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue项目热加载突然无法使用解决方案！
vue项目热加载突然无法使用解决方案软件版本问题现象问题排查问题解决总结软件版本vue-cli 4.5.0webpack 4.0.0问题现象vue项目热加载无法使用，修改代码后编译器会自动响应重新编译，但是浏览器不自动刷新界面响应。前期热加载还能正常使用，不知道从某一次开始，就没办法正常使用了，页面请求接口比较多时，较为影响开发效率。问题排查网上资料大多数说是webpack 4 版本默认关闭了热加载，按照教程，手动开启了热加载也不（disableHostCheck:true）。官方
2021-05-11 09:12:08
1575
1
原创 微信小程序实现下拉刷新和上滑加载
目录1.使用组件scroll-view2.准备工作2.实现下拉加载3.实现下拉刷新1.使用组件scroll-view参照小程序官方文档，采用scroll-view组件实现可滑动区域的加载。具体声明如下所示，主要使用bindscrolltolower事件实现下拉加载。<scroll-view scroll-y="true" style="height: calc(100vh - 170px)" scroll-top="{{scrollTop}}" bindscrolltolower="bindsc
2021-03-07 13:42:36
1015
原创 VUE +ElementUI，switch开关在组件内部显示文字
目录官方文档效果自定义显示文字在组件内部显示效果实现代码官方文档效果参考地址：https://element.eleme.io/#/zh-CN/component/switch官方文档中提到可以添加switch打开和关闭的文字，但设置后，其文字是在组件外部，如下图所示：自定义显示文字在组件内部显示效果实现代码<el-form-item class="defineSwitch" label="是否开关" prop="isLeaf"> <el-switch :width
2021-03-05 08:58:35
5578
3
原创 Java 异常
这里写目录标题异常try...catch...finally执行顺序异常try…catch…finally执行顺序1.看是否有return或者throw new Exception(）return语句和throw 意味着调用结束，因此若是在try块外/catch块/finally块中存在有return语句，那么只会被调用一次。return的执行优先级为finally > catch > try。2. 除去return和throw语句外的其他语句，直到发生异常时，执行优先级为try &
2020-11-04 19:14:49
144
原创 vue工程在vscode中使用的小问题
目录前言1.自动保存时，会自动添加缩进2.自动保存时，会自动在行尾添加分号前言vue工程中自动格式化插件与ESlint检测的冲突。1.自动保存时，会自动添加缩进亲测成功为了方便格式化代码，在vscode中开启了自动格式化，但是vscode代码一保存，就成了缩进4个空格了。实在找不到问题所在的时候，可以看下插件JS-CSS-HTML Formatter是否已经安装，如果已安装，则卸载后重启VSCode就能解决。参考博客: https://blog.csdn.net/qq_40072782/a
2020-09-19 16:42:13
341
原创 缓存中间件Redis初学，资料整理
官方网站：https://redis.io/基础教程：https://www.runoob.com/redis/redis-tutorial.html场景解决方案：http://www.redis.cn/articles.html目录结构一、功能介绍：1.缓存2.数据库3.消息机制3.1 消息队列3.2 发布/订阅二、常用场景：三、安装教程3.1单机安装教程：3.3官方cluster版本的集群介绍3.2集群搭建教程（官方cluster版本）：四、Redis测试4.1 集群读写散列测试4.2主从测试4.
2020-08-18 15:00:21
342
原创 vue必知必会，Vue在工程项目中常用知识点梳理与总结。
Vue常用知识点梳理一、数据双向绑定1.1 对象1.2 数组1.3 异步更新队列二、组件间通信2.1 父子组件之间通信2.2 兄弟组件（平行组件）间传值一、数据双向绑定数据双向绑定给我们开发带来了方便，在vue官方文档中单独用了一节来介绍响应式原理，需要深入了解的可以移步官网。下面仅梳理一下常用的数据变化处理方式。注：Vue不允许动态添加根级响应式，因此响应式的对象处理，最好是在data中进行声明，并赋予初始值或空值（’’）。1.1 对象<span>{{obj.a}}</span
2020-06-29 18:22:21
993
原创 Vue+ElementUI , el-casecader级联面板参数回显
目录标题背景一、 级联面板返回的数据格式说明二、级联面板单选（解决）三、级联面板多选（妥协）背景ElementUI中Cascader 级联选择器组件作为Select 选择器组件的补充，可以帮助我们方便且友好的显示多层级数据的筛选。但级联面板的返回数据在用于数据回显时，却显得比较麻烦。因此，现在将记录一下自己在做级联面板数据回显时的方案。一、 级联面板返回的数据格式说明通过ElementUI中在线运行工具的调试，可以看到级联面板返回给我们的结果，是一个包含从祖宗节点到选中节点完整路径的数组，如下图所
2020-05-24 13:02:07
3231
3
原创 VUE +ElementUI，tabs组件小坑——单页面被重复构建
目录标题前言前言最近使用VUE + ElementUI 中的 el-tabs组件来完成一个后台管理系统的框架模板时，发现单页面的vue组件，在放进el-tabs组件中进行切换时，同一个vue页面的created方法被构建了多次，通常情况下看不出来任何问题。然而，我们通常会在页面加载完毕时，在created钩子或mounted钩子中，对数据进行首次查询，来达到进入页面后能直接看到数据的效果。但是，在el-tabs组件切换时，由于页面被重复构建了多次，会导致在created钩子或mounted钩子中的请
2020-05-23 16:12:03
6834
原创 java8新特性，Stream流操作大全之串行流
java8新特性，Stream流操作大全之串行流Stream流简介一、ForEach测试二、ForEach测试Stream流简介一、ForEach测试Stream 提供了新的方法 ‘forEach’ 来迭代流中的每个数据。//测试 forEach 迭代流中的数据， lamda表达式public static void testForEach(List<String> list){ //1.输出不为空串的字符串，stream流 System.out.println("测试
2020-05-20 20:05:54
674
原创 VUE+ElementUI 实现 el-table树形结构的全部展开和全部收回功能
目录标题背景实现思路背景ElementUI官方提供了el-table的树形结构展示方式。通常使用树形结构时，会需要“全部展开”和“全部收回”的按钮功能，便于我们能够方便对数据表格的操作。比如下图的实现效果：实现思路官方文档中给出了表格级别的方法，在Table Methods中，可以找到 toggleRowExpansion 方法，其具体含义参见官网释义。该方法可以实现表格中某一行的展开或者收缩功能，那么我们就借用此方法来实现所有行的功能，也是非常简单的了。废话不多说，直接上代码：//先是两
2020-05-13 17:19:11
8806
11
原创 Vue+ElementUI实现给Tab页添加鼠标右键菜单栏
目录标题一、背景二、实现思路（一）实现左侧菜单栏的div（二）为Tab页的Tab标签部位绑定右键点击事件。（三）实现弹出右侧菜单栏事件（四）实现右键菜单栏中的每一个点击事件一、背景ElementUI官网上提供的Tabs标签只提供了基础的增加和删除标签页的功能，远远不能满足我们的需求。我们想要对标签页完成更多更能时，就需要自己实现了，比如下图谷歌浏览器的标签页右键功能。在jQuery配合E...
2020-04-27 16:06:29
8421
4
原创 VUE+ElementUI 实现左侧菜单栏+Tab页访问本地页面和远程页面，非iFrame方式
目录标题前言：一、实现效果二、实现方式2.1 使用工具2.2 实现思路前言：后台管理系统经常会使用到一个左侧菜单栏，右侧Tab页的页面显示结构。使用ElementUI中的Container 布局容器、NavMenu 导航菜单和Tabs 标签页配合Vue的Router路由能够方便的配置页面跳转的效果。在github上和CSDN上能够搜索到非常多的项目和实现教程。但通常按照上述方案实现的效果只...
2020-04-20 13:09:09
5808
3
原创 Vue使用ElementUI的el-table组件，处理合计行问题
目录标题一、合计行，在需要的时候调用显示1.1 问题和现象1.2 解决方案二、合计行不显示2.1 问题和现象2.2 解决方案一、合计行，在需要的时候调用显示ElementUI在使用el-table做合计行时，官方文档说明如下：参考地址：https://element.eleme.cn/#/zh-CN/component/table将show-summary设置为true就会在表格尾部展示...
2020-04-15 15:23:23
10569
6
原创 postgresql和mysql数据库中使用sum聚合函数查询，结果出现不确定的小数
今天在项目开发时，遇到了像下图这样的问题： 查询结果会随机出现长串小数，页面显示不正常，但数据库查询结果是正常的。 一开始，以为是前端展示的问题，但通过调试后发现，和前端没什么关系，前端只是按照后端传来的值进行展示。后来发现，是数据库中的数据字段类型使用错误导致的。解决办法： 个人使用的是Postgresql数据库，将字段类型修改为decima...
2020-04-10 16:21:33
2356
原创 微信开放平台_第三方平台授权流程_引入用户进入授权页
四、生成授权页4.1 官方说明方式一：授权管理方输入授权页，扫描二维码。授权页网址为：https://mp.weixin.qq.com/cgi-bin/componentloginpage?component_appid=xxxx&pre_auth_code=xxxxx&redirect_uri=xxxx&auth_type=xxx 参数 ...
2020-01-10 16:08:26
2975
1
原创 微信开放平台_第三方平台授权流程_令牌
二、令牌：1.1 官方说明：令牌（component_access_token）是第三方平台接口的调用凭据。令牌的获取是有限制的，每个令牌的有效期为 2 小时(7200 s)，请自行做好令牌的管理，在令牌快过期时（比如1小时50分），重新调用接口获取。1.2 获取流程及示意代码请求地址：POST方式 url: https://api.weixin.qq.com/cgi-bin...
2020-01-10 16:08:04
953
原创 微信开放平台_第三方平台授权流程_接口调用令牌
六、接口调用令牌6.1 官网说明在公众号/小程序接口调用令牌（authorizer_access_token）失效时，可以使用刷新令牌（authorizer_refresh_token）获取新的接口调用令牌。注意：authorizer_access_token 有效期为 2 小时，开发者需要缓存 authorizer_access_token，避免获取/刷新接口调用令牌的 API 调...
2020-01-10 16:07:53
1598
原创 微信开放平台_第三方平台授权流程_授权码
五、授权码5.1 官方说明授权流程完成后，授权页会自动跳转进入回调 URI，并在 URL 参数中返回授权码和过期时间(redirect_url?auth_code=xxx&expires_in=600)5.2 获取流程及示意代码说明:该接口的作用：获取授权码，并通过该授权码发送HTTPS请求，第一次获取接口调用令牌（authorizer_access_token） ...
2020-01-10 16:07:11
5562
原创 微信开放平台_第三方平台授权流程_预授权码
三、预授权码（pre_auth_code）3.1 官网说明：第三方平台方实现授权托管的必备信息，每个预授权码有效期为 10 分钟。需要先获取令牌才能调用，生成授权链接时使用。请求地址：POST https://api.weixin.qq.com/cgi-bin/component/api_create_preauthcode?component_access_token=COMPO...
2020-01-10 16:06:58
2077
原创 微信开放平台_第三方平台授权流程_验证票据
一、验证票据1.1 官方说明：验证票据（component_verify_ticket）：在第三方平台创建审核通过后，微信服务器会向其“授权事件接收URL” 每隔 10 分钟以POST的方式推送 component_verify_ticket接收POST请求后，只需直接返回字符串success。为了加强安全性，postdata 中的 xml 将使用服务申请时的加解密 ke...
2020-01-10 16:06:32
5184
13
原创 微信开放平台_第三方平台授权流程_简述
前言：本章主要对微信开放平台_第三方平台授权流程进行阐述，标准授权流程在官网中可以查看，下面对其进行简要整理。后端开发框架：Spring Boot（SpringMVC）前端开发框架：jQuery (Ajax + HTML)缓存：Redis服务器授权流程说明：作为第三方开发平台，为其他微信公众号或小程序开发，调用其接口，需要先被授权。本文采用生成二维码的方式来生成授权页。...
2020-01-10 16:06:27
1095
原创 两台服务器实现局域网络配置
问题：服务器A（windows系统），访问服务器B（windows系统）上的虚拟机C（linux）1.保证A能ping通B，B能ping通C2.由于C是使用VMWare workStation创建的一台虚拟机，因此，要配置C的网络，使得B能ping通C，3.C此处选择使用的是net方式进行网络连接，需要配置端口转发，在配置端口转发后，就可以在实现A和C的互通了。比如C上面有一个to...
2019-04-22 16:55:14
1172
原创 安装redis5.0.0
环境：裸机虚拟机（CentOS 7 64位）最小化安装步骤:1.安装redis5.0.0 执行make进行编译时：①错误提示：make cc Command not found 解决：安装gcc编译环境 yun install gcc②error: jemalloc/jemalloc.h: No such file or directory 解决：make MALLOC=...
2018-10-31 11:05:11
687
原创 ssh整合遇到的问题
一、.使用Hibernate时出现的问题： ①打印结果时 抛出栈溢出异常 在写完与数据交互的dao层方法之后，用Junit对方法正确性做出测试时，由于要打印出对应实体类的结果，所以就出现了问题了。1.前提交代,三个实体类的关联关系表述：//部门类public class Department { ... //部门类和职务类的关联关系为 1:n p
2018-05-23 15:12:30
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人