7 lss0555

尚未进行身份认证

我要认证

关注领域:JavaEE,Android,JavaScript

等级
TA的排名 1w+

搭建electron+vue-cli4项目与打包

1. 安装vue-cli4这里使用的是yarn,进行这一步的前提是安装好nodenpm global add @vue/cli2.创建vue项目vue create vue-electron-demo (vue-electron-demo是你要创建的项目名称)3 . 创建vue项目过程,选常用模块以及配置此时需要选择项目的一些配置,选定敲回车,出现的顺序以及基本选择如下:上下键,空格是选择,enter是确定)? Please pick a preset: (Use arrow ke

2020-10-20 15:42:14

css之flex属性布局

一、前言Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。菜鸟教程:https://www.runoob.com/w3cnote/flex-grammar.html...

2020-10-15 17:01:30

CSS之position定位

一、前言CSS position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left 属性则决定了该元素的最终位置。position方式包括以下几种:static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性

2020-10-14 15:51:41

vue之vue-content-loader内容加载器使用

一、前言在打开一个页面时候,如果遇到界面内容多或者接口请求慢导致加载速度慢时,这时候会导致页面出现较长时间的空白页面,影响用户的体验感,vue-content-loader正是解决该场景问题的一个组件。二、特性1、完全可定制:你可以改变颜色,速度和大小2、创建自己的加载:使用在线工具轻松创建你的自定义加载3、你现在就可以使用它:已经有很多预设了4、性能Tree-shakable and highly optimized bundle纯SVG, 因此它不需要任何 javascript, ca

2020-09-27 11:03:19

vue之svg-icon组件使用

一、添加相关依赖包当前使用的vue版本为2.6.11,加入库svg-sprite-loaderpackage.json新增如下:"devDependencies": { "svg-sprite-loader": "^4.1.6", ... },二、新增SvgIcon组件1.在components文件下新建SvgIcon组件SvgIcon下的index.vue组件内容如下:<template> <svg :class="svgClass"

2020-09-25 15:27:37

nginx制作检查配置bat文件

注意设置1.NGINX_DIR目录 NGINX_PATH2.文件保存为 .batcls@ECHO OFFSET NGINX_PATH=D:SET NGINX_DIR=D:\DevSoft\nginx-1.17.0\color 0aTITLE Nginx管理程序GOTO MENU:MENUCLSECHO.ECHO. * * * * Nginx Management * * *ECHO. * *ECHO. *

2020-09-25 09:21:02

docker之部署mall开源项目

一.前言mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。 后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。mall项目涉及到知识点,比如SpringBoot、ElasticSearch、Redis、Mongodb、MyBatis、MySql、Linux、Docker等

2020-09-25 09:11:53

docker之搭建maven私服

一.基于Docker搭建Maven私服1.下载镜像docker pull sonatype/nexus32.配置参数启动容器docker run -d -p 8081:8081 --name nexus --restart=always -v /opt/docker-nexus/data:/var/nexus-data sonatype/nexus3参数说明:-d 后台运行-p 8081:8081 端口映射–name nexus 设置容器别名–restart=always 跟随do

2020-09-25 09:06:44

docker之daemon.json文件

一.Docker配置国内镜像加速默认没有daemon.json文件,所以我们需要先创建,进入/etc/docker目录下1.新增配置目录sudo mkdir -p /etc/docker2.在docker目录下修改daemon文件sudo vi /etc/docker/daemon.json3.新增如下内容 { "registry-mirrors": ["https://gfmnzvu1.mirror.aliyuncs.com"] }3.加载其配置sudo system

2020-09-25 09:04:55

docker之安装redis

一.下载包拉取最新的redis包[root@localhost ~]# docker pull redisUsing default tag: latestlatest: Pulling from library/redis8ec398bc0356: Pull complete da01136793fa: Pull complete cf1486a2c0b8: Pull complete a44f7da98d9e: Pull complete c677fde73875: Pull comp

2020-09-25 09:03:16

docker之安装rabbitmq

下载镜像文件docker pull rabbitmq:management创建实例并启动docker run -d --name rabbitmq --publish 5671:5671 \ --publish 5672:5672 --publish 4369:4369 --publish 25672:25672 --publish 15671:15671 --publish 15672:15672 \rabbitmq:management...

2020-09-25 09:02:13

docker之安装nginx

一.拉去镜像docker pull nginx二.创建挂载映射目录1.创建nginx配置目录mkdir -p /opt/docker-nginx/conf2.创建nginx的日志文件目录mkdir -p /opt/docker-nginx/logs3.创建nginx的htmlmkdir -p /opt/docker-nginx/html三.配置启动参数启动容器1.配置实例并启动docker run -p 80:80 --name nginx -v /opt/docker-n

2020-09-25 09:00:12

docker之安装mysql8.0

1.查看可用的 MySQL 版本访问 MySQL 镜像库地址:https://hub.docker.com/_/mysql?tab=tags 。命令来查看可用版本$ docker search mysqlNAME DESCRIPTION STARS OFFICIAL AUTOMATEDmysql MySQL is a widely use

2020-09-25 08:56:53

vue项目中引入less支持

一、less是什么Less是一种CSS的扩展和动态样式表语言,CSS预处理器,可以在客户端或服务器端运行,帮助我们自定义,管理和重用网页的样式表。Less是一种开源语言,也是跨浏览器兼容的语言。二、vue中引入less1.加入less相关库npm install less-loader@4.1.0 --save -Dnpm install less@3.0.4 --save -Dpackage.json加入的库如下: "devDependencies": { "less": "^3.

2020-09-22 10:35:22

屏幕录制工具LICEcap,截屏生成GIF图

下载地址https://www.cockos.com/licecap/LICEcap 安装包不到 300KB。以窗口的方式悬浮在桌面,可随意拖动并切换截取范围。点击Record开启录制,stop按钮则结束录制,完成后将存放在指定的目录下,格式为gif...

2020-09-07 08:36:02

vue cli4之Eslint初使用

一.介绍ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和 JSLint、JSHint 相似,除了少数的例外:ESLint 使用 Espree 解析 JavaScript。ESLint 使用 AST 去分析代码中的模式ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。二.使用1.安装"devDependencies": { "@vue/eslint

2020-09-03 11:49:42

vue router路由解析

一、前言Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。二、安装1.安装包npm install vue-router2.项目引用在cli4脚手架目录router下index.js中引用import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)三、使用1.路由命名通过一个名称来标识一个路由显得更方便一些,特别是在链接

2020-08-31 10:03:04

vue多语言插件vue-i18n

安装vue-i18nnpm install vue-i18n -S使用1.在main.js中引入vue-i18nimport VueI18n from 'vue-i18n'Vue.use(VueI18n)2.vue-i18n初始化const i18n = new VueI18n({ locale: 'cn', // 默认语言 messages})3.vue-i18n挂载到vue实例new Vue({ el: '#app', router, i18n, // i

2020-08-28 11:21:57

Vue.js之Socket.IO 使用

一.前言在很多需求业务中,都需要浏览器和服务器实时通信来实现功能,比如:扫码登录(扫码后,手机确认登录,PC网页完成登录并跳转)、订单语言提醒等,这些都是建立在两端实时通信的基础上的。对前端而言,来实现浏览器和服务器实时通信,最好的选择就是Socket.IO库,能够快速的实现两端实时通信功能。1、什么是 Socket.IO?Socket.IO是一个WebSocket库,可以在浏览器和服务器之间实现实时,双向和基于事件的通信。它包括:Node.js服务器库、浏览器的Javascript客户端库。它会自动

2020-08-28 09:01:52

Vue之组件间的数据通信

一、父组件与子组件传值1.pros通过 Prop 父组件向子组件传递数据。props是单向绑定的,即只能父组件向子组件传递,不能反向,是 Vue 的设计理念之单向数据流。2.$emit官方说法是触发当前实例上的事件。附加参数都会传给监听器回调。$emit 绑定一个自定义事件event,当这个这个语句被执行到的时候,就会将参数arg传递给父组件,父组件通过@event监听并接收参数。3.$ref通过$ref 实现通信,ref 是被用来给元素或子组件注册引用信息的。引用信息将会注册在父组件的 $re

2020-08-26 17:14:16

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 脉脉勋章
    脉脉勋章
    绑定脉脉第三方账户获得
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。