- 博客(26)
- 收藏
- 关注
RSS订阅原创 【vue.draggable】判断被拖拽元素是否在目标区域内并阻止拖拽
被拖拽区域（右侧）有@add事件（也就是draggable标签里面），可以通过判断事件第一个参数event.originalEvent.cancelable是否为false，如果为false，配合event.newIndex去删除目标分组的对应元素。的拖拽特性，如果元素从左边拖到右边了，但是又移出了右侧区域（也许是用户反悔了），我希望被拖拽元素不要插入到右侧。通过比对我发现了event.originalEvent.cancelable这个属性在是否目标区域放置时有区别。插件默认操作是继续添加到模板区域的。
2022-09-07 17:45:24
3708
2
原创 NUXT3项目安装依赖运行后报错 require() of ES Module xxxxx not supported.
Cannot start nuxt: require() of ES Module /www/wwwroot/xxx/node_modules/escape-string-regexp/index.js from /www/wwwroot/xxx/node_modules/@babel/highlight/node_modules/chalk/index.js not supported.误打误撞补上这句就好了：babel-node 版本是v1.22.19...
2022-06-16 21:10:09
2559
原创 NUXT3项目中使用element-plus的el-dialog组件无法正常显隐
NUXT3项目中使用element-plus（element+）的el-dialog组件无法正常显隐根据官方的指引使用v-model绑定一个布尔值const dialogVisible = ref(false)bug现象：变更这个布尔值发现弹窗无法显示dialogVisible.value = true解决：nuxt是服务端渲染框架，使用client-only标签使该组件仅在客户端渲染<client-only> <el-dialog v-model="dialogVisi
2022-05-27 22:56:01
2009
1
原创 RabbitMQ报错：Error: unable to perform an operation on node
RabbitMQ报错：Error: unable to perform an operation on node解决：C:\Users\用户名 下.erlang.cookie复制到C:\Windows\System32\config\systemprofile。试了下直接把文件复制过去替换无效，请用记事本手动打开.erlang.cookie，把里面的字符串拷贝，粘贴，保存...
2020-06-18 14:24:06
1168
原创 sh: nuxt: command not found
sh: nuxt: command not found原因：个别npm包无法被安装解决：npm install --registry=https://registry.npm.taobao.org
2020-04-21 16:19:54
3659
1
原创 nuxt安装node-sass sass-loader失败
npm安装node-sass sass-loader失败，报错信息似乎和python有关，在这里下载安装了python环境后再重新安装node-sass依旧失败了。随后解决方案：执行npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/，再次npm i node-sass sass-loader -D，安...
2020-02-27 01:31:11
1389
原创 使用v-emoji-picker插件表情不显示报错解决
使用v-emoji-picker插件，报错如下：TypeError: dataEmojis.forEach is not a function解决：找到插件的dist目录，进入v-emoji-picker.umd.js，ctrl+f查找‘dataEmojis.forEach’（第2156行左右）修改为dataEmojis.data.forEach（也就是遍历层级错了，加上data）v-...
2019-10-27 12:44:43
2879
3
原创 在vue中使用highlight
1.安装highlight.jsnpm install highlight.js2.在main.js中引入highlight.jsimport hljs from 'highlight.js';import 'highlight.js/styles/atom-one-dark.css' //样式3.在main.js中自定义指令Vue.directive('highlight',fu...
2019-05-21 22:57:14
5870
原创 寻找字符串中出现次数最少的，且首次出现位置最前的字符
function foundStr(str){ var arrResult=null; if(typeof str === 'string'){ for(let i of str){ if(str.indexOf(i) == str.lastIndexOf(i)){ arrResult = i;...
2019-05-14 11:56:08
857
原创 初次进入网页时图片加载失败，需要刷新后显示
场景：http协议的个人主页，初次进入时图片加载失败。错误：Failed to load resource: net::ERR_CACHE_READ_FAILURE需要重刷新图片才能显示正常。访问其他网站有时也会出现这种情况，也许我的浏览器有问题？解决：（1）地址栏输入://flags/#enable-simple-cache-backend（2）启用...
2019-04-27 00:33:23
4405
原创 ES6语法在IE的兼容解决
起因：使用vue遍历渲染数据，在IE下无法渲染问题发现：使用了for of遍历和箭头函数等ES6语法不支持IE解决方法：分两步：（1）引入browser.min.js（2）将需要使用ES6语法的script标签的type属性设为’text/babel’<script type='text/babel'>...
2019-03-17 13:44:53
3460
4
原创 Vue遇到的注意点总结-1
Vue遇到的注意点-11.vue无法检测数组项的修改通过索引更改数组中某一项时不会触发刷新this.items[3] = {'message':'update'};//不会触发更新解决方式：1.使用Vue.set()方法2.通过splice()方法的第三个参数修改内容2.vue无法检测数组长度的修改直接修改数组length属性不会触发刷新this.items.length = ...
2019-03-03 15:20:57
215
原创 js中&&和||的运算结果
js中&&和||的运算结果1）&&表达式中左右都为真var a = true;var b = 'haku';console.log(a&&b);//haku结果：返回右边的值2）&&表达式中左为假，右为真var a = false;var b = 'haku';console.log(a&&b);/...
2019-01-22 17:52:15
1674
原创 JS笔记-part4（伪数组）
伪数组伪数组的本质是个对象，它拥有数组三要素：元素、下标、长度，但不能调用数组api一个伪数组的范例：//伪数组 var nameArr = { 0:'lin', 1:'wang', 2:'Steven', 3:'taku', length:4 }; console.log(nameArr.length);/...
2019-01-17 23:40:50
114
原创 JS笔记-part3（面向对象）
面向对象面向对象的本质是对面向过程的封装面向对象三大特征：封装、继承、多态封装将某个具体功能封装在对象中，对外部暴露指定的接口，外界使用时无需考虑内部是如何实现的function person(name,age,country){ this.name = name; this.age = age; this.country = country;}var person1 ...
2019-01-16 00:07:16
99
原创 JS笔记-part2(正则表达式)
个人习惯用思维导图做笔记，重新敲一遍加深印象正则表达式概念：正则表达式是一个用于对字符串实现逻辑匹配运算的对象创建正则表达式对象（1）构造函数声明：var reg = new RegExp(/abc/,‘i’)第一个参数为过滤字符串的规则第二个参数为修饰符（2）字面量简介方式（常用）var reg = /abc/i在//内规定过滤规则，后面是修饰符匹配方法test()：...
2019-01-15 02:53:58
88
原创 JS笔记-part1（API相关）
个人习惯用思维导图做笔记，重新敲一遍加深印象js内置对象Object Array Function Math Date String Number Boolean RegExp（正则表达式）对象APIString属性str.length获取字符串长度String方法str.charAt()获取字符串某一个下标字符str.c...
2019-01-15 01:35:56
137
原创 小程序canvas绘图延迟
小程序canvas绘图出现延迟在使用canvas绘制线条时出现严重的延迟（bindtouchmove事件绘制轨迹），解决方法是在scroll标签加入disable-scroll=‘true’ <canvas canvas-id='drawCanvas' bindtouchstart='penstart' bindtouchmove='penMove' disable-scroll='t...
2018-12-05 01:17:08
4862
7
原创 scroll-view踩坑简记
小程序scroll-view标签没有实现横向滚动的问题及解决方法scroll-view用于定义可滚动视图今天使用scroll-view做图片横向滚动，发现图片无法滚动，宽度被压缩问题代码（仅贴出关键部分）：&lt;scroll-view class='scrollEmoPic' scroll-x="true" &gt; &lt;button class='emoPicUpload' ...
2018-11-26 19:47:47
426
原创 小程序setData方法回调
小程序setData方法的回调格式：this.setData({ //... },() => { this.setData({ //... })})其中=>属于ES6标准，表示箭头函数，左侧括号放置参数
2018-11-20 00:19:15
3926
原创 动画效果优化——使用transform属性
js动画效果优化做了个动画效果，使用jquery使四个div间隔200ms依次的做上移运动，且透明度递增。初试代码如下：初始化： $(".introduce").css("top","100px").css("opacity","0");动画$(".culture"
2018-11-12 02:26:12
1744
原创 阻止图片拖拽
阻止图片拖拽阻止鼠标拖拽图片并打开新窗口的动作jquery：$("img").attr("ondragstart","return false;");或者简单粗暴直接在body标签添加html：&lt;body ondragstart="return false;"&gt;...
2018-11-11 19:54:48
338
原创 小程序wx.showToast自定义图片不显示的原因
小程序wx.showToast自定义图片不显示的原因小程序wx.showToast接口提供交互反馈效果，默认图标为success if(text == "") { wx.showToast({ title: '文字内容为空', image:'/img/icon/icon_26.png' }) }image指定自...
2018-09-28 22:04:08
6654
原创 网页中窗口文字定时滚动
网页中窗口文字定时滚动常见于购物网站、资讯网站中前段时间看了某购物网站 参考其结构写的实现效果：文字定时向上滚动，至最底层时返回到上层，鼠标移入时暂停滚动html：&lt;div class="messagebox"&gt; &lt;ul class="message"&gt;
2018-09-28 13:58:41
443
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人