Vue
文章平均质量分 77
sq-web
因为热爱,所以分享。自己日常总结,共同交流指正。
展开
-
vue项目首页加载优化
vue 应用中,首页加载资源过多,导致加载缓慢的问题原创 2022-09-21 16:45:38 · 1538 阅读 · 3 评论 -
vue+Vue CLI Plugin Electron Builder开发electron应用
文中主要解决的问题:1、electron下载缓慢。2、vue add electron-builder执行失败。3、打包的时候某些包下载不下来。一、创建一个vue项目npm create vueTest具体操作和创建vue项目一样,不详细展开。二、有了vue项目之后需要安装Vue CLI Plugin Electron Builder,但是由于网络原因,建议先在项目安装electron-chromedriver与electron1、npm install --save-dev electron原创 2020-08-18 19:42:00 · 3386 阅读 · 7 评论 -
electron-vue打开文件夹选中多张图片发送给后台的实现
目标: 后台提供了一个上传图片的接口,如果要同时上传多张图片,需要将图片转换成base64,然后用数组格式进行上传。文中用到的基本功能:1、electron的打开文件夹功能。相关api是dialog2、node的fs模块。3、element-ui的图片预览组件。组件是el-image具体流程:1、上传图集按钮<el-button size="mini" type="warning" @click="uploadClick">上传图集</el-button>2、打开文原创 2020-08-05 16:17:27 · 1280 阅读 · 0 评论 -
webpack配置项目—Vue项目
分享一个最近测试搭建的webpack的vue项目,完成最基本的功能配置。一、搭建基本骨架npm init 初始化npm install webpack webpack-cli --save-dev 安装基本组件根目录创建文件:index.html ,src/main.js ,src/app.vue ,webpack.config.base.js,webpack.config.dev.js,webpack.config.prod.js最终基本目录如下:二、各文件内容及作用1、src原创 2020-07-12 14:08:31 · 407 阅读 · 0 评论 -
学习做一个基于vue-cli的组件库(下篇)
基于vue-cli4的ui组件库,上篇:如何做一个初步的组件。下篇:编写说明文档及页面优化。接上篇,开工。GitHub源码地址:https://github.com/sq-github/sq-uiGitHub预览地址:https://sq-github.github.io/sq-ui/dist五、添加markdown说明文本1、删除app.vue原有的app.vue内容,及其他一些...原创 2020-05-06 15:33:43 · 682 阅读 · 0 评论 -
学习做一个基于vue-cli的组件库(上篇)
基于vue-cli4的ui组件库,先贴个最终效果吧,步骤有点多,准备分上下篇,上篇:如何做一个初步的组件。下篇:编写说明文档及页面优化。开工。GitHub源码地址:https://github.com/sq-github/sq-uiGitHub预览地址:https://sq-github.github.io/sq-ui/dist一、组件库是基于vue-cli框架的的,用vue-cl...原创 2020-05-06 15:26:02 · 568 阅读 · 0 评论 -
vue的nuxt框架中使用vue-video-player
一、基本需求:使用nuxt框架,需要在移动端网页中播放视频。 二、文中解决的基本问题: 1、vue-video-player在nuxt中怎么使用。 2、由于为了适配移动端,使用了postcss-px2rem插件,如何解决vue-video-player的样式与postcss-px2rem插件的冲突。 3、如何播放m3u8的视频。 三、解决方案:...原创 2020-05-06 15:04:32 · 3223 阅读 · 7 评论
分享