- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 IDEA 控制台Tomcat日志输出乱码最终解决方案
最终解决参考：真正解决方案：Intellij Idea启动Tomcat 控制台乱码标题答案跳链接，跟着一把梭即可。找答案踩坑经过记录网上很多答案都是修改Idea的编码配置为UTF-8，但是很多时候已经是这个编码了，出问题的应该是Tomcat里面的输出问题。然后找到一些教程会教你把Tomcat下的\conf\logging.properties中的日志编码配置修改为#java.util.logging.ConsoleHandler.encoding = UTF-8java.util.logging
2020-11-24 11:15:29
624
原创 微信公众号开发 - 消息回复时报错 Cannot set headers after they are sent to the client
微信公众号开发 - 消息回复时报错 Cannot set headers after they are sent to the client在学习尚硅谷官方的公众号开发教程时遇到一个问题，就是在消息回复时出现了(node:15724) UnhandledPromiseRejectionWarning: Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client百度搜索出来的全是无关问题
2020-06-24 10:40:31
551
原创 React 触发子组件重绘
问题：如何触发子组件重新挂载，重新绘制方法：利用组件的key值，达到重新挂载绘制的效果解决：在挂载组件时，将key值设置为不同的值，当key发生改变时，react会重新挂载组件。例如：<CodeEditor key={props.codeMode} />当key值发生变化的时候，组件不再复用，则会重新挂载组件。...
2020-04-11 14:06:57
1388
翻译 原码、反码、补码以及Java~按位取反解析
原码、反码、补码以及Java~按位取反解析本文是学习Java时遇到一些问题，查阅文章后的个人整理与总结，方便日后复习概念时自我查阅。有错误欢迎指正~~学习原文：张子秋 - 原码, 反码, 补码 详解基础概念在了解其原理的时候，我们需要先认识下原码，反码，补码的规则。然后通过使用一步步了解为什么要有反码，为什么要有补码。原码原码：第一位为符号位，其余位置为数值的二进制数。例如：...
2020-03-17 15:03:07
816
原创 React 动态添加的active样式无效
问题：React动态添加样式时，样式无效className={this.props.codePanelVisible ? 'active' : null}解决：局部样式在打包时会对组件样式进行名称的hash操作，所以无法找到active样式，所以应该改写如下// 引入的样式import styles from './menu-bar.css';className={this.pro...
2020-03-06 11:15:44
1599
原创 Elementui select选中值绑定为对象时，不显示选中名称
问题：在使用Element的Select下拉选择框时，设置其选中返回值是Object类型时，选中后Select框不显示选中目标的信息。例如下面图片选中赵云，下拉框会不显示选中的选项相关信息。原因：Select组件默认会显示v-model绑定值，当选中为Object类型时，无法识别对象类型，所以显示会出现错误。解决方法：使用Select组件的官方属性值value-k...
2019-12-27 10:13:39
4032
翻译 Scratch-blocks build无法编译问题 解决方法
scratch-blocks build编译失败的解决方案官方issue：https://github.com/LLK/scratch-blocks/issues/1620在使用scratch-blocks时，遇到build编译失败，百度查了下解决方案，发现没有一篇能解决我这个问题，查不到相关的解决方案，于是我就去github的issue寻找是否有人与我相同遇到这种情况，查看了几篇文章终于发...
2019-12-20 17:31:58
2355
9
原创 JS Array.map方法内异步方法无法同步执行
问题：JS map方法内异步方法无法同步执行场景：我们在使用map来设置每一项值的时候，涉及到异步操作，就会出现问题。按照常规，重现出一种情形。假设我要使用map对每一项值进行操作，其中涉及到异步操作（此处使用演示来模拟），在简短延时后将值设置为10。我们理想中ret的值是[10,10,10,10,10](async () => { let arr = [1,2,3,4,5...
2019-12-11 16:03:58
6752
4
原创 Swiper首次渲染界面时计算高度不正确
Swiper首次渲染界面时计算高度不正确原因：有图片加载，一开始图片没完全加载。导致swiper计算swiper-wrapper高度时，只计算了一部分的高度，导致盒子显示不完整。解决：Swiper Observer增加Options选项，监听盒子的变化，触发刷新。swiperOptions: { autoHeight: true, observer:true, ...
2019-12-04 10:46:38
1288
原创 Vue实战笔记05 - NodeJs爬取王者荣耀官方网站图片
Github库：morningClock - node-crawl使用Nodejs爬取王者荣耀官网手机端所有英雄头像与英雄详情相关图片。可以拿来就用，最好自己研究一下写法，比较简单 100来行代码。自己练习，根据思路找工具，写出来真的可以从中受益良多我这里记录了些小坑，或许在你自己做的时候会有帮助，希望在我归纳经验同时帮助到大家~~其中文件夹中的文件说明index.js最终完...
2019-11-21 23:44:31
721
1
原创 NodeJS - Unhandled stream error in pipe报错
Unhandled stream error in pipe报错问题在使用Node.js写爬虫的时候，使用到了node 的request库，请求图片URL并保存到本地时。遇到报错 Unhandled stream error in piperequest(downloadURL).pipe(fs.createWriteStream(path))[外链图片转存失败,源站可能有防盗链机制,...
2019-11-21 23:31:27
3474
原创 Vue实战笔记04 - 简易网站后台的搭建之登录系统的搭建
后台登录系统的搭建本文章是学习B站全栈之巅系列课程的学习笔记，利用笔记来吸收升华学到的知识。学习感受是，如果有一定的nodejs+mongoDB+vue的基础，加做过一两个相关的练手项目，再学习这个课程，你会发现原来搭建一个完整有基础功能的网站，是如此的简单，会有很大的收获。视频学习地址：点击这里管理员管理功能1.在之前的基础，新增管理员账号列表页与新建管理员的页面。2.修改请求的...
2019-11-19 16:11:14
530
原创 JS 小坑 - AJAX请求的小坑，请求接口404
背景：公司需要帮助其他项目修改源码，但是跑起来发现无法正常发送请求，请求全部为404状态。后端也确定了对请求的接口进行了处理。前端js设置的url也看起来很正常。思考：1.确认后端接口的地址（确定了代表后端是没有问题的）2.404代表找不到接口，那么就要从前端入手了，一般都是url出问题。解决：在JavaScript中看到AJAX请求的地址没有异样，对了几遍接口也是没问题的。...
2019-11-18 17:38:56
1572
原创 Vue实战笔记03 - 简易网站后台的搭建之后台信息管理功能的实现
本文章是学习B站全栈之巅系列课程的学习笔记，利用笔记来吸收升华学到的知识。学习感受是，如果有一定的nodejs+mongoDB+vue的基础，加做过一两个相关的练手项目，再学习这个课程，你会发现原来搭建一个完整有基础功能的网站，是如此的简单，会有很大的收获。视频学习地址：点击这里物品管理新增前端界面一样的套路，新增Edit页面，List页面，然后去路由新增该页面路由，Main.v...
2019-11-14 11:31:53
492
原创 vue-quill-editor富文本选项对齐混乱
vue-quill-editor富文本选项对齐混乱问题：今天使用ElementUI与vue-quill-editor的时候发现，富文本编辑框选项对齐出现了点问题。原因：查询结构发现，是与ElementUI的样式出现问题。vue-quill-editor中，没有设置自身的行高，而是通过继承来设置的line-height，而且其中选项并没有BFC限制，导致行高混乱了。解决方法：为vue...
2019-11-13 17:37:33
2911
2
原创 Vue实战笔记02 - 简易网站后台的搭建之改写通用接口
增删改查通用接口本文章是学习B站全栈之巅系列课程的学习笔记，利用笔记来吸收升华学到的知识。学习感受是，如果有一定的nodejs+mongoDB+vue的基础，加做过一两个相关的练手项目，再学习这个课程，你会发现原来搭建一个完整有基础功能的网站，是如此的简单，会有很大的收获。视频学习地址：点击这里动态接口我们要做成通用接口，所以我们请求的接口应该要根据请求传递过来相关信息，来匹配接口。...
2019-11-06 14:30:48
289
原创 Vue实战笔记01 - 简易网站后台的搭建之分类功能的实现
简易网站后台的搭建 — 分类功能的实现本文章是学习B站全栈之巅系列课程的学习笔记，利用笔记来吸收升华学到的知识。学习感受是，如果有一定的nodejs+mongoDB+vue的基础，加做过一两个相关的练手项目，再学习这个课程，你会发现原来搭建一个完整有基础功能的网站，是如此的简单，会有很大的收获。视频学习地址：点击这里1.项目目录完整的网站项目中，一般会拥有前台网站，后台管理网站，以及...
2019-11-06 10:13:56
875
原创 JavaScript 字符串true或false转换为Boolean类型数据
前言：在写一个按钮切换效果时，遇到了一个数据类型问题。我打算的是通过属性判断按钮是否被选中，设置其属性为true和false，但是奇怪的发现，当属性为空，切换到true，在切换到false，之后一直就为false了，非常奇怪。后来debuger发现，原来是数据类型出现的错误。html标签内存的都是字符串，所以使用getAttribute读出来的就是字符串整体流程是 读出字符串...
2019-11-05 11:32:01
3897
原创 ElemenUI 使用router.push()跳转，menu菜单选项与当前页不一致
在使用ElementUI时，使用到了 el-menu 编写菜单组件时发现，由router.push()跳转到另外一个组件，Menu的状态不会更新。导致状态不同步。查阅了官方网站，发现有对应的方法解决。default-active 当前激活菜单的 index使用配置default-active指向当前路由的path，就可以解决。因为组件也是使用element中的router配置的，所以选项的i...
2019-11-04 16:28:15
2938
原创 CSS 隐藏滚动条，同时可以滚动
如何隐藏滚动条且可以滚动在开发中遇到一个问题，就是原始的滚动条有点难看，我想隐藏掉，如果使用overflow：hidden，会使滚动效果失效，超出部分无法显示。于是上网搜了搜，可以用两种思路解决这个问题1.使用选择器隐藏滚动条.mybox::-webkit-scrollbar { display: none;}这样可以直接隐藏掉滚动条，让它隐藏不显示，同时也有滚动效果存在。但...
2019-10-30 15:53:49
529
转载 watch监听路由
https://www.cnblogs.com/yesu/p/9546458.htmlwatch监听路由我们可以使用watch来进行路由的监听watch: { changeShowType(value) { console.log("-----"+value); }, '$route'(to,from){ console.log(t...
2019-10-16 11:13:57
172
原创 文件/大文件上传功能实现（JS+PHP）
文件/大文件上传功能实现（JS+PHP）参考博文：掘金-橙红年代 前端大文件上传路漫漫 其修远 PHP + JS 实现大文件分割上传本文是学习文件上传后的学习总结文章，从无到有实现文件上传功能，前端小白写的代码不是最优，如果有错误的地方请多多指教，如果本文对你有所帮助，深感荣幸。 近期公司的项目中，涉及到上传大文件的问题，大文件上传用普通表单上传时出现的问题是，无法断点续存，一但中...
2019-10-16 11:06:38
446
转载 GitHub&SSH 解决每次操作远程库都需要密码登陆
参考：github帮助手册、github-自动启动ssh agent服务解决： 使用git bash时自动启动ssh agent，并将密钥添加到ssh agent操作步骤：1.在用户的家目录下(~) 创建.profile文件env=~/.ssh/agent.envagent_load_env () { test -f "$env" && . "$env...
2019-04-04 13:06:59
461
原创 Error in nextTick: "TypeError: Cannot read property 'children' of undefined" 解决
报错 Error in nextTick: "TypeError: Cannot read property 'children' of undefined"解决：加一个判断 if (数据存在)，再执行this.nextTick()方法
2019-02-26 22:39:29
24154
1
原创 Vue 父组件ajax异步更新数据，并传递给子组件的方法
本文问题解决参考https://segmentfault.com/q/1010000010167688 问题：如何把父组件动态传递ajax数据，并更新子组件的内容注意：在父组件中获取ajax数据，由于是异步获取，所以子组件mounted阶段，ajax仍未完成请求，所以使用：bind方法传递到子组件的数据获取为undefined 方法：子组件中，使用w...
2019-02-17 19:06:24
2706
原创 Vue 使用better-scroll自动折叠消失
问题：在显示子组件时，使用异步创建better-scroll对象，成功创建，但是better-scroll自动向外折叠消失原因：1.生成better-scroll对象中，只能有一层父容器，使用其包裹着整个滚动的对象，如下// 挂载点<div ref=scroll> <div class=“child”>滚动内容</div>&...
2019-02-15 23:00:09
391
原创 Vue 折叠组件使用多次新建better-scroll，导致单击事件重复调用
问题：Vue 折叠组件使用多次新建better-scroll，导致单击事件重复调用 解决：新建better-scroll时，增加条件判断，如果不存在Bscroll对象时生成新Bscroll对象，若存在，调用Bscroll的方法refresh()，复用之前的better-scroll对象 例如 if (!this.listScroll) {...
2019-02-15 14:09:34
1145
原创 Vue v-show/v-if绑定的数据改变时，无法监听数据变化
原因：向对象中新增属性时，Vue无法监听新增的属性的数据变化，从而无法触发视图的改变 解决：使用 Vue.set() 来新增属性Vue.set( target, key, value ) 参数： {Object | Array} target {string | number} key {any} value 返回值：设置的值。 ...
2019-02-15 14:02:14
14346
2
原创 Vue 无法读取HTMLCollection列表的length解决
无法读取HTMLCollection列表的length解决问题：在学习饿了么实践项目时候发现一个问题，在mounted阶段，获取Element对象，console.log()可以读取出列表，而却无法读出它的length如下 let foodList = this.$refs.menuWrapper.getElementsByClassName(...
2019-01-26 22:26:37
14910
21
原创 Vue 列表动态绑定点击样式（active class）以及路由router-link点击样式(router-active-class)
Vue - 列表动态绑定点击样式（active class） 动态绑定样式是我们经常用到的，所以直接整理了方便以后查阅用到的相关知识在vue文档 1.普通的列表动态绑定点击样式 来个小demo，实现的是一个点击绑定动态样式active-class的效果通过index与nowIndex(当前index)作比较，若相同，active-class则为true，显示...
2019-01-26 21:58:32
6686
1
转载 CSS stickyfooter的实现
转载自：https://www.cnblogs.com/shicongbuct/p/6487122.html学习时遇到使用stickyfooter布局，找到一篇通俗易懂的解决方案，转载方便以后遇到相同问题时，可以迅速查询到解决方案 在网页设计中，Sticky footers设计是最古老和最常见的效果之一，大多数人都曾经经历过。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底...
2019-01-22 12:39:54
132
原创 CSS盒模型知识整理与理解（3）--- BFC详解
CSS-盒模型知识整理与理解：CSS盒模型知识整理与理解（1）--- 基本概念CSS盒模型知识整理与理解（2）--- 边距重叠问题详解CSS-盒模型知识整理与理解（3）--- BFC详解 CSS-盒模型知识整理与理解 --- BFC本文整理自相关的BFC文章：什么是BFCBFC 神奇背后的原理BFC(Block formatting context)直译为...
2019-01-06 20:25:24
546
1
原创 CSS盒模型知识整理与理解（2）--- 边距重叠问题详解
CSS-盒模型知识整理与理解：CSS盒模型知识整理与理解（1）--- 基本概念CSS盒模型知识整理与理解（2）--- 边距重叠问题详解CSS-盒模型知识整理与理解（3）--- BFC详解 CSS盒模型知识整理与理解 --- 边距重叠问题详解 边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界...
2019-01-06 15:15:51
2036
原创 CSS盒模型知识整理与理解（1）--- 基本概念
CSS-盒模型知识整理与理解：CSS盒模型知识整理与理解（1）--- 基本概念CSS盒模型知识整理与理解（2）--- 边距重叠问题详解CSS-盒模型知识整理与理解（3）--- BFC详解 CSS盒模型知识整理与理解 --- 盒模型的基本概念本文涉及知识：盒模型的概念 标准模型和IE盒模型的区别 JS获取盒模型宽高的方法 盒模型的边距重叠问题 BFC的理解（概念、...
2019-01-06 00:19:18
1459
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人