- 博客(51)
- 收藏
- 关注
RSS订阅
原创 【原创】基于vue。简单、优雅的评论插件（包含颜文字表情、滑动验证）。
主要功能支持颜表情emoji（╮(￣▽￣)╭）支持滑动验证。评论为空不允许提交。封装了几个常用的方法。在线浏览1、用户已登录2、用户未登录使用方法<template> <b_comment ref="my_comment" :placeholder="placeho
2018-12-31 23:19:46
5991
6
原创 Windows10 Linux Shell，忘记 root 密码，正确的重新安装 / 找回办法。
1、场景今天发现自己忘记了 Linux Shell 的 root 密码。无奈准备重新安装 Linux Shell。我从 控制面板 → 程序 → 打开/关闭Windows功能，删除了 Linux Shell。重启后，重新安装。但是发现 Linux Shell 的 root 密码还是原来的，没有被重置2、解决办法重新安装 Linux Shellwindows设置 → 应用 → 应用与功能 → 搜索ubuntu → 高级选项 → 重置。3、其它办法修改程序文件。（没用过，不做评价）https:/
2020-06-02 16:23:58
980
原创 【已解决】Vue的Element框架，日期组件（el-date-picker）的@change事件，不会触发。
1、场景照抄官方的实例，绑定了 myData.Age 这个值。实际选择某个日期后，从 vuetool（开发工具）看，值已经更新了，但视图未更新。2、尝试绑定另一个值： myData，可以正常的触发 @change 方法。可能是：值绑定到子对象时，组件没有侦测到。3、解决使用 @blur 代替 @change 方法。再判断下 “值有没有更新” 即可。如有更好的方法，欢迎评论！...
2020-02-12 17:35:24
25279
4
原创 【Vue】界面不更新的一种情况
今天写代码。VueTool 的值都更新了，但视图木有更新。难道是因为对象没有检测到？我使用了 Vue.set()，仍然无效。然后我仔细看了下控制台。原来是 代码中的 TypeError 阻碍了代码执行，造成了视图未更新。清理 TypeError 后，视图更新。...
2019-11-20 18:02:51
735
原创 【已解决】使用 yarn 安装时，报错node_modules\node sass:Command failed.
npm install -g mirror-config-china --registry=http://registry.npm.taobao.orgnpm install node-sassyarn install请勿使用： cnpm ！！
2019-11-14 23:30:57
23864
9
原创 【已解决】监听 vue点击Div外层 的事件，并实时销毁。
watch:{ show_login_out(newVal, oldVal){ if(newVal === true){ alert('开始监听') // 若显示，则监听失去焦点事件。 document.addEventListener('click',...
2019-08-01 12:23:28
5441
原创 Vue的element UI，Loading加载框更改显示文字。
1、初始化载入框const options = { text: "载入中...", customClass: 'login_loading', spinner: 'el-icon-loading', lock: true,};this.loadingInstance = Loading.service(options);2、更改文字this.loadingIn...
2019-08-01 09:19:57
13850
10
转载 【已解决】使用 NodeJS 读取文件的大小，并以KB、MB、GB的格式输出。
方法一function formatBytes(bytes, decimals = 2) { if (bytes === 0) return '0 Bytes'; const k = 1024; const dm = decimals < 0 ? 0 : decimals; const sizes = ['Bytes', 'KB', 'MB', 'GB', ...
2019-07-15 20:28:49
9330
1
原创 【已解决】使用node查询数据库（mysql）时，日期格式不对的问题。
1、问题场景数据库里存了 datetime。但 Node 查询出来是这样子的：2019-05-14T21:40:59.000Z2、解决办法这是 Mysql时区 与 Node时区 不一致导致的。解决方法：配置Node数据库连接。加上 timezone 这一行：client: { host: '***.***.***.***', port: '****', user...
2019-06-21 14:06:44
3663
7
原创 【已解决】使用 js，选中 input 输入框中的文本。
function selectText(id){ this.$nextTick(()=>{ const obj = document.getElementById(id); // 必须把输入框类型转化为 text，否则无法选取。（ERROR：selectionStart/selectionEnd on input type=“number” no longer a...
2019-06-21 11:32:55
8397
原创 electron 获取打包后的exe文件路径。
储存应用数据时，通常会使用 应用程序所在目录。即 userData 目录。路径是这样的：C:\Users\【用户名】\AppData\Roaming\【应用名】可通过以下方法获取：app.getAppPath()但某些情景。我希望某些数据存放在 打包后的当前路径 下。即 应用名.exe 的同级目录下。这时该怎么获取呢？1、初步尝试使用 nodeJS 的被执行 js 文件的绝对...
2019-04-16 09:03:37
12459
2
原创 【已解决】egg.js 修改内容后，热更新失效的问题。
1、场景还原我用的是 phpstorm，下载了egg官方的 npm init egg --type=simple。然而重复编辑一个文件后，没有触发热更新。只能重启服务才行。我尝试过 egg-bin debug、egg-bin debug worker、egg-bin dev。都没作用。这不能忍啊。我搜遍了官方文档+Github，终于找到了解决办法。2、解决办法关闭phpstorm的...
2019-04-09 16:37:40
4867
原创 【已解决】vue-quill-editor 获取无法获取光标位置
this.$refs.myQuillEditor.quill.selection.savedRange.index 获取光标位置答案来自SF
2019-03-15 20:21:18
6111
5
原创 【已解决】Vue引用quill富文本编辑器，图片处理的两个神器插件（quill-image-drop-module、quill-image-resize-module）的正确姿势。（解决各种报错）
一、前言我在vue-quill-editor的Github认识了这两个插件。quill-image-drop-module：允许粘贴图像并将其拖放到编辑器中。quill-image-resize-module：允许调整图像大小。都很实用呐！然而DEMO不够详细，实际引用时，报了很多错误。如Cannot read property 'imports' of undefined&amp;quot;、F...
2019-03-13 13:49:36
15507
17
原创 【已解决】vue升级后（引用cdn后），某些页面打不开、cpu占用异常增高的解决办法
【问题情景】今天添加CDN时，看到package.json写了："vue": "^2.5.2"，就引用了2.5.2的CDN。结果某个子组件无法加载。表现为浏览器cpu异常升高，页面无响应。注释掉组件后页面正常加载。【解决办法】后经检验，是版本问题。应当引入** package-lock.json** 的版本。将版本改为2.5.16，程序正常运行~...
2019-03-04 16:00:55
1535
原创 正则表达式→验证输入的是数字，且可以有两位小数。
const reg = /^[0-9]+(.?[0-9]{1,2})?$/疑问：.后面的?有点迷。有机会研究下。
2019-02-28 17:27:27
4942
原创 【已解决】electron运行npm run dev时报错：Extension server error: Operation failed: : has no execution context
运行网络代理。程序成功打开。原因不明，有机会会继续研究。
2019-02-28 13:00:27
4701
2
原创 【已解决】Chrome（electron）中，控制台突然不显示console.log("")的解决办法。
1、情景还原我刚刚遇到这个问题：渲染进程的console.log("");突然不显示。右上角提示：而当前的屏蔽levels是default，可以排除这个原因。2、解决方法点击：即可解决！参考地址：https://stackoverflow.com/questions/45281580...
2019-02-05 20:10:12
28503
13
原创 【electron-vue】踩坑笔记1
1、选择文件夹失败。const {ipcRenderer} = require('electron')ipcRenderer.send('open-file-dialog')上面这段代码打不开文件夹。难道绑定按钮事件不够，需要监听事件才行？下面这段代码可以打开文件夹。dialog.showOpenDialog({ properties: [&quot;openD...
2019-02-05 17:46:34
876
原创 【已解决】Github桌面版（Github Desktop）打开失败的解决办法。
打不开的原因上次卸载Github桌面版没删除干净，导致二次安装时失败。解决办法Try, after uninstalling GitHub Desktop, to make sure there is no GitHub folder left in %LocalAppData%\GitHubDesktop and the %AppData%\GitHub Desktop.Try aga...
2019-01-31 09:21:48
13305
1
原创 【已解决】使用vue-electron脚手架进行vuex赋值时，失败的解决办法。
解决过程1、初步尝试我首先尝试用mutation（commit）传参。结果控制台报错：[Vuex Electron] Please, don't use direct commit's, use dispatch instead of this.好好好。那我再用action传参试试。虽然控制台没报错，但却一直无法赋值！2、查找资料我找到一个解决方法：注释掉store目录下ind...
2019-01-27 23:59:17
3864
原创 使用Vue，实现事件对象的“监听”（addEventListener）、“销毁”(removeEventListener)。
场景我在写一个“滑动验证码”的插件。需要给滑块绑定事件，监听已滑动的距离。验证成功后，销毁绑定事件。实现代码1、在data里定义 data(){ return{ events: { handleEvent: function(event) { switch (event.type) { ...
2018-12-31 13:27:02
13247
1
原创 【原创】小程序使用npm模块（引入第三方UI），报错的多种解决办法。
前言引入第三方模块时，我遇到了很多坑。首先是微信、第三方模块的文档描述不清楚。其次。搜索到的博客，大部分是抄的文档 / 相互转载抄袭。作用有限。于是，我自己做了各种条件下的测试。解决各种情况的引入Npm模块的报错、失败。希望对你有帮助。下面以引入Vant 小程序版 为例，开始测试。1、小程序路径在中文目录下在中文路径下新建项目，引入UI失败。将中文改为英文，重启项目。...
2018-12-09 12:44:37
4533
3
原创 【已解决】微信小程序wepy框架引入vant ui时，报错的解决办法。
【场景还原】今天尝试了下wepy引入vant框架。首先，我先下载了vant小程序的组件。然后把其中的dist/button拷贝到了wepy项目的src/components目录。OK。在页面引入：路径是没有问题的。微信web开发者工具，启动！…？？报错了。报错信息说找不到common/index.wxss。我们打开编译后的文件看一下：哦。原来button引入了common这...
2018-12-08 17:58:38
6509
4
原创 Web随机播放音乐，服务器同步歌曲信息，的一种实现方式。
本地接收一个对象数组。从数据库获取到时，可以按照音乐ID排序。然后前端将数组顺序打散成随机数组。从数组第一项开始播放歌曲。每播放一首歌曲，就从列表移除第一项。同时，AJAX把正在播放都歌曲ID传给服务器。服务器可以在USER表（或者HISTORY表）里新建字段，记录歌曲ID播放记录。如可以用逗号隔开。当用户还未循环完毕当前数组，就关闭页面后。用户再次打开页面的话。服务器可以返回...
2018-12-03 22:18:18
696
原创 uni-app，清除tabBar右上角红点。失效（fail）的解决办法。
场景：希望点击消息后，清除设置的红点。于是我在消息提醒页面里写了：uni.hideTabBarRedDot({ index : 2,})但是，页面返回后，红点未消除。打印错误：e.errMsg = hideTabBarRedDot:fail not TabBar page原来，因为子页面没有tabBar，所以清除失败！解决方法有2种。最简单的，点击时先清除红点。但我...
2018-12-01 09:07:24
8923
原创 移动端（H5+）唤起B站（Bilibili）APP客户端的代码。
在网页中打开&amp;amp;amp;amp;amp;amp;amp;lt;script&amp;amp;amp;amp;amp;amp;amp;gt; window.onload=function(){ window.location.href = 'bilibili://video/36015655';//打开视频 window.location.href = 'bilibili://music/detail/567692';//打开音频 }&
2018-11-25 18:06:19
5127
1
原创 【已解决】使用腾讯云CDN之后，上传大文件失败413的问题。
使用腾讯云CDN之后，突然有用户反馈无法上传文件。我试了下。原来大文件无法上传。配置cdn前，上传是正常的。我发工单咨询后，回复如下：您好，CDN对上传大文件有限制，建议您更换其他域名上传或使用分块上传。解决方法好吧。那我就换个域名吧。为了立即解决用户需求，临时绑定了服务器ip作为上传地址。但是你懂的，https证书错误。然后从Let’s Encrypt申请证书。绑定http...
2018-09-25 08:50:13
4048
原创 多种消息提醒系统的设计模式、实现方案（附功能截图+表结构）
V站需要增加3种消息提醒系统。需要实现的功能如下：1.评论提醒。实现功能他人回复自己后，右上角自动提醒“未阅读的新消息”的数量。点击后，清空新消息的提示。思路这个是最简单的。在数据库查询：select count(id) from 评论表 where 贴子作者 = $当前用户UID and 是否被阅读 = 1 and 是否被删除 = 1前端判断，后端返回的json数据是否&g...
2018-09-25 08:28:59
33767
11
原创 Vue框架，签到功能的实现、优化。(附vue+php后台代码+mysql表结构)
项目需要增加一个签到功能。 很简单。登陆后点击【签到】，即可签到。 1.建数据库表表结构如下： id是自增的主键，uid是用户的数字id，clicked_time是签到的日期。 CURRENT_TIMESTAMP是插入sql语句的时间。 格式是这样的：2018-03-14 19:00:12 2.写php【查询当前用户，今天是否签到】的接口$uid = $_G...
2018-09-03 13:33:13
8034
原创 【已解决】文件上传到Nginx服务器后，等待时间很长Waiting (TTFB)的解决办法。
【问题的背景】项目上线后，发现大文件上传后，等待时间很长。15MB的文件足足需要等待4分钟！而我的测试服务器则没有这个问题，几乎是秒上传成功。【解决过程】最开始我以为是PHP背锅。考虑过的解决方案如下：以为move_uploaded_file方法执行有问题/缓存文件夹权限不足/PHP、Apache、Nginx的配置文件里关于文件大小的限制。并在网友的建议下开启P...
2018-07-27 20:29:20
17378
7
原创 【问题记录】更换域名的DNS时，浏览器许久不生效。
今天把阿里云的域名解析到腾讯云。我之前绑定过www.111.com。这次新绑定的域名111.com，几分钟就生效了。可以访问。但www.111.com许久不行，仍显示老的服务器页面！ 休息时，随手打开手机访问www.111.com，居然显示了新的页面。我打开电脑浏览器。重启浏览器、更换浏览器、清空缓存、禁止缓冲。全套下来，还是显示老的网站。。。。。最终，一个上午过去。w...
2018-07-26 12:55:46
1170
1
原创 【全部步骤+遇到的问题】多页面入口的Vue-Cli项目打包，配置到Linux系统下的 Nginx服务器 实战
我的VUE-PHP全栈项目终于做好了，今天进行打包、上线。这是我第一次发布Vue项目+部署Nginx服务器。本文章将记载打包的步骤、遇到的问题等。以供将来参考。 1.首先什么也不配置，裸打包试试！ npm run build。直接执行打包，然后在webstorm里边运行（点击右上角的浏览器图标）。 发现首页空白。2.配置打包路径，增加一个点. （P.S：我的线上服务器...
2018-07-26 12:30:30
1781
原创 【详细教程】CentOS下配置Nginx的https时报错：缺少ngx_http_ssl_module
1.首先，找到Nginx安装包的位置。比如，我的是：/usr/local/src/nginx-1.15.1cd /usr/local/src/nginx-1.15.1如果忘记安装包放哪里了，可以find命令找一下。如果还是找不到（比如删除了）。可以查看当前Nginx的版本号，重新下载一个。【查看Nginx版本命令】/usr/local/nginx/sbin/nginx -V （...
2018-07-26 11:57:52
28151
9
原创 【已解决】Linux系统下，AJAX上传文件，失败的解决方法。
【场景】项目测试时，Windows服务器的上传没有问题。但Linux上传失败。根据php的断点判断，应该是最后一步，把"临时目录下的文件"复制到"临时文件的保存目录"时出错。【解决方法】首先，确认上传的临时目录在哪儿。echo "phpinfo()"找到“upload_tmp_dir”这一项。若为空，那就默认是Linux根目录下的tmp目录。你也可以在php.ini里面...
2018-07-25 15:50:28
885
原创 【已解决】配置Vue-Cli路由时，跳转到错误地址的Bug
【BUG情况】刚才conf/index.js配置错误。导致，访问后台跳转地址错误。【解决过程】我还以为怎么了啊。检查了路由配置、服务器配置，还原了下早晨的项目备份。都不好用。关了本地webstorm服务器。然后刷新出问题的页面，发现还是跳转到错误的网址！！!查看了8080的端口占用，发现没有占用。【最终解决方案】清空浏览器缓存。重启Webstorm，错误消失。...
2018-07-24 12:26:38
1553
原创 【已解决】Mysql的储存过程，获取的查询结果（select）的值不正确。
一直只用增删改查，触发器、储存过程怎么写都快忘光了。今天我在写储存过程时，查询的值一直不正确。BEGINSET @count = (select sum(click_num) from music where uid = uid);insert msg(msg) value (@count);END很简单的DEMO。查询字段的总和，插入到另一张表。本应该返回21，但MY...
2018-07-22 17:48:21
5782
1
原创 【已解决】如何让PHP返回AJAX后，继续在后台执行。（附完整代码）
【场景】用户上传文件，给PHP服务器发送AJAX文件及表单。若插入身份验证成功+插入数据库成功，则及时返回success的AJAX信息。后台继续运行，把文件上传到第三方文件服务器。【遇到的问题-1】PHP持久运行，这种教程网上很多了。但我遇到了个问题，就是控制台报错：Content-Length错误。一提交表单，nodejs服务器直接挂掉了。。。【解决方案-step1...
2018-07-18 16:05:38
3350
2
原创 【已解决】Canvas引入跨域的图片，导致toDataURL()报错的问题。
【场景】用户打开网页，则请求腾讯COS（图片服务器）上的图片。使用canvas绘图。然后，用户可以重新选择图片、裁剪、上传。【问题】图片首次载入，选择新图片后裁剪、绘制都没有问题。但上传失败，报错如下：Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be expo...
2018-07-17 12:05:52
36410
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人