自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 记一次内存泄漏排查

起因:大屏反复建模在低内存电脑出现卡死任务管理器,反复进入建模页退出,发现内存未释放,可能存在内存泄漏。

2024-04-02 11:10:36 445 2

原创 【vue.draggable】判断被拖拽元素是否在目标区域内并阻止拖拽

被拖拽区域(右侧)有@add事件(也就是draggable标签里面),可以通过判断事件第一个参数event.originalEvent.cancelable是否为false,如果为false,配合event.newIndex去删除目标分组的对应元素。的拖拽特性,如果元素从左边拖到右边了,但是又移出了右侧区域(也许是用户反悔了),我希望被拖拽元素不要插入到右侧。通过比对我发现了event.originalEvent.cancelable这个属性在是否目标区域放置时有区别。插件默认操作是继续添加到模板区域的。

2022-09-07 17:45:24 3700 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 2552

原创 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 2007 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 3658 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 2877 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 5869

原创 寻找字符串中出现次数最少的,且首次出现位置最前的字符

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 855

原创 初次进入网页时图片加载失败,需要刷新后显示

场景:http协议的个人主页,初次进入时图片加载失败。错误:Failed to load resource: net::ERR_CACHE_READ_FAILURE需要重刷新图片才能显示正常。访问其他网站有时也会出现这种情况,也许我的浏览器有问题?解决:(1)地址栏输入://flags/#enable-simple-cache-backend(2)启用...

2019-04-27 00:33:23 4403

原创 ES6语法在IE的兼容解决

起因:使用vue遍历渲染数据,在IE下无法渲染问题发现:使用了for of遍历和箭头函数等ES6语法不支持IE解决方法:分两步:(1)引入browser.min.js(2)将需要使用ES6语法的script标签的type属性设为’text/babel’&lt;script type='text/babel'&gt;...

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中&amp;&amp;和||的运算结果1)&amp;&amp;表达式中左右都为真var a = true;var b = 'haku';console.log(a&amp;&amp;b);//haku结果:返回右边的值2)&amp;&amp;表达式中左为假,右为真var a = false;var b = 'haku';console.log(a&amp;&amp;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’ &lt;canvas canvas-id='drawCanvas' bindtouchstart='penstart' bindtouchmove='penMove' disable-scroll='t...

2018-12-05 01:17:08 4860 7

原创 scroll-view踩坑简记

小程序scroll-view标签没有实现横向滚动的问题及解决方法scroll-view用于定义可滚动视图今天使用scroll-view做图片横向滚动,发现图片无法滚动,宽度被压缩问题代码(仅贴出关键部分):&amp;lt;scroll-view class='scrollEmoPic' scroll-x=&quot;true&quot; &amp;gt; &amp;lt;button class='emoPicUpload' ...

2018-11-26 19:47:47 425

原创 小程序setData方法回调

小程序setData方法的回调格式:this.setData({ //... },() =&gt; { this.setData({ //... })})其中=&gt;属于ES6标准,表示箭头函数,左侧括号放置参数

2018-11-20 00:19:15 3926

原创 动画效果优化——使用transform属性

js动画效果优化做了个动画效果,使用jquery使四个div间隔200ms依次的做上移运动,且透明度递增。初试代码如下:初始化: $(&quot;.introduce&quot;).css(&quot;top&quot;,&quot;100px&quot;).css(&quot;opacity&quot;,&quot;0&quot;);动画$(&quot;.culture&quot;

2018-11-12 02:26:12 1743

原创 阻止图片拖拽

阻止图片拖拽阻止鼠标拖拽图片并打开新窗口的动作jquery:$(&quot;img&quot;).attr(&quot;ondragstart&quot;,&quot;return false;&quot;);或者简单粗暴直接在body标签添加html:&amp;lt;body ondragstart=&quot;return false;&quot;&amp;gt;...

2018-11-11 19:54:48 337

原创 小程序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 6652

原创 网页中窗口文字定时滚动

网页中窗口文字定时滚动常见于购物网站、资讯网站中前段时间看了某购物网站 参考其结构写的实现效果:文字定时向上滚动,至最底层时返回到上层,鼠标移入时暂停滚动html:&amp;lt;div class=&quot;messagebox&quot;&amp;gt; &amp;lt;ul class=&quot;message&quot;&amp;gt;

2018-09-28 13:58:41 443 1

原创 小程序实现canvas添加图文

111

2018-09-27 23:58:17 11252 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除