自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 electron-vue搭建桌面应用

很久没有更新了,今天Peter 尘就来记录一下electron-vue项目桌面项目的搭建前期准备: node.js & vue-clinode -v 查看当前node.js版本vue -V 查看当前vue-cli版本项目搭建进入工作目录,创建一个vue项目 vue create electron_vue_dome,以下就是项目的基本结构找 vue-cli-plugin-electron-builder的官网,执行终端执行vue add electron-builder安装

2021-09-15 17:53:09 210 1

原创 vue_electron项目对SVGA加载出现卡顿、卡死现象的处理,直播类项目

近期Peter 尘在做vue_electron项目的过程中需要使用SVGA动效图,于是乎用了svga.lite插件,意外的是加载图片项目直接崩盘(白屏),CUP占用率直接飙升到100%,特此,在这里记录一下SVGA格式图片踩下的坑:项目场景:项目场景:直播平台刷礼物,需要使用较大的SVGA动效图问题描述:使用svga.lite插件加载SVGA图片后,连续刷比较大的礼物会出现白屏,内存占用过高,应用直接崩盘的情况附代码:import { Downloader, Parser, Play

2021-05-08 00:04:56 2061 1

原创 子组件未传递数据,父组件数据却改变。 “引用数据类型的‘浅拷贝’”

子组件未传递数据,父组件数据却改变一、环境二、 结论前言:今天在开发过程中,遇见一个烧脑的问题。感觉有必要记录一下,也给大家分享一下,避免大家踩坑。一、环境父组件:展示自己的兴趣标签,可通过子组件修改兴趣标签子组件:选择【修改】自己的兴趣标签,将选择的数组传递给父组件1.1 父组件代码 <select-interest v-show="selectInterestVisible" :skillList="skillList" :ownedSkill

2021-02-24 07:35:16 260

原创 vue-cli + electron项目如何进行打包

vue-cli + electron项目如何进行打包一、安装Electron二、npm install 安装所需依赖三、运行项目四、打包项目前提条件:安装并应用了vue的脚手架,搭建了一个项目一、安装Electron1.1 自定义安装 (不推荐)vue add electron-builder——————(安装electron)配置选项,选择Electron的版本? Choose Electron Version (Use arrow keys) ^4.0.0 ^5.0.0>

2021-02-02 10:31:34 967 2

原创 javascript内置对象的属性及方法总结

Javascript 内置对象属性方法总结1.String内置对象2.Number内置对象3.Array内置对象4.Date内置对象5.Math内置对象6.RegExp内置对象7.Boolean内置对象1.String内置对象属性详解constructor返回对创建此对象的函数引用。length字符串的长度方法参数详解toLowerCase()无转小写字母toUpperCase()无转大写字母split(s,n)s必需,怎么

2020-09-15 17:34:25 463

转载 理解JavaScript中引用类型指针的工作方式

理解js引用类型指针的工作方式<script> var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x); // --> undefined console.log(b.x); // --> [object Object] </script>上面的例子看似简单,但结果并不好了解,很容易把人们给想绕了,“a.x不是指向对象a了么?为啥log(a.x)是undefined?”、“b.

2020-09-03 10:47:24 127

原创 JS轮播图(点击切换、自动播放、悬停控制)

JS轮播图轮播图可以说是网页上十分常见的效果,很多朋友在学习JavaScript后都迫不及待的想写一些好看对的效果出来,那么轮播图就是一个很不错的练手实例。下面就是通过JS写的轮播图效果:功能介绍1.上/下按钮切换图片2.点击圆点按钮切换到相应的图片3.自动播放效果 (4秒间隔)4.当鼠标放在图片上时,停止轮播效果;鼠标移开图片时,又出现轮播效果实现方法如下:html代码<div id="Box"> <div class="img show">One</d

2020-07-31 14:23:59 11314

原创 Vue.js中的插槽slot(具名插槽、作用域插槽)详解

Vue中的插槽slot插槽 - slot1.插槽的基本使用2.具名插槽的使用3.作用域插槽插槽 - slot优点:可以预留空间,提高组件的复用性;1.插槽的基本使用html代码如下:<div id="app"><!--将h4标签中的内容替换到插槽中 --> <you><h4>替换的h4标签</h4></you> <!--不在插槽中添加值时,插槽会使用默认值 --> <you></yo

2020-07-15 14:25:38 1347

空空如也

空空如也

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

TA关注的人

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