前端
文章平均质量分 52
黑夜的风
{"tag":["s","j","x"]}
展开
-
【Vue】界面不更新的一种情况
今天写代码。VueTool 的值都更新了,但视图木有更新。难道是因为对象没有检测到?我使用了 Vue.set(),仍然无效。然后我仔细看了下控制台。原来是 代码中的 TypeError 阻碍了代码执行,造成了视图未更新。清理 TypeError 后,视图更新。...原创 2019-11-20 18:02:51 · 767 阅读 · 0 评论 -
【已解决】使用 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 · 23948 阅读 · 9 评论 -
【已解决】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 · 1599 阅读 · 0 评论 -
【已解决】vue-quill-editor 获取无法获取光标位置
this.$refs.myQuillEditor.quill.selection.savedRange.index 获取光标位置答案来自SF原创 2019-03-15 20:21:18 · 6226 阅读 · 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"、F...原创 2019-03-13 13:49:36 · 16170 阅读 · 17 评论 -
【已解决】使用 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 · 8553 阅读 · 0 评论 -
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 · 14052 阅读 · 10 评论 -
【已解决】监听 vue点击Div外层 的事件,并实时销毁。
watch:{ show_login_out(newVal, oldVal){ if(newVal === true){ alert('开始监听') // 若显示,则监听失去焦点事件。 document.addEventListener('click',...原创 2019-08-01 12:23:28 · 5484 阅读 · 0 评论 -
【某种情况】后端返回的JSON,被错误的转化为String类型。
有可能是因为,JSON里面的 某个数字 是 NaN,导致的JSON错误。原创 2019-08-08 18:27:19 · 1376 阅读 · 0 评论 -
【已解决】electron运行npm run dev时报错:Extension server error: Operation failed: : has no execution context
运行网络代理。程序成功打开。原因不明,有机会会继续研究。原创 2019-02-28 13:00:27 · 4752 阅读 · 2 评论 -
【已解决】Chrome(electron)中,控制台突然不显示console.log("")的解决办法。
1、情景还原我刚刚遇到这个问题:渲染进程的console.log("");突然不显示。右上角提示:而当前的屏蔽levels是default,可以排除这个原因。2、解决方法点击:即可解决!参考地址:https://stackoverflow.com/questions/45281580...原创 2019-02-05 20:10:12 · 28712 阅读 · 13 评论 -
uni-app,清除tabBar右上角红点。失效(fail)的解决办法。
场景:希望点击消息后,清除设置的红点。于是我在消息提醒页面里写了:uni.hideTabBarRedDot({ index : 2,})但是,页面返回后,红点未消除。打印错误:e.errMsg = hideTabBarRedDot:fail not TabBar page原来,因为子页面没有tabBar,所以清除失败!解决方法有2种。最简单的,点击时先清除红点。但我...原创 2018-12-01 09:07:24 · 9107 阅读 · 0 评论 -
【已解决】微信小程序wepy框架引入vant ui时,报错的解决办法。
【场景还原】今天尝试了下wepy引入vant框架。首先,我先下载了vant小程序的组件。然后把其中的dist/button拷贝到了wepy项目的src/components目录。OK。在页面引入:路径是没有问题的。微信web开发者工具,启动!…??报错了。报错信息说找不到common/index.wxss。我们打开编译后的文件看一下:哦。原来button引入了common这...原创 2018-12-08 17:58:38 · 6563 阅读 · 4 评论 -
Web随机播放音乐,服务器同步歌曲信息,的一种实现方式。
本地接收一个对象数组。从数据库获取到时,可以按照音乐ID排序。然后前端将数组顺序打散成随机数组。从数组第一项开始播放歌曲。每播放一首歌曲,就从列表移除第一项。同时,AJAX把正在播放都歌曲ID传给服务器。服务器可以在USER表(或者HISTORY表)里新建字段,记录歌曲ID播放记录。如可以用逗号隔开。当用户还未循环完毕当前数组,就关闭页面后。用户再次打开页面的话。服务器可以返回...原创 2018-12-03 22:18:18 · 722 阅读 · 0 评论 -
【原创】小程序使用npm模块(引入第三方UI),报错的多种解决办法。
前言引入第三方模块时,我遇到了很多坑。首先是微信、第三方模块的文档描述不清楚。其次。搜索到的博客,大部分是抄的文档 / 相互转载抄袭。作用有限。于是,我自己做了各种条件下的测试。解决各种情况的引入Npm模块的报错、失败。希望对你有帮助。下面以引入Vant 小程序版 为例,开始测试。1、小程序路径在中文目录下在中文路径下新建项目,引入UI失败。将中文改为英文,重启项目。...原创 2018-12-09 12:44:37 · 4621 阅读 · 3 评论 -
使用Vue,实现事件对象的“监听”(addEventListener)、“销毁”(removeEventListener)。
场景我在写一个“滑动验证码”的插件。需要给滑块绑定事件,监听已滑动的距离。验证成功后,销毁绑定事件。实现代码1、在data里定义 data(){ return{ events: { handleEvent: function(event) { switch (event.type) { ...原创 2018-12-31 13:27:02 · 13332 阅读 · 1 评论 -
【原创】基于vue。简单、优雅的评论插件(包含颜文字表情、滑动验证)。
主要功能支持颜表情emoji(╮( ̄▽ ̄)╭)支持滑动验证。评论为空不允许提交。封装了几个常用的方法。在线浏览1、用户已登录2、用户未登录使用方法<template> <b_comment ref="my_comment" :placeholder="placeho原创 2018-12-31 23:19:46 · 6036 阅读 · 6 评论 -
【已解决】使用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 · 3893 阅读 · 0 评论 -
【electron-vue】踩坑笔记1
1、选择文件夹失败。const {ipcRenderer} = require('electron')ipcRenderer.send('open-file-dialog')上面这段代码打不开文件夹。难道绑定按钮事件不够,需要监听事件才行?下面这段代码可以打开文件夹。dialog.showOpenDialog({ properties: ["openD...原创 2019-02-05 17:46:34 · 919 阅读 · 0 评论